/*#############
---------------------- Switch Button ---------------
<a href="#" onmouseover="Switching('s_warranty');">Switch 1</a>
<a href="#" onmouseover="Switching('s_center');">Switch 2</a>
<a href="#" onmouseover="Switching('s_howtoorder');">Switch 3</a>


----------------------  Display Area ---------------------
<div id="s_warranty" class="service_switching">Display Detail 1</div>
<div id="s_center" class="service_switching">Display Detail 2</div>
<div id="s_howtoorder" class="service_switching">Display Detail 3</div>
#############*/

function Switching(getid,getarrayset){
	if(getarrayset==1){
		var display_list = new Array("s_warranty","s_center","s_howtoorder");
	}
	i=0;
	with(document){
		while(i<=display_list.length-1){
			if(display_list[i]!=getid){
				getElementById(display_list[i]).style.visibility='hidden';
				getElementById(display_list[i]).style.position='absolute';
			}
			i++;
		}
		if(getid.length>0){
			getElementById(getid).style.visibility='visible';
			getElementById(getid).style.position='static';
		}
	}
}

function SwitchingOnce(getid){
	with(document){
		if(getElementById(getid).style.visibility=='visible'){
			getElementById(getid).style.visibility='hidden';
			getElementById(getid).style.position='absolute';
		}else{
			getElementById(getid).style.visibility='visible';
			getElementById(getid).style.position='static';
		}
	}
}