//BDX.Effects.js  代码------------------------------------------------

//Pagination ----------------------------------------------------//
//Including Cookies
BDX.PaginationInitialSetting = function(){
//Setting the initial value
	SelTab = $('SelectedTab');
	Ul = $("TabContent");
	Li = $t("li",Ul);
	LiLength = Li.length;
	Div = $("PageContent");
	Span = $t("span",Div);
	SpanLength = Span.length;
	
	IndexNum = BDX.PaginationGetNavigatorCookies();//Get cookies
	
	Li[IndexNum].className = "Selected";
	Span[IndexNum].className = "SelectedContent";

	//SelTab.style.height = Span[IndexNum].offsetHeight + 20 + 'px';

	for(var j=0; j<SpanLength; j++){
		if(j == IndexNum){
			continue;	
		}
		else{
			Li[j].className = "";
			Span[j].className = "UnSelectedContent";
		}
	}
	
	BDX.ImgPagination(Li[IndexNum],Span[IndexNum]);

	
//Executing the function "paginationMouseEvent();"
	for(var LiIndex=0; LiIndex<LiLength; LiIndex++){
	BDX.PaginationMouseEvent(LiIndex);
	}
}

BDX.PaginationMouseEvent = function(LiIndex){
//Judge the type of the user browser and get the object "li"
	if(IsIE){
		//IE:onmouseover
		//Li[LiIndex].attachEvent("onmouseover",function(){BDX.PaginationPageOpenOrNot(LiIndex)});
		//IE:onclick
		Li[LiIndex].attachEvent("onclick",function(){BDX.PaginationPageOpenOrNot(LiIndex)});
	}
	else{
		//Netscape:mouseover
		//Li[LiIndex].addEventListener("mouseover",function(){BDX.PaginationPageOpenOrNot(LiIndex)},true);	
		//Netscape:click						
		Li[LiIndex].addEventListener("click",function(){BDX.PaginationPageOpenOrNot(LiIndex)},false);	
	}
}

BDX.PaginationPageOpenOrNot = function(LiIndex){
	Li[LiIndex].className = "Selected";
	Span[LiIndex].className = "SelectedContent"; 
	//Set LeftPart Height
	//SelTab.style.height = Span[LiIndex].offsetHeight + 80 + 'px';
	
	for (var i=0; i<LiLength; i++){
		if(i == LiIndex){
			continue;
		}
		else{
			Li[i].className = "";
			Span[i].className = "UnSelectedContent";
		}
	}
	
	_bool = BDX.PaginationGetNavigatorCookies()==LiIndex;

	//Initial ImgPagination
	BDX.ImgPagination(Li[LiIndex],Span[LiIndex],_bool)
	
	//Initial the function "paginationSetCookies(c_index)"
	BDX.PaginationSetNavigatorCookies(LiIndex);
	
	history.go(0);
}

//ImgPagination
BDX.ImgPagination = function(Li,Span,_bool){
	_proNum = parseFloat(Li.getAttribute('imgcount'));
	_span = Span;
	_li = Li;
	_pageMod = _proNum%6;
	_pageNum = _pageMod==0 ? _proNum/6 : Math.floor(_proNum/6)+1;
	
	if(_bool || _bool==null){_pageNumCookie = BDX.PaginationGetPageNumberCookies();}
	else if(!_bool){_pageNumCookie = 1;}
	
	_pageObject = $('PageControl');
	_pageObject.innerHTML = '<p style="width:50px; font-weight:bold;">PAGE: </p>';
	//innerHTML
	for(var i=1; i<=_pageNum; i++){
		_pageObject.innerHTML += '<p class="block" onclick="BDX.ImgDisplay(_li,_span,'+i+')" onmouseup="history.go(0)">'+i+'</p>';
	}
	if(_pageNumCookie==null){
		BDX.ImgDisplay(_li,_span,1);
	}
	else if(_pageNumCookie!=null){
		BDX.ImgDisplay(_li,_span,_pageNumCookie);
	}

}

