//Finding the language in Live or preview mode
var mlang=langShort;

function afterIntialLoad()
{
	// setting variables to load in flash container using the swfobject technique
	var flashvars = {
		lang: mlang,
		listName: "list1",
		filePath: "/media/home/assets/mtbcw/" // path to media assets
	};
	var params = {
		wmode: "transparent",
		scale: 'noscale',
		salign: 'TL'
	};
	swfobject.embedSWF("/media/home/assets/mtbcw/mtbcw_" + mlang + ".swf", "flashDiv", "990", "525", "9.0.0", "", flashvars, params);	
	
}
function loadDelay()
{
var t;
clearTimeout(t);
t = setTimeout("afterIntialLoad()", 100);
}

$(document).ready(function() {
	
	$(".hoverItem").fadeTo(1, 0.2);
	getText = $("#pc.postal").val();
	if ((getText != "POSTAL CODE") && (getText != "CODE POSTAL")){
		 $("#pc.postal").attr('maxlength',6);		 
	}
 
	// effect for top nav bottom brandItem menus
	$('ul.topNavItems').superfish({ 
		delay: 100, 
		speed:"normal"
	});
	
	$('ul#brandItems').superfish({ 
		delay: 100, 
		speed:"fast"
	}); 
	
	//IE6 fix to show dropdown after reload
	$('ul.topNavItems .topNavItemTitle').hover(function(){
		$(this.id).addClass("sfHover");
	 },
	 function(){
		$(this.id).removeClass("sfHover");
	 }
	);
		
	// set initial states for browse bars
	$("#browseVehicleOpen").hide();
	$("#browseBrandClosed").hide();
	$("#currentOffersOpen").hide();
	
	// hide all the brand panels and selected states in the browse brand bar
			
	$(".brandPanel").css("visibility","visible");
	$(".brandPanel").hide();
	$("#brandPanels").css("visibility","visible");
	$("#brandPanels").hide();
		
	// user clicks on browse vehicle
	$(".runVehicleAnimation").click(function(){
		$(".hoverItem").hide();
		$("div#currentOfferWrapper").css("position", "absolute");
		if (!$("#browseBrandOpen").is(":animated") && !$("#browseVehicleOpen").is(":animated") && !$("#currentOffersOpen").is(":animated")){
			$("#closeButton").hide();
			$(".brandPanel").fadeOut("500");
			$("#brandPanels").fadeOut("500");
			$(".brandItem").show();
			if ( $("#browseBrandOpen").is(":visible") ){
				$("#browseBrandOpen").hide("clip", { direction: "horizontal" }, 500, function(){		
					$("#browseVehicleClosed").hide();
					$("#browseBrandClosed").show();
					$("#browseVehicleOpen").show("clip", { direction: "horizontal" }, 500);
				});
			} else {
				$("#currentOffersOpen").hide("clip", { direction: "horizontal" }, 500, function(){		
					$("#browseVehicleClosed").hide();
					$("#browseBrandClosed").show();
					$("#currentOffersClosed").show();
					$("#browseVehicleOpen").show("clip", { direction: "horizontal" }, 500);
				});				
			}
		}
	});	
	
	// user clicks on browse brands
	$(".runBrandAnimation").click(function(){
		$(".hoverItem").hide();
		$("div#currentOfferWrapper").css("position", "absolute");
		if (!$("#browseBrandOpen").is(":animated") && !$("#browseVehicleOpen").is(":animated") && !$("#currentOffersOpen").is(":animated")){
			$(".brandPanel").fadeOut("500");
			$("#brandPanels").fadeOut("500");
			$(".brandItem").show();
			if ( $("#browseVehicleOpen").is(":visible") ){
				$("#browseVehicleOpen").hide("clip", { direction: "horizontal" }, 500, function(){		
					$("#browseBrandClosed").hide();
					$("#browseVehicleClosed").show();
					$("#browseBrandOpen").show("clip", { direction: "horizontal" }, 500);
				});		
			} else {
				$("#currentOffersOpen").hide("clip", { direction: "horizontal" }, 500, function(){		
					$("#browseBrandClosed").hide();
					$("#currentOffersClosed").show();
					$("#browseBrandOpen").show("clip", { direction: "horizontal" }, 500);
				});						
			}	
		}
	});	
	
	$("#closeButton").click(function(){
		$("#brandPanels").show();
		$(".brandPanel").fadeOut(200);
		$(".hoverItem").hide();
		$(".brandItem").show();
		$("#brandPanels > *").fadeOut(200);
		$("#closeButton").hide();
		$("#brandPanels").fadeOut(200);
	});
	
	$("#pc.postal").click(function(){
		getText = $("#pc.postal").val();
		if ((getText == "POSTAL CODE") || (getText == "CODE POSTAL")){
			$("#pc.postal").val("");
			 $("#pc.postal").attr('maxlength',6);			 
		}
	});
		
	$(".brandItem").hover(function(){
		if (!$("#browseBrandOpen").is(":animated") && !$("#browseVehicleOpen").is(":animated")){
				//getId = this.id;
				getId = $(this).parent().attr("id");
				getId= getId.replace(/Item/, "");
				showBrandPanel(getId+'Item',getId+'ItemSelected',getId+'Panel');
			}
		},
		 function(){
		  
		 }
	);
	
	$("#browseVehicleClosed").hover(function(){
		//if (!$("#browseBrandOpen").is(":animated") && !$("#browseVehicleOpen").is(":animated")){
				$("#vehicleOverlay").show();
		//	}
		 },
		 function(){
			$("#vehicleOverlay").hide();
		 }
	);
	
	$("#browseBrandClosed").hover(function(){
		//if (!$("#browseBrandOpen").is(":animated") && !$("#browseVehicleOpen").is(":animated")){
				$("#brandOverlay").show();
		//	}
		 },
		 function(){
			$("#brandOverlay").hide();
		 }
	);


	
	// from the browse brand bar user opens a brand panel and rolls over the vehicle links
	// NOTE : naming convention is [DIVISION CODE]_[SOMETHING]_panel_rollover - first loaded image (off state) must always use "init" as the "SOMETHING" (ex. chev_init_panel_rollover.jpg)
	$(".brandRollovers").hover(
		 function(){
			toSplit = this.id.split('-');
			//console.log(this.id);
			swapObject = getRef(toSplit[0] + "NavRollovers");
			//console.log("swapObject.src=" + swapObject.src);
			imgSrc = swapObject.src;
			if (mlang=="en"){
				imgSrc = imgSrc.replace("init",toSplit[1]);
			}
			else{
				imgSrc = imgSrc.replace("init",toSplit[1]);
				imgSrc = imgSrc.replace("_fr.jpg",".jpg");
			}
			//console.log(imgSrc);
			swapObject.src = imgSrc;
		 },
		 function(){
			imgSrc = swapObject.src;
			if (mlang=="en"){
				imgSrc = imgSrc.replace(toSplit[1],"init");
			}
			else{
				imgSrc = imgSrc.replace(toSplit[1],"init");
				imgSrc = imgSrc.replace(".jpg","_fr.jpg");
			}
			swapObject.src = imgSrc;
			//console.log("imgSrc=" + imgSrc);
		 }

	);	
	
	$(".corpBrandRollovers").hover(
		 function(){
			toSplit = this.id.split('-');
			swapObject = getRef(toSplit[0] + "NavRollovers");
			swapObject.src = swapObject.src.replace("init",toSplit[1]);
		 },
		 function(){
			swapObject.src = swapObject.src.replace(toSplit[1],"init");
		 }

	);	
	
	$("#segmentItems li").hover(  function () {
		if (!$("#browseBrandOpen").is(":animated") && !$("#browseVehicleOpen").is(":animated") && !$("#currentOffersOpen").is(":animated")){
			thisSegment = "#"+this.id;
			//$(".hoverItem").hide();
			$(thisSegment + " .hoverItem").show();
		}
      }, 
      function () {
        $(".hoverItem").hide();
      }
    );
	
	// ie fix for ul hover
	$(".topNavItemTitle").hover(
		 function(){
		  topNavItem = "li#"+this.id;
		  cssObj = {
	        backgroundColor: "#185FAE",
	        color: "#fff",
			backgroundImage: "url(/images/home/top_nav_item_bg.gif)", 
			backgroundPosition: "top left"
	      }
		  $(topNavItem).css(cssObj);
		  $("#"+this.id+" div a,#"+this.id+" div").css("color", "#fff");
		 },
		 function(){
		  topNavItem = "li#"+this.id;
		  cssObj = {
			backgroundColor: "",
	        color: "#666",
			backgroundImage: "none" 
	      }
	      $(topNavItem).css(cssObj);
		  $("#"+this.id+" div a,#"+this.id+" div").css("color", "#666");
		 }
	);

	//change visibility first. stops IE7 from flickering
	$("div#bottomNav").fadeIn(100,function(){
		loadDelay();
	});

	$(window).load(function(){
		afterIntialLoad();
	})

  $("#innerWrapper").hover(function(){
    // do nothing
    }, function(){
	  //TODO: REMOVED FOR WORKING - PUT BACK FOR PRODUCTION
      $("#brandPanels").hide();
  })


});

