$(document).ready(function() {

    /**** job search even binding******/	
     $(".jobSearchOffMiddle a").bind("click", 
	function(ev) { 
		ev.preventDefault();
		    OpenJobSearch();
	}    
     );
     
     $("a.hideSearchLink").bind("click", 
     	function(ev) { 
     		ev.preventDefault();
     		    CloseJobSearch();
     	}    
     );
     
     $(".footerOptionRight a").bind("click", 
	function(ev) { 
		ev.preventDefault();
		    OpenSearchPopup();
	}    
     );
     
     $("a.hideSearchPopup").bind("click", 
     	function(ev) { 
     		ev.preventDefault();
     		    CloseSearchPopup();
     	}    
     );
     
     $(".searchOpenState").css("display", "none");
     $(".jobSearchPopUp").css("display", "none");
     $(".jobSearchOffMiddle a img").attr("src", "images/chevron_jobsearch_off.gif");
     
     loadPSDCarousel();
  
 });


function CloseJobSearch()
{
   $(".jobSearchPopUp").slideUp("slow");
   $(".jobSearchOffMiddle a img").attr("src", "images/chevron_jobsearch_off.gif");
   
}

function OpenJobSearch()
{
   $(".jobSearchPopUp").slideDown("slow");
   $(".jobSearchOffMiddle a img").attr("src", "images/chevron_jobsearch_open.gif");
}
function CloseSearchPopup()
{
   $(".searchOpenState").slideUp("slow");   
}

function OpenSearchPopup()
{
   $(".searchOpenState").slideDown("slow");   
}

/******************** Main Image Carousel ***********************/
var animTimeMainImg = 3000;
var stayTimeMainImg = 4000;
var counterAnim = 0;
var maxCountAnim = 0
var mainAnimArrayBg;
var mainAnimArrayLink;
var imgClickLink = "";
function loadPSDCarousel()
{
	var imgmain =  $('div.spcTopImageContainerFrame img').attr('src');
	$('div.spcTopImageContainer').css("background-image", "url('" + imgmain + "')");
	$('div.spcTopImageContainer').css("background-repeat", "no-repeat");
	$('div.spcTopImageContainer').css("background-position", "top left");
	//alert($('div.havenSpecialOffersFrame').css("opacity"));
        $('div.spcTopImageContainerFrame').animate({
  		opacity : 0.0
	}, stayTimeMainImg, "linear", PSDCarouselLoaded);
	
}


function PSDCarouselLoaded()   //Loading special offers in place of accommodations
{
	
	//alert("Test");		
	if (maxCountAnim == 0)
	{
		mainAnimArrayBg = $("#MainImageCarousel").find("li a.CarouselImageLink");
		mainAnimArrayLink = $("#MainImageCarousel").find("li a.CarouselClickLink");
		if (mainAnimArrayBg.length == mainAnimArrayLink.length)
		{
		   maxCountAnim = mainAnimArrayBg.length;
		}   
		//alert(maxCountAcco);
	}
	if (maxCountAnim > 0)
	{
		counterAnim = counterAnim + 1;
		if (counterAnim > maxCountAnim)
		 { 
		   counterAnim = 1;
		 }
		//var carouselHtml = $("#AccommodationCarousel #AccommodationCarouselhtml").html();  //basic HTML to replace
		//carouselHtml = strTrim(carouselHtml);
		var bgfileName= mainAnimArrayBg[counterAnim-1].href;  //carousel background image
		var clickLink= mainAnimArrayLink[counterAnim-1].href; //carousel click link	
		var imgTitle= mainAnimArrayBg[counterAnim-1].text;
		if(imgTitle != null && imgTitle != "")
		{
		  imgTitle = strTrim(imgTitle);
		}
		else
		{
	          imgTitle = "PSD Main Image";		
		}
		imgClickLink = clickLink;
		$('div.spcTopImageContainerFrame a').attr("href","#");
		$('div.spcTopImageContainerFrame img').attr("src",bgfileName);	      
		$('div.spcTopImageContainerFrame img').attr("title",imgTitle);
        	$('div.spcTopImageContainerFrame').animate({
  			opacity : 1.0
		}, animTimeMainImg, "linear", changePSDImage);	


	}
			
}

function changePSDImage()
{
	
	$('div.spcTopImageContainerFrame a').attr("href",imgClickLink);
	loadPSDCarousel();
}

/*********************************************************************************/

function strTrim(strToTrim)
{
    strToTrim = strToTrim.replace(/^\s*/, "").replace(/\s*$/, "");  
    return strToTrim;
}