function setsubmenu(count){
	var k;
	for(k=1; k <= count; k++){
		document.getElementById('submenu'+k).style.display='none';
	}
}
 function opensubmenu(channelId){
  var i;
  var channelItem = document.getElementById('SideBar').getElementsByTagName("H2");
	for(i=1; i <=channelItem.length; i++)
	{	
		var j=i-1;
		if (channelItem[j].id == channelId.id)
		{
			var img = document.getElementById('nav_img'+i);
			var mydisplay = document.getElementById('submenu'+i).style.display;
			if(mydisplay!='block')
			{
				document.getElementById('leftmenu'+i).className="over";
				document.getElementById('submenu'+i).style.display="block";
//				document.getElementById('leftmenu'+i).className="over";
				var img_regexp = new RegExp('_normal' + '\\.gif$');        
				var img_re = '_over.gif'; 
				img.src = img.src.replace(img_regexp, img_re);
//				new Effect.toggle(mydisplay);
			}
			else
			{
				document.getElementById('leftmenu'+i).className="normal";
				document.getElementById('submenu'+i).style.display="none";
				var img_regexp = new RegExp('_over' + '\\.gif$');        
				var img_re = '_normal.gif'; 
				img.src = img.src.replace(img_regexp, img_re);
//				new Effect.SlideUp(mydisplay);
			}
		}
	}  
}

function chg_b_tab(id)
{
	var i;
	for(i=1; i<=5; i++)
	{
		var title = document.getElementById('b_title'+i).innerHTML;
		if(i == id)
		{	
			document.getElementById('b_tab'+i).innerHTML='<span class="selected" id="b_title' + i + '" >' + title + '</span>';
			document.getElementById('b_box'+i).style.display='block';
			setimagesize(document.getElementById('b_image'+i));
						
		}
		else
		{
			document.getElementById('b_tab'+i).innerHTML='<a href="#" onclick="chg_b_tab(' + i + ');return false;" id="b_title' + i + '" >' + title + '</a>';
			document.getElementById('b_box'+i).style.display='none';
		}
	}
}
function chg_v_tab(id)
{
	var i;
	for(i=1; i<=5; i++)
	{	
		var title = document.getElementById('v_title'+i).innerHTML;
		if(i == id)
		{	
			document.getElementById('v_tab'+i).innerHTML='<span class="selected" id="v_title' + i + '" >' + title + '</span>';
			document.getElementById('v_right'+i).className='videoright';		
		}
		else
		{
			if(i == 1) {
				document.getElementById('v_tab'+i).innerHTML='<a href="#" onclick="chg_v_tab(' + i + ');callPlayerToPlay(_videoID, _videoTitle, _videoURL, _stillImageURL );return false;" id="v_title' + i + '" >' + title + '</a>';

			} else {
				document.getElementById('v_tab'+i).innerHTML='<a href="#" onclick="chg_v_tab(' + i + ');callPlayerToPlay(_videoID' +i+', _videoTitle'+i+', _videoURL'+i+', _stillImageURL'+i+' );return false;" id="v_title' + i + '" >' + title + '</a>';
			}
			document.getElementById('v_right'+i).className='videoright disn';
		}
	}
}

var cur_pos=-1;
var i;
var pcycle = 0;
// for settimeout control
var clock;

