$(function() {

	loggedIn?$("#boxLoggedOut").hide():$("#boxLoggedIn").hide();

	switch ($.cookie("b4pTopBarStatus"))
	{
		case "search":
			topBtnCtrl("search");
			topBarCtrl("search", false);
			break;
		case "cart":
			topBtnCtrl("cart");
			topBarCtrl("cart", false);
			break;
		case "login":
			topBtnCtrl("login");
			topBarCtrl("login", false);
			break;
		case "profile":		
			topBtnCtrl("login");
			topBarCtrl("login", false);
			break;
		case "closed":
			topBtnCtrl("none");
			topBarCtrl("none", false);
			break;
	}

	/* - - - - - - - - - - - - - - - - - - - - - - */
	$.preloadImages("/images/topbarbtn_search_on.gif", "/images/topbarbtn_cart_on.gif", "/images/topbarbtn_login_on.gif");
	
	$("#submitLogin").click(function(){
		loggedIn = true;
		
		topBtnCtrl("login");
		
		$("#boxLoggedOut").hide();
		$("#boxLoggedIn").show();
	});
	
	$("#btnLogout").click(function(){
		loggedIn = false;
		
		topBtnCtrl("login");
		
		$("#boxLoggedOut").show();
		$("#boxLoggedIn").hide();
	});
	/* - - - - - - - - - - - - - - - - - - - - - - */

	/* Start off closed */
	$("#topUserBarInner").hide();
	$("#boxSearch").hide();
	$("#boxLogin").hide();
	$("#boxCart").hide();
	
	/* Button Close */
	$(".btnClose").click(function(){
		topBtnCtrl("none");
		topBarCtrl("none", true);
		$.cookie("b4pTopBarStatus", "closed", {path: "/"});
	});

	/* Login Button */
	$("#btnLogin").click(function(){
		topBtnCtrl("login");
		topBarCtrl("login", true);
		$.cookie("b4pTopBarStatus", "login", {path: "/"});
	});
	
	/* Cart Button */
	$("#btnCart").click(function(){
		topBtnCtrl("cart");
		topBarCtrl("cart", true);
		$.cookie("b4pTopBarStatus", "cart", {path: "/"});
	});	
	
	/* Search Button */
	$("#btnSearch").click(function(){
		topBtnCtrl("search");
		topBarCtrl("search", true);
		$.cookie("b4pTopBarStatus", "search", {path: "/"});
	});
});



function topBarCtrl(showBar, animate)
{
	var isBarDown = ($("#topUserBarInner").css("display") == "block");
	var ani = (animate)?"slow":"fast";
		
	switch(showBar)
	{
		case "login":
			if (isBarDown)
			{
				$("#boxSearch").hide();
				$("#boxCart").hide();
				$("#boxLogin").show();
			}
			else
			{
				$("#topUserBarInner").slideDown(ani, function(){
					$("#boxSearch").hide();
					$("#boxCart").hide();
					$("#boxLogin").show();
				});
			}
			break;
		case "search":
			if (isBarDown)
			{
				$("#boxLogin").hide();
				$("#boxCart").hide();
				$("#boxSearch").show();
			}
			else
			{
				$("#topUserBarInner").slideDown(ani, function(){
					$("#boxLogin").hide();
					$("#boxCart").hide();
					$("#boxSearch").show();
				});
			}
			break;
		case "cart":
			if (isBarDown)
			{
				$("#boxLogin").hide();
				$("#boxSearch").hide();
				$("#boxCart").show();
			}
			else
			{
				$("#topUserBarInner").slideDown(ani, function(){
					$("#boxLogin").hide();
					$("#boxSearch").hide();
					$("#boxCart").show();
				});
			}
			break;
		case "none":
			$("#topUserBarInner").slideUp("slow");
			$("#boxSearch").hide();
			$("#boxLogin").hide();
			$("#boxCart").hide();
			break;
	}
}

function topBtnCtrl(btnToShow)
{
	var loggedInImg = loggedIn?"/images/topbarbtn_profile_on.gif":"/images/topbarbtn_login_off.gif";
	
	switch(btnToShow)
	{
		case "login":
			$("#btnLogin img").attr("src",loggedInImg.replace("_off", "_on"));
			$("#btnCart img").attr("src","/images/topbarbtn_cart_off.gif");
			$("#btnSearch img").attr("src","/images/topbarbtn_search_off.gif");
			break;
		case "search":
			$("#btnLogin img").attr("src",loggedInImg.replace("_on", "_off"));
			$("#btnCart img").attr("src","/images/topbarbtn_cart_off.gif");
			$("#btnSearch img").attr("src","/images/topbarbtn_search_on.gif");
			break;
		case "cart":
			$("#btnLogin img").attr("src",loggedInImg.replace("_on", "_off"));
			$("#btnCart img").attr("src","/images/topbarbtn_cart_on.gif");
			$("#btnSearch img").attr("src","/images/topbarbtn_search_off.gif");			
			break;
		case "none":
			$("#btnLogin img").attr("src",loggedInImg.replace("_on", "_off"));
			$("#btnCart img").attr("src","/images/topbarbtn_cart_off.gif");
			$("#btnSearch img").attr("src","/images/topbarbtn_search_off.gif");		
			break;
	}
}