// Home resize doesn't need arrows - override
// Called after animate-menu.js and jquery.wresize.js 
jQuery( function( $ )  
{ 
    function content_resize()  
    { 
        var w = $( window ); 
        var H = w.height(); 
        var W = w.width();	
		// #left-arrow #right-arrow 50% of screen height, minus arrow height, 
		// unless narrow screen, then put at bottom in menu
		var arrowMargin = ((H-64)/2 + "px");
		if (W<=950) {  
			$('#menu').css({right:"0px", marginLeft: "0px"}); 
			$('#logo').css({left:"2px"}); 
		}
		// Set small #bike to come from right
		$("#bike").attr({ src: "images/Bike2.png" });
    } 
    $( window ).wresize( content_resize ); 
    content_resize();
} );

$(document).ready(function() {	
// #bike position for this page
$("#bike").animate({left: bikePosNewHome}, 0);
$("#large-bike a").delay(1000).animate({left: "0"}, 200);
$("#large-bike a").delay(20000).animate({left: "100%"}, 1000); 
$("#large-bike").delay(1100).css({right:"0", left: "auto"}).animate({width: "28%"}, 1000);
$("#large-bike").delay(20000).animate({width: "0%"}, 1000);
$("#bike").delay(22000).animate({left: "-10px"}, 2000);  
$(".home-col img").mouseover(function(){$(this).parents("div.home-col").animate({marginTop: "190px", height: "360px"}, 100)});
$(".home-col img").mouseout(function(){$(this).parents("div.home-col").animate({marginTop: "180px", height: "330px"}, 100)});
// About us panel
$("#large-bike a").mouseover(function(){$("div.home-text").animate({ width: "180px"}, 500)});
//$("#large-bike a").mouseout(function(){$("div.home-text").animate({width: "0px"}, 200)});
$("#bike").mouseover(function(){$("div.home-text").animate({ width: "180px"}, 500)});
//$("#bike").mouseout(function(){$("div.home-text").animate({width: "0px"}, 200)});
} );