//check flash player
function chkFlash() {
    var isIE = (navigator.appVersion.indexOf("MSIE") >= 0);
    var hasFlash = true;

    if(isIE) {
        try{
            var objFlash = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
        } catch(e) {
            hasFlash = false;
        }
    } else {
        if(!navigator.plugins["Shockwave Flash"]) {
            hasFlash = false;
        }
    }
    return hasFlash;
}


//news handler
var eventID;
var id = 0;
var news = new Array();

var newsRequest = null; 
var newsURL = "news.xml";
//http://client.tequila-hk.com.hk/standardchartered/

if (window.XMLHttpRequest) { // Mozilla, Safari,...
  newsRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
  try {
	newsRequest = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
	try {
	  newsRequest = new ActiveXObject("Microsoft.XMLHTTP");
	} catch (e) {}
  }
}


if(newsRequest != null){
	newsRequest.onreadystatechange = function(){
		if(newsRequest.readyState == 1){
			//nothing here, just start the function
		}else if(newsRequest.readyState == 4){
			var xml = newsRequest.responseXML;
			var content = xml.getElementsByTagName("a");
			for(var i =0;i<content.length;i++){
				var link = content[i].getAttribute('href')==undefined?"":content[i].getAttribute('href');
				var target = content[i].getAttribute('target')==undefined?"":content[i].getAttribute('target');
				var title = content[i].getAttribute('title')==undefined?"":content[i].getAttribute('title');
				var newsStr = "<a href='"+link+"' title='"+title+"' target='"+target+"'>"+content[i].firstChild.data+"</a>";
				news.push(String(newsStr));
			}
		}
	}
	newsRequest.open("GET",newsURL,true);
	newsRequest.send(null);
}

function displayNews(){
	$("#pageNewsContent").html(news[id]);
	$("#pageNewsContent").fadeIn("slow",function(){
		eventID = window.setInterval(function(){
			window.clearInterval(eventID);
			$("#pageNewsContent").fadeOut("slow", function(){
				id+=1;
				if(id>=news.length){
					id = 0;
				}
				displayNews();
			})
		},4000)
	})
}
function prevNews(){
	window.clearInterval(eventID);
	id--;
	if(id<0){
		id = news.length - 1;
	}
	displayNews();
}
function nextNews(){
	window.clearInterval(eventID)
	id++;
	if(id>news.length-1){
		id = 0;
	}
	displayNews();
}

//Start Image List
var mycarousel_itemList = new Array();

var imgRequest = null;
var imgURL = "image.xml";
//http://client.tequila-hk.com.hk/standardchartered/

if (window.XMLHttpRequest) { // Mozilla, Safari,...
  imgRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
  try {
	imgRequest = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
	try {
	  imgRequest = new ActiveXObject("Microsoft.XMLHTTP");
	} catch (e) {}
  }
}

if(imgRequest != null){
	imgRequest.onreadystatechange = function(){
		if(imgRequest.readyState == 1){
			//nothing here, just start the function
		}else if(imgRequest.readyState == 4){
			var xml = imgRequest.responseXML;
			var content = xml.getElementsByTagName("a");
			
			for(var i =0;i<content.length;i++){
				var linkStr = content[i].getAttribute('href')==undefined?"":content[i].getAttribute('href');
				var targetStr = content[i].getAttribute('target')==undefined?"":content[i].getAttribute('target');
				var titleStr = content[i].getAttribute('title')==undefined?"":content[i].getAttribute('title');
				var imgStr = content[i].firstChild.data;
				var obj = new Object();
				obj.url = imgStr;
				obj.title = titleStr;
				obj.link = String(linkStr);
				obj.target = targetStr;
				mycarousel_itemList.push(obj);
			}
//--random image display order, added by Scarlet --//
var RanLength = mycarousel_itemList.length;
var Randoms = new Array();
var RanList = new Array();
for (i=0; i<RanLength;i++) {
	RanList.push(mycarousel_itemList[i]);
}
for (i=0; i<RanLength;i++) {
	var RndNum= Math.floor(Math.random() * RanList.length);
	Randoms.push(RanList[RndNum]);
	RanList.splice((RndNum),1);
}
for (i=0; i<RanLength;i++) {
	mycarousel_itemList[i]=Randoms[i];
}
//--end --//
		}
	}
	imgRequest.open("GET",imgURL,true);
	imgRequest.send(null);
}

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt){
	// The index() method calculates the index from a
	// given index who is out of the actual item range.
	var idx = carousel.index(i, mycarousel_itemList.length);
	carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
	//Reset status 
	$('#mycarousel > li > a > img').fadeTo('fast',.8);
	//$('#mycarousel > li > a').css({"background":"url(_img/black_bg.gif) no-repeat top center;"});
	$('#mycarousel > li > a > img').mouseover(function(){
		$(this).fadeTo('fast',1)
	}).mouseout(function(){
		$(this).fadeTo('fast',.8)
	});
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt){
	carousel.remove(i);
};
/**
* Item html creation helper.
*/
function mycarousel_getItemHTML(item){
	var clickid="'subBanner:"+item.title+"'";
	return '<a style=" background:url(_imgs/black_bg.gif) no-repeat top center;" href="'+item.link+'" title="'+item.title+'" target="'+item.target+'" onclick="javascript:clickCount('+clickid+');"><img src="' + item.url + '" width="219" height="141" alt="' + item.title + '" border="0" /></a>';
};
//End Image List

//Start Dropdown menu function
var timeout         = 200;
var closetimer		= 0;
var ddmenuitem      = 0;

