function loadHtml(tag, url) {
	var xmlhttp;
	// code for Mozilla, etc.
	if (window.XMLHttpRequest){
		xmlhttp=new XMLHttpRequest()
	// code for IE
	}else if (window.ActiveXObject){
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
	}
	if (xmlhttp) {
		var obj = document.getElementById(tag);
		//obj.innerHTML = '<p><em>Loading ...</em></p>';
		
		xmlhttp.open("GET",url,true);
		xmlhttp.onreadystatechange = function() {
			if (xmlhttp.readyState == 4) {
				if (xmlhttp.status == 200&&xmlhttp.responseText!="") {
					obj.innerHTML = xmlhttp.responseText;
				} else {
//					alert('url='+url+','+tag+" 讀取網頁錯誤: " + xmlhttp.status);
				}
			}
		}
		if (window.XMLHttpRequest)
    		xmlhttp.send(null);
		else
			xmlhttp.send();
	}
}
function displayAllBlock(blockIdAry,defaultValue){
	var blockObj=new Array(blockIdAry.length);
	for(var i=0;i<blockIdAry.length;i++){
		blockObj[i]=document.getElementById('block'+blockIdAry[i]);
	}
	for(var i=0;i<blockIdAry.length;i++){
		if(blockObj[i].innerHTML==''){
			var tag='block'+blockIdAry[i];
//			var url = '/shopping/adv/block_'+blockIdAry[i]+'.html';
			var url=jsPath+'/block_'+blockIdAry[i]+'.html';//CR: change html file path
			//'http://localhost/shopping/adv/block_
			loadHtml(tag,url);
//			alert(jsPath);
		}
	}
	for(var i=0;i<blockIdAry.length;i++){
		var status='';
		if(blockIdAry[i]==defaultValue){
			status='block';
		}else{
			status='none';
		}
		blockObj[i].style.display=status;
	}
}
function changeSelStaus(blockIdAry,defaultValue){
	var titleObj=new Array(blockIdAry.length);
	for(var i=0;i<blockIdAry.length;i++){
		titleObj[i]=document.getElementById('title'+blockIdAry[i]);
	}
	var reloadFlag=false;
	for(var i=0;i<blockIdAry.length;i++){
		if(blockIdAry[i]==defaultValue){
			if(titleObj[i]!=null){
				titleObj[i].className = "select";
			}else{
				reloadFlag=true;
			}
		}else{
			if(titleObj[i]!=null){
				titleObj[i].className = "noselect";
			}
		}
	}
	if(reloadFlag){
		for(var i=0;i<blockIdAry.length;i++){
			if(titleObj[i]!=null){
				if(blockIdAry.length==5){
					displayAllBlock(new Array(blockIdAry[0],blockIdAry[1],blockIdAry[2],blockIdAry[3],blockIdAry[4]),blockIdAry[i]);
					changeSelStaus(new Array(blockIdAry[0],blockIdAry[1],blockIdAry[2],blockIdAry[3],blockIdAry[4]),blockIdAry[i]);
				}
				if(blockIdAry.length==2){
					displayAllBlock(new Array(blockIdAry[0],blockIdAry[1]),blockIdAry[i]);
					changeSelStaus(new Array(blockIdAry[0],blockIdAry[1]),blockIdAry[i]);
				}
				break;
			}
		}
	}
}
function displayBySid(blockIdAry,defaultValue,position){  
	var blockObj=new Array(blockIdAry.length);
	for(var i=0;i<blockIdAry.length;i++){
		blockObj[i]=document.getElementById('block_'+blockIdAry[i]+'_'+position);
	}
	for(var i=0;i<blockIdAry.length;i++){
		if(blockObj[i].innerHTML==''){
			var tag='block_'+blockIdAry[i]+'_'+position;
//			var url='/shopping/adv/block_'+blockIdAry[i]+'_'+position+'.html';
			var url=jsPath+'/block_'+blockIdAry[i]+'_'+position+'.html';//CR: change html file path
			loadHtml(tag,url);
		}
	}
	for(var i=0;i<blockIdAry.length;i++){
		var status='';
		if(blockIdAry[i]==defaultValue){
			status='block';
		}else{
			status='none';
		}
		blockObj[i].style.display=status;
	}
	changeSelStore(blockIdAry,defaultValue,position)
}

function changeSelStore(blockIdAry,defaultValue,position){
	var nav = document.getElementById('storetab'+position);
	var cats = nav.getElementsByTagName("SPAN");

	for(var i=0;i<blockIdAry.length;i++){
		if(blockIdAry[i]==defaultValue){
			cats[i].className = "select";
		}else{
			cats[i].className = "noselect";
		}
	}
}
function changeBlock_42(position){  
	var nav = document.getElementById('block_42');
	var cats = nav.getElementsByTagName("SPAN");
	var idxName = "block_42_title" + position;
	
	for (i = 0; i < cats.length; i++) {
		var catid = cats[i].id;

		if (catid == idxName) {
			cats[i].className = "select";
		} else {
			cats[i].className = "noselect";
		}
	}
	
	if(position=='1'){
		document.getElementById('block_42_1').style.display='block';
		document.getElementById('block_42_2').style.display='none';
	}else{
		document.getElementById('block_42_1').style.display='none';
		document.getElementById('block_42_2').style.display='block';
	}	
}