function $(id) {
    return document.getElementById(id);
}

function showMenu (baseID, divID) {
    baseID = $(baseID);
    divID  = $(divID);

    if (showMenu.timer) clearTimeout(showMenu.timer);
	hideCur();
    divID.style.display = 'block';
	showMenu.cur = divID;

    if (! divID.isCreate) {
        divID.isCreate = true;
        //divID.timer = 0;
        divID.onmouseover = function () {
            if (showMenu.timer) clearTimeout(showMenu.timer);
			hideCur();
            divID.style.display = 'block';
        };

        function hide () {
            showMenu.timer = setTimeout(function () {divID.style.display = 'none';}, 1000);
        }

        divID.onmouseout = hide;
        baseID.onmouseout = hide;
    }
	function hideCur () {
		showMenu.cur && (showMenu.cur.style.display = 'none');
	}
}

function doClick_a(o){
	 o.className="current";
	 var j;
	 var id;
	 var e;
	 for(var i=1;i<=3;i++){
	   id ="a"+i;
	   j = document.getElementById(id);
	   e = document.getElementById("a_con"+i);
	   if(id != o.id){
	   	 j.className="";
	   	 e.style.display = "none";
	   }else{
		e.style.display = "block";
	   }
	 }
	 }

function doClick_b(o){
	 o.className="current";
	 var j;
	 var id;
	 var e;
	 for(var i=1;i<=3;i++){
	   id ="b"+i;
	   j = document.getElementById(id);
	   e = document.getElementById("b_con"+i);
	   if(id != o.id){
	   	 j.className="";
	   	 e.style.display = "none";
	   }else{
		e.style.display = "block";
	   }
	 }
	 }

function sTab(n){
	for(var i=1; i<=4; i++){
		$("tab"+i).style.display = "none";
	}
	$("tab"+n).style.display = "block";
}


function pauseS() {
	clearTimeout(AutoPicSwitchTabTimer) ;
}

function goonS(index,TimeLength) {
	clearTimeout(AutoPicSwitchTabTimer) ;
	AutoPicSwitchTabTimer = setTimeout("autoS("+index+","+TimeLength+");", TimeLength);
}

function autoS(index,TimeLength) {
	if (index > 4) {
		index = 1 ;
	}
	sTab(index) ;
	index = index + 1 ;
	AutoPicSwitchTabTimer = setTimeout("autoS("+index+","+TimeLength+");", TimeLength);
}