function jsddm_open(win){	
	jsddm_canceltimer();
	jsddm_close();
	if(win.type==undefined){
		var obj = String("#"+win)
		ddmenuitem = $(obj).css('visibility', 'visible');	
	}else{
		ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
	}
	var num = $('#pageFrameWork').height()
	$("#pageMask").height(num);
	$("#pageMask").css("visibility","visible");	
}

function jsddm_close(){	
	
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
	$("#pageMask").css("visibility","hidden");
	ddmenuitem = 0;
}

function jsddm_timer(){	closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer(){if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}

function reset_status(){jsddm_close()
	$("#pageMenu").css({"background-position":"0px 0px"});
	$('#pageOnlineBanking').css({"background-position":"0px 0px"});
	$("#pageLocalSites").css({"background-position":"0px 0px"});
	$("#pageTellUs").css({"background-position":"0px 0px"});
	
	$('#onlineBanking').css("visibility","hidden");	
	$('#localSites').css("visibility","hidden");
	$('#TellUs').css("visibility","hidden"); }
document.onclick = reset_status;
//End Dropdown menu function

$(document).ready(function(){
	
	//init news 					   
	 displayNews();
	//init image list
	 jQuery('#pageGallery').html('<ul id="mycarousel" class="jcarousel-skin-tango" ></ul>')
	 jQuery('#mycarousel').jcarousel({
            wrap: 'circular',
            itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
            itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
     });

	$('#mycarousel > li').mouseover(function(){
			$(this).resize();
	});
	//Menus
	$('#pageOnlineBanking').mouseover(function(){					   
		$("#pageLocalSites").css({"z-index":"8"});
		$("#pageTellUs").css({"z-index":"7"});
		$(this).css({"background-position":"0px -48px"})
		jsddm_open('onlineBanking');
	}).mouseout(function(){
		$("#pageLocalSites").css({"z-index":"15"});
		$("#pageTellUs").css({"z-index":"17"});
		$(this).css({"background-position":"0px 0px"})
		jsddm_close();
	});
	$('#pageLocalSites').mouseover(function(){
		$('#pageOnlineBanking').css({"z-index":"9"});
		$("#pageTellUs").css({"z-index":"7"});
		$(this).css({"background-position":"0px -48px"});
		jsddm_open('localSites')
	}).mouseout(function(){
		$('#pageOnlineBanking').css({"z-index":"16"});
		$("#pageTellUs").css({"z-index":"17"});
		$(this).css({"background-position":"0px 0px"});
		jsddm_close();
	})
	
	$('#pageTellUs').mouseover(function(){
		$('#pageOnlineBanking').css({"z-index":"9"});
		$("#pageLocalSites").css({"z-index":"8"});
		$(this).css({"background-position":"0px -48px"});
		jsddm_open('TellUs')
	}).mouseout(function(){
		$('#pageOnlineBanking').css({"z-index":"16"});
		$("#pageLocalSites").css({"z-index":"15"});
		$(this).css({"background-position":"0px 0px"});
		jsddm_close();
	})


	
	$("#pageMenu > ul > li").mouseover(function(){
		$("#pageMenu").css({"z-index":"11"});
		$("#pageLocalSites").css({"z-index":"8"});
		$("#pageOnlineBanking").css({"z-index":"9"});
		$("#pageTellUs").css({"z-index":"7"});
		//$("#pageMask").css("visibility","visible");	
		
		switch(this.id){
			case "aboutusGroup":
				$("#pageMenu").css({"background-position":"0px -35px"});
				jsddm_open('aboutus');
			break;
			case "investorGroup":	
				$("#pageMenu").css({"background-position":"0px -70px"});
				jsddm_open('investor');
			break;
			case "mediaGroup":
				$("#pageMenu").css({"background-position":"0px -104px"});
				jsddm_open('media');
			break;
			case "bankingGroup":
				$("#pageMenu").css({"background-position":"0px -139px"});
				jsddm_open('banking');
			break;
			case "sustainabilityGroup":
				$("#pageMenu").css({"background-position":"0px -174px"});
				jsddm_open('sustainability');
			break;
			case "careersGroup":
				$("#pageMenu").css({"background-position":"0px -209px"});
				jsddm_open('careers');
			break;
		}
	})
	$("#pageMenu > ul > li").mouseout(function(){
		$("#pageMenu").css({"background-position":"0px 0px"});
		$("#pageLocalSites").css({"z-index":"15"});
		$("#pageOnlineBanking").css({"z-index":"16"});
		$("#pageTellUs").css({"z-index":"17"});
		$("#pageMenu").css({"z-index":"5"});
		jsddm_close();
	});
	
	//init effect
	$('#mycarousel > li > a > img').fadeTo('fast',.8)
	
	$('#mycarousel > li > a > img').mouseover(function(){
		$(this).fadeTo('fast',1)
	}).mouseout(function(){
		$(this).fadeTo('fast',.8)
	});
	
	//init framework
	var IE6 = true
	
	if (typeof document.body.style.maxHeight != "undefined") {// IE 7, mozilla, safari, opera 9
	  IE6 = false
	}
	
	if(IE6){

		if(document.body.scrollHeight < 665){
			$("#pageFrameWork").height(665)
		}else{
			$("#pageFrameWork").height(document.body.scrollHeight)	
		}
		if(screen.width > 1024){
			window.onresize = function(){
				var num = document.body.scrollHeight
				if(num > 665){
					$("#pageFrameWork").height(document.body.scrollHeight)	
				}
			}
		}
	}
	
});