function  checkStatus(div)
{
		var status = new Array('online2shot','onlineWait','onlineLiveshow_1','onlineLiveshow_2','onlineLiveshow_3','onlineCamera_1','onlineCamera_2','onlineCamera_3');
		for (var j=0; j<status.length; j++){
			if(div.className.search(status[j])!=-1)
			return true;
		}		
		return false;
}
 
function showgroup (thisClass) {
	    turnCategoryOFF();
	    var showme = false;
	    var gobj = document.getElementById("onlineArea");
   	    var divs = gobj.getElementsByTagName('div');
  		
   		 for (var i=0; i<divs.length; i++){  
   		 		   	
   		   	 if(checkStatus(divs[i])){	 			
    	 			divs[i].style.display = 'none';
    	 			if (divs[i].className.search(thisClass)!=-1) {
	   		   		 	divs[i].style.display = 'block';
	   		   		 	showme = true;
       	    		}				
		     }		     	 
	     }
	     //alert(showme);
	     if (!showme) {
	    	 turnCategoryON();
	     }
}

function turnCategoryON()
{
	var category = document.getElementById("category");
	category.innerHTML = "<img src=\"/img/thumnail/no_category.jpg\" width=\"946\" height=\"148\" />";
	
	var noOnline = document.getElementById("noOnline");
	if (noOnline)
		noOnline.innerHTML = "";
}

function turnCategoryOFF()
{
	var category = document.getElementById("category");
	category.innerHTML = "";
}

function resettab(type,ulist)
{
  if(type == 'vip')
  {
	var ids = new Array('itemT01','itemT02','itemT03','itemT04','itemT05','itemT06','itemT07','itemT08','itemT09');
  }  
  if(type == 'home')
  {
	var ids = new Array('itemT01','itemT02','itemT03','itemT04','itemT05','itemT06','itemT07','itemT08');
  }  
  if(type == 'global')
  {
	var ids = new Array('item01','item02','item03','item04','item05','item06','item07');
  }
  if(type == 'rankH')
  {
	var ids = new Array('itemTS01','itemTS02','itemTS03','itemTS04');
  }
  if(type == 'rankV')
  {
	var ids = new Array('itemTS01','itemTS02','itemTS03','itemTS04');
  }
  
	
	for(var i=0; i<ulist.length; i++)
	{	
		ulist[i].id = ids[i];
	}
    var faceoffDiv =  document.getElementById("Faceoff");
    if(faceoffDiv)
      faceoffDiv.innerHTML = "";

    var faceoffDXDiv =  document.getElementById("FaceoffDX");
    if(faceoffDXDiv)
      faceoffDXDiv.innerHTML = "";    

}

function resettabcls(type,ulist)
{
  if(type == 'vip')
  {
	var ids = new Array('itemT01','itemT02','itemT03','itemT04','itemT05','itemT06','itemT07','itemT08','itemT09');
  }  
  if(type == 'home')
  {
	var ids = new Array('itemT01','itemT02','itemT03','itemT04','itemT05');
  }  
  if(type == 'global')
  {
	var ids = new Array('item01','item02','item03','item04','item05','item06','item07');
  }
  if(type == 'rankH')
  {
	var ids = new Array('itemTS01','itemTS02','itemTS03','itemTS04');
  }
  if(type == 'rankV')
  {
	var ids = new Array('itemTS01','itemTS02','itemTS03','itemTS04');
  }
  
	var classnamearray = new Array();

	for(var i=0; i<ulist.length; i++)
	{	
		ulist[i].id = ids[i];
		classnamearray[i]	=	ulist[i].className;
	}

   var faceoffDiv =  document.getElementById("Faceoff");
    if(faceoffDiv)
      faceoffDiv.innerHTML = "";

   var faceoffDXDiv =  document.getElementById("FaceoffDX");
    if(faceoffDXDiv)
      faceoffDXDiv.innerHTML = "";

	return classnamearray;
}


function clickontab(id,frmPg)
{
	if (frmPg == 'global')
	{
		var ulobj=document.getElementById("globalNavi");
		
	}else if(frmPg == 'home' || frmPg == 'vip')
	{
		var ulobj=document.getElementById("onlineTab");
		
	}else if(frmPg == 'rankH' || frmPg == 'rankV')
	{
		var ulobj=document.getElementById("ranking");
	}
	
	var ulist=ulobj.getElementsByTagName("li");
		
	resettab(frmPg,ulist);
	
	if(id != 'reset')	{
	
		for(var i=0; i<ulist.length; i++)
		{	
			if (ulist[i].id == id )
			{	
				ulist[i].id = "";		
				ulist[i].id = id + "ON";
			
			}else{
				thisId = ulist[i].id;
				ulist[i].id = "";
				ulist[i].id = thisId;
			}		
		}
	}
}


function clickontabcls(id,frmPg)
{
	if (frmPg == 'global')
	{
		var ulobj=document.getElementById("globalNavi");
		
	}else if(frmPg == 'home' || frmPg == 'vip')
	{
		var ulobj=document.getElementById("onlineTab");
		
	}else if(frmPg == 'rankH' || frmPg == 'rankV')
	{
		var ulobj=document.getElementById("ranking");
	}
	
	var ulist=ulobj.getElementsByTagName("li");
		
	oldclassname	=	resettabcls(frmPg,ulist);
	
	if(id != 'reset')	{
	
		for(var i=0; i<ulist.length-1; i++)
		{	
			if (ulist[i].className != 'search' )	{
				if (ulist[i].id == id )	{	// 選択したタブの場合
					if(ulist[i].className == "")	{
						ulist[i].className = "current";
					} else {
						if(ulist[i].className.indexOf("current") == 0 || ulist[i].className == "current") {
							ulist[i].className = "current";
						} else {
							if(ulist[i].className.indexOf("current") > 0) {
								ulist[i].className = oldclassname[i];
							} else {
								ulist[i].className = oldclassname[i] + "current";
							}
						}
					}
				}else{	// 違う場合
					thisId = ulist[i].id;
					if(frmPg == 'home' || frmPg == 'vip')	{
						if(oldclassname[i] == "current")	{
							ulist[i].className = "";
						} else {
							if(oldclassname[i].indexOf("current") > 0) {
								ulist[i].className = oldclassname[i].substring(0, oldclassname[i].indexOf("current"));
							} else {
								ulist[i].className = oldclassname[i];
							}
						}
					} else {
						ulist[i].className = "";
					}
				}
			}
		}
	}
}