BDX.ImgDisplay = function(Li,Span,index){
	//history.go(0);
	$t('ul',Span)[0].innerHTML = '';
	_p = $t('p',_pageObject);

	if(_pageMod==0){
		for(var j=6*(index-1)+1; j<=6*index; j++){
			$t('ul',Span)[0].innerHTML+='<li><a hidefocus="true" class="lightwindow page-options" title="'+Li.innerHTML.Trim()+' - '+j.toString()+'" '+'href="/Images/'+Li.innerHTML.Trim()+'/'+Li.innerHTML.Trim()+j.toString().Trim()+'.jpg">'+'<IMG src="/Images/'+Li.innerHTML.Trim()+'/'+Li.innerHTML.Trim()+'_s'+j+'.jpg" /></a><p>'+Li.innerHTML.Trim()+'-'+j.toString().Trim()+'</p></li>';
		}
	}
	else if(_pageMod!=0){
		if(index!=_pageNum){
			for(var j=6*(index-1)+1; j<=6*index; j++){
				$t('ul',Span)[0].innerHTML+='<li><a hidefocus="true" class="lightwindow page-options" title="'+Li.innerHTML.Trim()+' - '+j.toString()+'" '+'href="/Images/'+Li.innerHTML.Trim()+'/'+Li.innerHTML.Trim()+j.toString().Trim()+'.jpg">'+'<IMG src="/Images/'+Li.innerHTML.Trim()+'/'+Li.innerHTML.Trim()+'_s'+j+'.jpg" /></a><p>'+Li.innerHTML.Trim()+'-'+j.toString().Trim()+'</p></li>';
			}
		}
		if(index==_pageNum){
			for(var k=6*(index-1)+1; k<=6*(index-1)+_pageMod; k++){
				$t('ul',Span)[0].innerHTML+='<li><a hidefocus="true" class="lightwindow page-options" title="'+Li.innerHTML.Trim()+' - '+k.toString()+'" '+'href="/Images/'+Li.innerHTML.Trim()+'/'+Li.innerHTML.Trim()+k.toString().Trim()+'.jpg">'+'<IMG src="/Images/'+Li.innerHTML.Trim()+'/'+Li.innerHTML.Trim()+'_s'+k+'.jpg" /></a><p>'+Li.innerHTML.Trim()+'-'+k.toString().Trim()+'</p></li>';
			}
		}
	}
	for(var k=1; k<=_pageNum; k++){
		if(k==index){
			_p[index].className = 'none';
		}
		else{
			_p[k].className = 'block';
		}
	}
	BDX.PaginationSetPageNumberCookies(index);
}


//Set Navigator Cookies
BDX.PaginationSetNavigatorCookies = function(c_index){
	var today = new Date();
	todayNum = today.setDate(today.getDate() + 30);
	document.cookie = "LiIndex=" + c_index;
	document.cookie = "NavigatorExpireDay=" + todayNum;
}

//Get Navigator Cookies
BDX.PaginationGetNavigatorCookies = function(){
	var _cStr = document.cookie.split(";");
	var _IndexStr = "LiIndex=";
	if((document.cookie).indexOf(_IndexStr)==-1){
		return 0;	
	}
	else{
		for(var k=0; k<_cStr.length; k++){
			if(_cStr[k].indexOf(_IndexStr) != -1){
				break;
			}	
		}
		var _cIndexStr = _cStr[k];
		var _cIndex = _cIndexStr.indexOf(_IndexStr);
		_cIndex = eval(_cIndexStr.substring(_cIndex + _IndexStr.length, _cIndexStr.length));
		return _cIndex;
	}
}

//Set PageNumber Cookies
BDX.PaginationSetPageNumberCookies = function(_pageNum){
	var today = new Date();
	todayNum = today.setDate(today.getDate() + 30);
	document.cookie = "PageNumber=" + _pageNum;
	document.cookie = "PageNumberExpireDay=" + todayNum;
}

//Get PageNumber Cookies
BDX.PaginationGetPageNumberCookies = function(){
	var _pStr = document.cookie.split(";");
	var _pgNum = "PageNumber=";
	if((document.cookie).indexOf(_pgNum)==-1){
		return 1;	
	}
	else{
		for(var k=0; k<_pStr.length; k++){
			if(_pStr[k].indexOf(_pgNum)!=-1){
				break;
			}	
		}
		var _pIndexStr = _pStr[k];
		var _pIndex = _pIndexStr.indexOf(_pgNum);
		_pIndex = eval(_pIndexStr.substring(_pIndex + _pgNum.length, _pIndexStr.length));
		return _pIndex;
	}
}


//ClickMenu-----------------------------------------------------------//
BDX.ClickMenuInitialSetting = function(){
	DL = $('ButtonContent');
	DD = $t('dd',DL);
	DDLen = DD.length;
	fileURL = document.URL;
	if(fileURL.split('/')[3] == ''){
		DD[0].className = 'Clicked';
	}
	for(var i=0; i<DDLen; i++){
		if(fileURL.indexOf(DD[i].getAttribute('link')) != -1){
			DD[i].className = 'Clicked';
			break;
		}
	}
	for(var DDIndex=0; DDIndex<DDLen; DDIndex++){
		BDX.ClickMenuMouseEvent(DDIndex);
	}
}