function showcycle()
{
	if( pcycle < 1)
	{
		cur_pos++;
		if(cur_pos > 5) cur_pos=0;
		loadingbox.style.display='none';
		buttonbox.style.display='';
		buttonbox.className='buttonbox';
		if(canPlay==false)
			return false;
		var changebg = document.getElementById('changebg');
		if(changebg)
		{
			changebg.className='bigbg' + (cur_pos + 1);
			for(var j=1;j<=6;j++)
			{
				var mytab = document.getElementById('tab'+j);
				if(mytab)
				{	
					if(j == (cur_pos + 1))
						mytab.className='tab'+j+'_over';
					else
						mytab.className='tab'+j+'_normal';
				}
				var mytabli = document.getElementById('tabli'+j);
				if(mytabli)
				{	
					if(j == (cur_pos + 1))
						mytabli.className='over';
					else
						mytabli.className='';
				}
				var mytabbox = document.getElementById('tabbox'+j);
				if(mytabbox)
				{	
					if(j == (cur_pos + 1))
						mytabbox.className='banbox disb';
					else
						mytabbox.className='banbox disn';
				}
			}
		}
	}
//	if(clock) {
//		window.clearTimeout(clock);
//	}
	clock = window.setTimeout(showcycle, 7000);
}
function pausecycle(id)
{
	cur_pos = id;
	pcycle = 1;
}
function resumecycle(id)
{
	cur_pos = id;
	pcycle = 0;	
}
function setmouseover_li(id)
{
	for(var j=1;j<=6;j++)
	{
		var mytab = document.getElementById('tab'+j);
		if(mytab)
		{	
			if(j == id)
				mytab.className='tab'+j+'_over';
			else
				mytab.className='tab'+j+'_normal';
		}
		var mytabli = document.getElementById('tabli'+j);
		if(mytabli)
		{	
			if(j == id)
				mytabli.className='over';
			else
				mytabli.className='';
		}
		var mytabbox = document.getElementById('tabbox'+j);
		if(mytabbox)
		{	
			if(j == id)
				mytabbox.className='banbox disb';
			else
				mytabbox.className='banbox disn';
		}
	}
}
function setmouseout_li(id)
{
	for(var j=1;j<=6;j++)
	{
		var mytab = document.getElementById('tab'+j);
		if(mytab)
		{	
			mytab.className='tab'+j+'_normal';
		}
		var mytabli = document.getElementById('tabli'+j);
		if(mytabli)
		{	
			mytabli.className='';
		}
		var mytabbox = document.getElementById('tabbox'+j);
		if(mytabbox)
		{	
			mytabbox.className='banbox disn';
		}
	}
}
//added by thomas
//set image size on image load
function setimagesize(img)
{
	var maxheight = 180;
	var maxwidth = 180;
	if(img.height >= maxheight && img.width >= maxwidth) {
		if(img.width / img.height >= maxwidth / maxheight) {
			img.width = maxheight;
		} else {
			img.height = maxwidth;
		}
	}
	else{
		if(img.height >= maxheight) {
			img.height = maxwidth;
			return true;
		}
		if(img.width >= maxwidth) {
			img.width = maxheight;
			return true;
		}
	}
	return true;

}
//added by thomas
//control pic jump
function jumppic(type)
{
	if(canPlay==false)
		return false;
	if(type == "prev") {
		var classname = document.getElementById('changebg').className;
		if (classname.length == 6) {
			if(clock) {
				window.clearTimeout(clock);
			}
			var nowpicnum = classname.substr(5,1);
			//mouse out
			setmouseout_li(nowpicnum);
			document.getElementById('changebg').className='bigbg'+nowpicnum;
			pausecycle(parseInt(nowpicnum)-1);
			//mouse in
			if(nowpicnum == "1") {
				nowpicnum = "7";
			}
			setmouseover_li(parseInt(nowpicnum)-1);
			document.getElementById('changebg').className='bigbg'+(parseInt(nowpicnum)-1);
			resumecycle(parseInt(nowpicnum)-2);
			clock = window.setTimeout(showcycle, 7000);
		}
	} else if(type == "next") {
		var classname = document.getElementById('changebg').className;
		if (classname.length == 6) {
			if(clock) {
				window.clearTimeout(clock);
			}
			var nowpicnum = classname.substr(5,1);
			//mouse out
			setmouseout_li(nowpicnum);
			document.getElementById('changebg').className='bigbg'+nowpicnum;
			pausecycle(parseInt(nowpicnum)-1);
			//mouse in
			if(nowpicnum == "6") {
				nowpicnum = "0";
			}
			setmouseover_li(parseInt(nowpicnum)+1);
			document.getElementById('changebg').className='bigbg'+(parseInt(nowpicnum)+1);
			resumecycle(parseInt(nowpicnum));
			clock = window.setTimeout(showcycle, 7000);
		}
	}
}

sto1 = window.setInterval(checkImageLoad, 1000);
function checkImageLoad(){
	if(imgno==15){
		loading.className='loadingimg disn';
		loadingbox.className='disn';
		changebg.className='bigbg1';
		buttonbox.style.display='';
		buttonbox.className='buttonbox';
		canPlay = true;
		document.getElementById('toppage').className = 'toppage';
		window.clearInterval(sto1);
		showcycle();
	}
}

function imagesLoaded(){
	imgno++;
}

//window.setTimeout(showcycle, 1500);
clock = window.onload=function()
{
};