function loadBrandPanelBG(){
	$("#corpPanel").css("backgroundImage", "url(/images/home/corp_brand_panel_bg.jpg)");
	$("#chevPanel").css("backgroundImage", "url(/images/home/chev_brand_panel_bg_"+mlang+"_CA.jpg)");
	$("#pontPanel").css("backgroundImage", "url(/images/home/pont_brand_panel_bg_"+mlang+".jpg)");
	$("#buicPanel").css("backgroundImage", "url(/images/home/buic_brand_panel_bg_"+mlang+"_CA.jpg)");
	$("#gmcPanel").css("backgroundImage", "url(/images/home/gmc_brand_panel_bg_"+mlang+"_CA.jpg)");
	$("#satuPanel").css("backgroundImage", "url(/images/home/satu_brand_panel_bg_"+mlang+"_CA.jpg)");
	$("#cadiPanel").css("backgroundImage", "url(/images/home/cadi_brand_panel_bg_"+mlang+"_CA.jpg)");
	$("#hummPanel").css("backgroundImage", "url(/images/home/humm_brand_panel_bg_"+mlang+"_CA.jpg)");
	$("#saabPanel").css("backgroundImage", "url(/images/home/saab_brand_panel_bg_"+mlang+"_CA.jpg)");
}

// user opens a panel in the browse brand bar
function showBrandPanel(hideThis,showSelected,showPanel){	
	$(".hoverItem").hide();
	$("#" + hideThis + " .hoverItem").show();
	// TODO: added this... !$("#" + showPanel).is(":visible") &&  - make sure it works okay and then remove this comment!
	if (!$("#" + showPanel).is(":visible") && !$("#" + hideThis).is(":animated") && !$("#" + showPanel).is(":animated") && !$("#" + showSelected).is(":animated") && !$(".brandPanel").is(":animated")){
		$("#brandPanels").fadeIn(200);
		$(".brandPanel").hide();
		$("#" + showPanel).fadeIn(200); 
		$("#closeButton").show();
		if ($("#" + showPanel).css("backgroundImage") == "none"){
			loadBrandPanelBG();
		}
		
	}
	else{
		$("#brandPanels").show();
		$(".brandPanel").hide();
		$("#" + showPanel).show(); 
		$("#closeButton").show();
	}
}