var animTimeMainImg = 3000;
var stayTimeMainImg = 4000;
var counterAnim = 0;
var maxCountAnim = 0
var mainAnimArrayBg;
var mainAnimArrayLink;
var imgClickLink = "";
function loadBahrainCarousel()
{
    
	var imgmain =  $('div.bahrainTopImageContainerFrame img').attr('src');
	//alert("img=" + imgmain);
	$('div.bahrainHomeTopImageContainer').css("background-image", "url('" + imgmain + "')");
	$('div.bahrainHomeTopImageContainer').css("background-repeat", "no-repeat");
	$('div.bahrainHomeTopImageContainer').css("background-position", "top left");
        $(".tempCarouselImage").html("<img src=\"" + imgmain + "\"  onload=\"preBahrainCarouselLoaded();\">");
        
	
}

function preBahrainCarouselLoaded()
{
        $('div.bahrainTopImageContainerFrame').animate({
  		opacity : 0.0
	}, stayTimeMainImg, "linear", BahrainCarouselLoaded);
}


function BahrainCarouselLoaded()   //Loading special offers in place of accommodations
{
	
			
	if (maxCountAnim == 0)
	{
		mainAnimArrayBg = $("#MainImageCarousel").find("li a.CarouselImageLink");
		mainAnimArrayLink = $("#MainImageCarousel").find("li a.CarouselClickLink");
		if (mainAnimArrayBg.length == mainAnimArrayLink.length)
		{
		   maxCountAnim = mainAnimArrayBg.length;
		}   
		//alert(maxCountAnim);
	}
	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 = "Bahrain Main Image";		
		}
		imgClickLink = clickLink;
		$('div.bahrainTopImageContainerFrame a').attr("href","#");
		$('div.bahrainTopImageContainerFrame img').attr("src",bgfileName);	      
		$('div.bahrainTopImageContainerFrame img').attr("title",imgTitle);
		$(".tempCarouselImage").html("<img src=\"" + bgfileName + "\"  onload=\"prechangeBahrainImage();\">");

	}
			
}

function prechangeBahrainImage()
{
        	$('div.bahrainTopImageContainerFrame').animate({
  			opacity : 1.0
		}, animTimeMainImg, "linear", changeBahrainImage);	

}


function changeBahrainImage()
{
	
	$('div.bahrainTopImageContainerFrame a').attr("href",imgClickLink);
	loadBahrainCarousel();
}


function strTrim(strToTrim)
{
    strToTrim = strToTrim.replace(/^\s*/, "").replace(/\s*$/, "");  
    return strToTrim;
}