// JavaScript Document
$(document).ready( function() { 
	
	/* Copied from global.js */
	var tempval;
	
	$("#frm_location").click(function() {
		tempval = $(this).val();		
		$(this).val('');
	}).blur(function() {
		if($(this).val() =='')
			$(this).val(tempval);		
	});
	
	$("#frm_location_inner").click(function() {
		tempval = $(this).val();		
		$(this).val('');
	}).blur(function() {
		if($(this).val() =='')
			$(this).val(tempval);		
	});
	
	$("#topnav ul li:lt(3)").addClass("alt");



	
	
	$("#home_display").html("").flash({
		src: '/genting/swf/homepage_banner.swf?id=xkjh',
		width: 980,
		height: 326,
		wmode: "transparent"
	});
	
	
//Accordion stuff
	
	//Set correct width on each panel
		var panelCount, panelWidth, h1Width, accordionWidth, moveDistance;
		
		h1Width = 50;
		accordionWidth = $("#accordion").width();
		
		panelCount = $("#accordion > div").size();
		panelWidth = (accordionWidth-((panelCount-1)*h1Width))-15;
		$("#accordion div").width(panelWidth);
		
	//Loop through each div and set z index and left values
		for (i=0;i<panelCount;i++)
		{
			if (i==0)
			{
				$("#accordion div:eq(" + i +")").css("border-left","none");
			}
			if (i==panelCount-1)	
			{
				$("#accordion div:eq(" + i +") h1").addClass("active");
			}
			$("#accordion div:eq(" + i +")").css("z-index",i+1).css("left",i*h1Width);
		}
	
	//On click add active class and run correct animation
		$("#accordion div h1").click( function() {
											   
			var indexOfClicked = $("h1").index(this);								   
			$("#accordion div h1").removeClass("active").removeClass("hover");
			$(this).addClass("active");
			
			for (i=0;i<panelCount;i++)
			{
				moveDistance = i*h1Width	
				if (i > indexOfClicked)
				{
					moveDistance = accordionWidth - (h1Width*(panelCount-i));
				}
				
				$("#accordion div:eq(" + i +")").animate({"left": "" + moveDistance +"px"});
			}
		});
	
	
	//Add hover classes on hover
		$("#accordion div h1").hover( function() {
			if (!$(this).hasClass("active")) {
				$(this).addClass("hover");
			}
		},function() { 
			if (!$(this).hasClass("active")) {
				$(this).removeClass("hover");
			}
		});
});