function show_intro(pre,pree, n, select_n,css) {
for (i = 1; i <= n; i++) {
var intro = document.getElementById(pre + i);
var cha = document.getElementById(pree + i);
intro.style.display = "none";
cha.className="";
if (i == select_n) {
cha.className="active";
intro.style.display = "block";

}
}
}
 

 
function init_srolltext_common(id1,id2,flag,speed){
	marqueesHeight=20;
	stopscroll=false;

	var  speed = speed;
	

	var icefable1=document.getElementById(id1);
	var icefable2=document.getElementById(id2);

	icefable1.scrollTop=0;
	icefable1.style.width=0;

	icefable1.style.height=marqueesHeight;
	icefable1.style.overflowX="visible";
	icefable1.style.overflowY="hidden";
	icefable1.noWrap=true;

	icefable1.onmouseover=new Function("stopscroll=true");
	icefable1.onmouseout=new Function("stopscroll=false");

	icefable2.innerHTML="";
	icefable2.innerHTML+=icefable1.innerHTML; 
	icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML;

	var f={
    	preTop:0,
		currentTop:0,
		stoptime:0
	}

	if(flag){
		setTimeout(function(){init_srolltext_common(id1,id2,0,speed);},5000); 
	}else{
		setInterval(function(){scrollUp_common(id1,f,speed)},20);
	}
} 

function scrollUp_common(id1,f,speed){ 
  	var  icefable=document.getElementById(id1);
     
  	if(stopscroll==true) return;
  		f.currentTop+=1;
  	if(f.currentTop==speed){
   		f.stoptime+=1;
   		f.currentTop-=1;
   		if(f.stoptime==80){
    		f.currentTop=0;
    		f.stoptime=0;
   		}
  	}else{
   		f.preTop=icefable.scrollTop;
   		icefable.scrollTop+=1;
   		if(icefable.scrollTop==f.preTop){
     		f.preTop=0; f.currentTop=0; f.stoptime=0;icefable.scrollTop=0
   		}
  	}
}



 function  init_roll(id0,id1,id2){
	var rollspeed = 50;
    
    var advk = document.getElementById(id0);

	var advk1 = document.getElementById(id1);

	var advk2 = document.getElementById(id2);
     
    function _AdvRoll(advk,advk1,advk2){
   		return function(){
             AdvRoll(advk,advk1,advk2);
       } 
    } 


    function AdvRoll(advk,advk1,advk2){ 
   		if(advk2.offsetTop-advk.scrollTop<=0)
      		advk.scrollTop-=advk1.offsetHeight;
     	else{
      		advk.scrollTop++;
      	}
    } 
  	
   advk2.innerHTML = advk1.innerHTML;
   var roll = setInterval(_AdvRoll(advk,advk1,advk2),rollspeed);

   advk.onmouseover = function() {clearInterval(roll);}
   advk.onmouseout = function() {roll = setInterval(_AdvRoll(advk,advk1,advk2),rollspeed);} 

   }

 function show(idnav,idsub){
    var obj=document.getElementById(idnav);
    
    var offsetTop=obj.offsetTop;   
    var offsetLeft=obj.offsetLeft; 
    	
	var offsetWidth = obj.offsetWidth;
	var offsetHeight = obj.offsetHeight;  
  
    while(obj=obj.offsetParent) {   
        offsetTop+=obj.offsetTop;   
        offsetLeft+=obj.offsetLeft;   
    }   

  // var offsetTop = obj.offsetTop;
	//var offsetLeft = obj.offsetLeft;

	var sub=document.getElementById(idsub);
	sub.style.left=offsetLeft+1+"px";
	sub.style.top=offsetTop+offsetHeight;
	sub.style.display='block';
	}
 
   function showsub(idnav,idsub){
	document.getElementById(idnav).className="active";
	document.getElementById(idsub).style.display='block';
	}
 
  function hide(idnav,idsub){

    document.getElementById(idnav).className="";
	document.getElementById(idsub).style.display='none';
	 }
	 

 
   function showtab(showt1,showc1,hidec1,hidec2,css,hidet1,css1,hidet2,css2){
	document.getElementById(showt1).className=css;
	document.getElementById(hidet1).className=css1;
	document.getElementById(hidet2).className=css2;
	document.getElementById(showc1).style.display='block';
	document.getElementById(hidec1).style.display='none';
	document.getElementById(hidec2).style.display='none';
	}


   function showCustoms(selectdiv)
{
	for (i = 1; i <= 20; i++) 
	{
         var next = document.getElementById(i);
         next.style.display = "none";
         if (i == selectdiv) 
         {
           next.style.display = "block";
         }
    }
}