jQuery.fn.random = function() {
        var randomIndex = Math.floor(Math.random() * this.length);  
        return jQuery(this[randomIndex]);
    };
    
    
    var cscript = new carScript;
    
    function prepare_building(selector){
        $(selector).css({top: $(this).height() * (-2) +"px"});
    }
    
    function show_buildings(){            
            $("#emarketing").animate({top:"0px"},900,'easeOutBounce');            
            $("#consulting").animate({top:"5px"},930,'easeOutBounce');
            
            
            $("#websupport").animate({top:"30px"},1000,'easeOutBounce');
            $("#webdesign").animate({top:"4px"},1030,'easeOutBounce');
            $("#logominds").animate({top:"237px"},1090,'easeOutBounce');
                        
            $("#web2projects").animate({top:"216px"},1100,'easeOutBounce');
            $("#webdevelopment").animate({top:"215px"},1030,'easeOutBounce');
            $("#ecommerce").animate({top:"208px"},1060,'easeOutBounce');
            
            setTimeout(function() { $(".car").show();
            cscript.car1();
            cscript.car2();
            cscript.car3();
            cscript.car4();
            cscript.car5();
            cscript.car6(); 
            cscript.place_bubbles();
            //cscript.actors();
            cscript.actorsbounce();
            //show_tips();
            },1200);
            
            return;            
    }
    
    function show_tips(){
        var i=0;
        
        var rand_item = $('.header_tip').random();//.attr("id");
        rand_item.slideDown();
        setTimeout(function(){
            rand_item.slideUp(function() {
                setTimeout(function(){
                    show_tips();
                },1000);
            });
        },5000);
        
    }
        
    
    $(document).ready (function(){
            
            
            
            $("#preloader_loading").fadeIn(1000);
            $(".car").hide();
            //$(".header_tip").hide();
            
            prepare_building("#emarketing");
            prepare_building("#consulting");
            prepare_building("#websupport");
            prepare_building("#webdesign");
            prepare_building("#logominds");
            prepare_building("#web2projects");
            prepare_building("#webdevelopment");
            prepare_building("#ecommerce");
            
                        
            
            

            
            
            $('#preloader_cloud2').pan({fps: 30, speed: 0.2, dir: 'left', depth: 40});            
            $('#preloader_buildings').pan({fps: 30, speed: 0.8, dir: 'left', depth: 20});            
            $('#preloader_grass1').pan({fps: 30, speed: 1.7, dir: 'left', depth: 10});
            $('#preloader_grass2').pan({fps: 30, speed: 1.9, dir: 'left', depth: 5});
            $('#preloader_grass3').pan({fps: 30, speed: 2, dir: 'left', depth: 1});
        
            $.preLoadImages(
            [
                '/wp-content/themes/overall/webdreamville/images/city/car_sprite.png',
                '/wp-content/themes/overall/webdreamville/images/city/background.gif',
                '/wp-content/themes/overall/webdreamville/images/city/emarketing.png',
                '/wp-content/themes/overall/webdreamville/images/city/consulting.png',
                '/wp-content/themes/overall/webdreamville/images/city/support.png',                
                '/wp-content/themes/overall/webdreamville/images/city/wdesign.png',
                '/wp-content/themes/overall/webdreamville/images/city/logominds.png',
                '/wp-content/themes/overall/webdreamville/images/city/web2projects.png',
                '/wp-content/themes/overall/webdreamville/images/city/wdev.png',
                '/wp-content/themes/overall/webdreamville/images/city/ecommerce.png'
                
             ],function(){
                  setTimeout('preloader_loaded()',1500);                        
             }
            );
            var over_bubble = "";
            $(".building").bind("mouseover",function(){ 
                var name = "tip_" + $(this).attr("id");
                $(".header_tip").hide();
                $("#" + name).show();
                //event.stopPropagation();

            });
            $(".building").bind("mouseout",function(){ 
                var name = "tip_" + $(this).attr("id");
                if (over_bubble==name)
                    return;
                else
                {    
                    $("#" + name).hide();                
                    over_bubble = "";
                }
            });
            
            $(".header_tip").bind("mouseover",function(event){                
                  event.stopPropagation();
                  over_bubble = $(this).attr("id");
            });
            $("#ville").bind("mouseout",function(event) {
                $(".header_tip").hide();
            });
        });    

        function preloader_loaded()
        {
            $("#preloader_loading").fadeOut(500);        
            $("#web_dreamsville").animate({left:"340px"},1000,function(){
            
                $('#preloader_cloud2').spStop();
                $('#preloader_buildings').spStop();
                $('#preloader_grass1').spStop();
                $('#preloader_grass2').spStop();
                $('#preloader_grass3').spStop();    
                
                setTimeout('hide_preloader()',2000);
            });
        }
        
        function hide_preloader()
        {            
            $(".preloader_grass1").fadeOut(function(){$(".preloader_grass2").fadeOut(function(){$(".preloader_grass3").fadeOut()})});
            $("#preloader_container").slideLeftHide();
            show_buildings();
            
        }