// need for when sitemap is expanded
var sitemap_h = 0;

function menucoord(menuitem) {
	menu = $(menuitem).parent("div").get(0);
    loc = $(menu).offset();
    $(menuitem).css({
    	'top':loc.top + 51 + this.sitemap_h +'px', 
    	'left':loc.left+'px'
    });
}

$(document).ready(function(){
    
	$("div#featured ul li a.slide p").hide();

	last = $("#a1");
	$(last).children("p").show();
	$(last).animate({width: "443px"}, { queue:false, duration:400});
	$(last).toggleClass("active");
    
    $("div#featured ul li a.slide").hover(
      function(){
        $(last).animate({width: "43px"}, { queue:false, duration:400 });
		$(last).toggleClass("active");
		$(last).children("p").hide();
		$(this).animate({width: "443px"}, { queue:false, duration:400});
		$(this).toggleClass("active");
		$(this).children("p").show();
		last = this;
      }
    );    
    
    $("div.sub-menu").each(function(){menucoord(this)});
    
    $(".dropdown").hover(
    	function(){
    		menucoord(this);
    		$(this).children('div.sub-menu').slideDown(200);
    	},
    	function(){
    		$(this).children('div.sub-menu').slideUp(200);    	
    	}
    );

	$("ul#bike-menu li a").hover(
		function() {
			var x = $("#bike" + $(this).attr("rel")).offset().left;
			$("#bike-showcase").animate({scrollLeft: x }, 100);
		}
	);
	
	
    $("#sitemap-link").click(
    	function(){
    		$("#sitemap").slideToggle(250,
    			function(){
    				$("div.sub-menu").each(
    					function(){menucoord(this)}
    				)
    			}
    		);
    		$(this).toggleClass("sitemap-link-up");
			$("#top").css({position:"relative"});    		
    	}
    );

	$("#showcase-nav ul>li>a").click(
		function(){
			$("#showcase-nav ul>li>a").removeClass("active");
			var y = $(this).attr("rel") * 200 + 15;
			$("#showcase-body").animate({scrollTop: y });
			$(this).toggleClass("active");
		}
	);
	
	$("#showcase-body").animate({scrollTop: 0 });
	
	/* activate collapsable menus on side */
	$(".showhide").each( function(){
		$("ul>li>a", this).each(function(){
			$(this).click(function(){
				$(this).toggleClass("expanded");
				$(this).next().toggle();
			})
		})
	});
	
	$("#nav").lavaLamp({ fx: "backout", speed: 700 });
	$("a.gallery-group").fancybox(); 
});

window.onload = function() {
	var productWidth = $('#bike-showcase ul').innerWidth() - $('#bike-showcase').outerWidth();
	var slider = $('#bike-showcase div.slider').slider({ 
    	slide:function(event, ui){
			$('#bike-showcase ul').css({left:'-' + Math.ceil((ui.value/100)*productWidth) + 'px'});
      	},
      	stop:function(event, ui){
        	$('#bike-showcase ul').animate({ 'left' : '-' + Math.ceil((ui.value/100)*productWidth) + 'px' }, 500, 'linear');
      	},
		handle: '#handle',
    	minValue: 0,
    	maxValue: 960
    });
}

$(window).bind('resize', function() {
	$("div.sub-menu").each(function(){menucoord(this)});
});
    /**$(".item").hover(
    	function() {
    		$(this).animate({
				borderTopColor:"#9e2920"
			}, 400 );
    	},    	
    	function() {
    		$(this).animate({
				borderTopColor:"#171717"
			}, 400 );
    	}
    );**/


	/**$("#sitemap ul a").hover(
		function(){
			$("#sitemap ul a").css({color:"#777777"});
			$(this).css({color:"#FFFFFF"});
			//$(this).animate({paddingLeft:"10px"},250);
		},
		function(){
			$("#sitemap ul a").css({color:"#FFFFFF"});
			//$(this).animate({paddingLeft:"0px"},250);
		}
	)**/