//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");
	$("#pageMask").height(0);
	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(){
	
	//---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 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)	
				}
			}
		}
	}
	
});