$(document).ready(function() {
	// alpha effect
	$(".PdfBox").hover(
	function() {
		$(this).removeClass("PdfBox");
		$(this).addClass("PdfBoxOn");
	},
	function() {
		$(this).removeClass("PdfBoxOn");
		$(this).addClass("PdfBox");
	});	
});


$(document).ready(startBikeInfo);

var bikeTabs, hoverCount = 0;

function startBikeInfo() {
	$(document).ajaxComplete(startBikeTabs);
	startBikeTabs();
}

function startBikeTabs() {
	$("#listings a.leftClick").click(clickCol);
	$("#listing a.unClick").click(unClickCol);
	bikeTabs = $("a.bikeTab");
	if(bikeTabs.length>0) 
		bikeTabs.click(toggleBikeTab).addClass("closed")
			.siblings().hide(0);
	$("#photos img").hover(grow, shrink);
}

function toggleBikeTab() {
	var currentTab = $(this);
	if(currentTab.hasClass("closed"))
	{
		bikeTabs.removeClass("open").addClass("closed").siblings().hide(0);
		currentTab.removeClass("closed").addClass("open").siblings().show(0);
	}
	else
	{
		currentTab.removeClass("open").addClass("closed").siblings().hide(0);
	}
}

function grow() {
	hoverCount++;
	$(this).siblings().stop(true, true).animate({marginTop: "90px", width: "59px"}, 300)
	$(this).stop(true, true).animate({marginTop: "0px", width: "300px"}, 300);
}

function shrink() {
	setTimeout(function(){
		if(--hoverCount==0)
			$("#photos img").stop(true, true).animate({marginTop: "0px", width: "59px"}, "fast");	
	}, 250);
}