BDX.ClickMenuMouseEvent = function(DDIndex){
	if(IsIE){
		DD[DDIndex].attachEvent("onmouseover",function(){BDX.ClickMenuMouseOverEvent(DDIndex)});
		DD[DDIndex].attachEvent("onmouseout",function(){BDX.ClickMenuMouseOutEvent(DDIndex)});
		DD[DDIndex].attachEvent("onclick",function(){BDX.ClickMenuClickedEvent(DDIndex)});
	}
	else{
		DD[DDIndex].addEventListener("mouseover",function(){BDX.ClickMenuMouseOverEvent(DDIndex)},false);
		DD[DDIndex].addEventListener("mouseout",function(){BDX.ClickMenuMouseOutEvent(DDIndex)},false);
		DD[DDIndex].addEventListener('click',function(){BDX.ClickMenuClickedEvent(DDIndex)},false);	
	}
}

//mouseover
BDX.ClickMenuMouseOverEvent = function(DDIndex){
	if(DD[DDIndex].className == ''){
		DD[DDIndex].className = 'Selected';
	}
}

//mouseout
BDX.ClickMenuMouseOutEvent = function(DDIndex){
	if(DD[DDIndex].className == 'Selected'){
		DD[DDIndex].className = '';
	}
	else if(DD[DDIndex].className == 'Clicked'){
		DD[DDIndex].className = 'Clicked';
	}
}

//click
BDX.ClickMenuClickedEvent = function(DDIndex){
	document.cookie='LiIndex=0';
	document.cookie='PageNumber=1';
	DD[DDIndex].className = 'Clicked';
	for(var i=0; i<DDLen; i++){
		if(i == DDIndex){
			continue;
		}
		else{
			DD[i].className = '';
		}
	}
	window.location = DD[DDIndex].getAttribute('link');
}



//Navigator
BDX.NavigatorInitialSetting = function(){
	var _DL = $('ButtonContent');
	var _DD = $t('dd',DL);
	var _DDLen = _DD.length;
	var _fileURL = document.URL;
	var _Navigator = $('Navigator');
	for(var i=0; i<DDLen; i++){
		if(DD[i].className == 'Clicked' && i == 0){
			_Navigator.innerHTML = '<strong>Position&nbsp;:</strong>&nbsp;&nbsp;&nbsp;' + DD[i].innerHTML;
			break;
		}
		else if(DD[i].className == 'Clicked' && i != 0){
_Navigator.innerHTML = '<strong>Position&nbsp;:</strong>&nbsp;&nbsp;&nbsp;<a href="/Index.shtml">HOME</a>&nbsp;&nbsp;<strong style="margin:0; padding:0">&rarr;</strong>&nbsp;&nbsp;' + DD[i].innerHTML;
		}
	}
}

//InputEffect
BDX.InputEffectInitialSetting = function(){
	var _input = $t('input',document);
	var _inputlength = _input.length;
	for(var index=0; index<_inputlength; index++){
		BDX.InputEffectMouse(_input,index,_inputlength);
	}
}

BDX.InputEffectMouse = function(obj,index,len){
	if(IsIE){
		obj[index].attachEvent('onfocus',function(){BDX.InputEffectBgcolor(obj,index,len)});
	}	
	else if(!IsIE){
		obj[index].addEventListener('focus',function(){BDX.InputEffectBgcolor(obj,index,len)},false);
	}
}

BDX.InputEffectBgcolor = function(obj,index,len){
	obj[index].style.color = '#CE5200';
	obj[index].style.background = '#FFFFCC';
	obj[index].style.border = '2px solid #E67200';
	for(var i=0; i<len; i++){
		if(i==index){continue;}
		else{obj[i].style.color = '#004466';
			 obj[i].style.background = '#F0F0F5';
			 obj[i].style.border = '2px solid #80B0E7';}
	}
}

BDX.CheckForm = function(){
	var _form = $t('input',document);
	var _formlen = _form.length;
	for(var i=0; i<_formlen; i++){
		if(i==1||i==2||i==7||i==9||i==11){
			continue;
		}
		else if(_form[i].value==''){
			alert('Please kindly fill all the table with the (*) mark!');
			document.stop();
			break;
		}
	}
}