﻿
var strSubpromoTrack1='';
var strSubpromoTrack2='';
var strSubpromoTrack3='';
var _intStaySecs = "11";

$(document).ready(function(){ 
	//index
	//DisplayIndexBanner();

	var intTotalContent = 0;
	if(total_content != undefined && total_content > -1){
		intTotalContent = total_content + 1;
	}

	if(intTotalContent > 0){
		//rebuil round button
		var strControl = '';
		for(i = 1;i<=intTotalContent;i++){
			strControl +='<div class="round" id="round_btn_' + i + '"></div>';
		}
		strControl = '<div id="jcarousel-control" align="center"><table id="TableForRound"><tr><td align="center">' + strControl + '</td></tr></table></div>';
		
		var siteName = location.href.toLowerCase();
		//var strWrap = 'circular';
		var strWrap = 'both';
		if(siteName.indexOf('/mea-sa/') > -1 || siteName.indexOf('/eg/') > -1){
			if($.browser.opera || $.browser.safari){
				strWrap = 'both';
			}
		}
		
//		$('#random_index').width('960px');
//		$('#random_index').height('409px');
		$('#random_index').append($('#index_itemlist').html());
		$('#random_index').append(strControl);
		$('#random_index').jcarousel({
			vertical: false,
			wrap: strWrap,
			scroll: 1,
			auto:_intStaySecs,
			size:intTotalContent,
			itemFirstInCallback:  mycarousel_itemFirstInCallback,
			itemFirstOutCallback: mycarousel_itemFirstOutCallback,
			initCallback: mycarousel_initCallback,
			itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
			itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
		});
		
		if(intTotalContent == 1){
			var objCSS = {
				'display' : 'none'
			}
			$('.jcarousel-next-horizontal').css(objCSS);
			$('.jcarousel-prev-horizontal').css(objCSS);
			$('#TableForRound').css(objCSS);
		}
	}
	
	//Subpromo
	
});

function mycarousel_initCallback(carousel) {
    jQuery('#TableForRound div').bind('click', function() {
		var strClickRoundId = this.id;
		var strIdx = strClickRoundId.replace('round_btn_','');
        carousel.scroll(jQuery.jcarousel.intval(strIdx));
        return false;
    }); 
};

function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
	//alert('FirstIn:' + idx);
	var idxNow = carousel.index(idx, total_content + 1);
    $("#round_btn_" + idxNow).removeClass('round');
	$("#round_btn_" + idxNow).addClass('roundSelected');
	$("#round_btn_" + idxNow).unbind('click');
};
function mycarousel_itemFirstOutCallback(carousel, item, idx, state) {
	//alert('FirstOut:' + idx);
	var idxNow = carousel.index(idx, total_content + 1);
    $("#round_btn_" + idxNow).removeClass('roundSelected');
	$("#round_btn_" + idxNow).addClass('round');
	$("#round_btn_" + idxNow).bind('click', function() {
        carousel.scroll(idx);
        return false;
    }); 
};

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
	/*var idx = carousel.index(i , total_content + 1);
	//alert('VisibleIn:' + i + '/carousel.index:' + idx);
	var divName = "#liIndex_Flash_Start_" + (idx - 1);
	carousel.remove(i); 
	carousel.add(i, $(divName).html());*/
	//carousel.stopAuto();
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
	//alert('VisibleOut:' + i);	 
	//carousel.startAuto(_intStaySecs); 
};


function notChrome(){
	if($.browser.chrome == true){
		return false;
	}else{
		return true;
	}
}

function notSafari4(){
	if($.browser.safari == true){
		if($.browser.version.substring(0,1) >= 4){
			return false;
		}else{
			return true;
		}
	}else{
		return true;
	}
}

function AsignImageIntoDiv(divName,imageFile){
	var imgNoFlash = new Image();
	imgNoFlash.src = imageFile;
	$('#' + divName).html(imgNoFlash);
}


