// JavaScript Document

function bt_turn_on(b,msg,wd,on,bg)
{	document.getElementById('bt' + b).src = 'assets/txt.php?str=20_' + wd + '_' + on + '_' + bg + '_' + msg;
}
	
function bt_turn_off(b,msg,wd,off,bg)
{	document.getElementById('bt' + b).src = 'assets/txt.php?str=20_' + wd + '_' + off + '_' + bg + '_' + msg;
}

function bt_mv_lf(b,i,which)
{	var st = document.getElementById('bt0').style.top;
	if ((i > 20) && (st != '10px'))
	{	var bt = document.getElementById('bt' + b).style.left = i + 'px';
		var t = setTimeout("bt_mv_lf('"+ b +"',"+ (i-10) +","+ which +")",20);
		if (b==0)
		{ document.getElementById('main1').style.clip = 'rect(0px,'+(i-36)+'px,560px,0px)';
		}
		if (i == 136)
		{	if (b==0) { bt_mv_lf(1,196,which)	}
			else if (b==1) { bt_mv_lf(2,196,which) }
			else if (b==2) { bt_mv_lf(3,196,which) }
			else if (b==3) { bt_mv_lf(4,196,which) }
			else if (b==4) { bt_mv_lf(5,196,which) }
			else if (b==5) { bt_mv_lf(6,196,which); tit_mv_up(35,which); }
		}
	}
	else if (st == '10px')
	{	rollup_thmbs(0,which);
	}
}

function tit_mv_up(i,which)
{//	alert(which);
	var bt = document.getElementById('bt0').style.top = i + 'px';

	if (i > 10)
	{	var t = setTimeout("tit_mv_up("+ (i-1) +"," + which + ")",20);	}
	else if (i==10)
	{	tit_shrink(574,144,which);	}
}

function tit_shrink(i,a,which)
{	
	var width = i-5;
	var awd = a-3;
	document.getElementById('bt0').style.clip = 'rect(0px,' + width + 'px,48px,0px)';
	document.getElementById('fine_art').style.clip = 'rect(0px,144px,44px,'+ awd +'px)';
	document.getElementById('fine_art').style.visibility = 'visible';
	if (i > 344)
	{	var t = setTimeout("tit_shrink("+ width +","+ awd +","+ which +")",20);	}
	else {	rollup_thmbs(0,which);	}
//	else if (i==354)
//	{	document.getElementById('bt0').style.left = '10px';	}
}

function show(i)
{	var weight = "";	var txt = "";
	
	document.getElementById('moldiv1').style.visibility = 'hidden';
	document.getElementById('revtop1').style.visibility = 'hidden';
	document.getElementById('moldiv2').style.visibility = 'hidden';
	document.getElementById('revtop2').style.visibility = 'hidden';
	document.getElementById('moldiv3').style.visibility = 'hidden';
	document.getElementById('revtop3').style.visibility = 'hidden';
	document.getElementById('moldiv4').style.visibility = 'hidden';
	document.getElementById('revtop4').style.visibility = 'hidden';
	document.getElementById('moldiv5').style.visibility = 'hidden';
	document.getElementById('revtop5').style.visibility = 'hidden';
	document.getElementById('moldiv6').style.visibility = 'hidden';
	document.getElementById('revtop6').style.visibility = 'hidden';
	
	document.getElementById('tit'+i).style.visibility = 'visible';
	
	if (i==1) { setup_unroll('moldiv'); }
	
	else if (i==2) { setup_unroll('revtop'); }
	
	else
	{	document.getElementById('info'+i).style.visibility = 'visible';
		show_info(0,i);
	}

}

function setup_unroll(which)
{	document.getElementById(which+'1').style.clip = 'rect(0px,84px,84px,84px)';
	document.getElementById(which+'2').style.clip = 'rect(0px,84px,84px,84px)';
	document.getElementById(which+'3').style.clip = 'rect(0px,84px,84px,84px)';
	document.getElementById(which+'4').style.clip = 'rect(0px,84px,84px,84px)';
	document.getElementById(which+'5').style.clip = 'rect(0px,84px,84px,84px)';
	document.getElementById(which+'6').style.clip = 'rect(0px,84px,84px,84px)';
	document.getElementById(which+'1').style.visibility = 'visible';
	document.getElementById(which+'2').style.visibility = 'visible';
	document.getElementById(which+'3').style.visibility = 'visible';
	document.getElementById(which+'4').style.visibility = 'visible';
	document.getElementById(which+'5').style.visibility = 'visible';
	document.getElementById(which+'6').style.visibility = 'visible';
	
	unroll_thmbs(0,which)
}

function unroll_thmbs(i,which)
{	if (which=='moldiv') { var ttl = "tit1"; }
	else if (which=='revtop') { var ttl = "tit2"; }

	document.getElementById('thmb1').style.left = (688-(i*25)) + 'px';
	document.getElementById('thmb2').style.left = (688-(i*20)) + 'px';
	document.getElementById('thmb3').style.left = (688-(i*15)) + 'px';
	document.getElementById('thmb4').style.left = (688-(i*10)) + 'px';
	document.getElementById('thmb5').style.left = (688-(i*5)) + 'px';
	
	document.getElementById(which+'1').style.clip = 'rect(0px,94px,94px,'+ (84-(i*5)) +'px)';
	document.getElementById(which+'2').style.clip = 'rect(0px,94px,94px,'+ (84-(i*5)) +'px)';
	document.getElementById(which+'3').style.clip = 'rect(0px,94px,94px,'+ (84-(i*5)) +'px)';
	document.getElementById(which+'4').style.clip = 'rect(0px,94px,94px,'+ (84-(i*5)) +'px)';
	document.getElementById(which+'5').style.clip = 'rect(0px,94px,94px,'+ (84-(i*5)) +'px)';
	document.getElementById(which+'6').style.clip = 'rect(0px,94px,94px,'+ (84-(i*5)) +'px)';
	
	document.getElementById(ttl).style.clip = 'rect('+ (19-(2*i)) +'px,210px,'+ (20+(2*i)) +'px,0px)';

	if ((688-(i*5)) > 593)
	{	var t = setTimeout("unroll_thmbs("+ (i+1) +",'"+ which +"')",20);	}
	else
	{	document.getElementById(which+'1').style.clip = 'auto';
		document.getElementById(which+'2').style.clip = 'auto';
		document.getElementById(which+'3').style.clip = 'auto';
		document.getElementById(which+'4').style.clip = 'auto';
		document.getElementById(which+'5').style.clip = 'auto';
		document.getElementById(which+'6').style.clip = 'auto';
		document.getElementById(ttl).style.clip = 'auto';
	
		document.getElementById('pnt').style.visibility = 'visible';
	}
}

function rollup_thmbs(i,num)
{	if ((document.getElementById('revtop1').style.visibility=='hidden') && (document.getElementById('moldiv1').style.visibility=='hidden'))
	{	
		if (document.getElementById('tit3').style.visibility=='visible') { var which = 3; }
		else if (document.getElementById('tit4').style.visibility=='visible') { var which = 4; }
		else if (document.getElementById('tit5').style.visibility=='visible') { var which = 5; }
		else if (document.getElementById('tit6').style.visibility=='visible') { var which = 6; }
		
		var clr = 'f'; if (i==1) { clr = "e"; } else if (i==2) { clr = "d"; } else if (i==3) { clr = "c"; } else if (i==4) { clr = "b"; } else if (i==5) { clr = "a"; }
		else if (i==6) { clr = "9"; } else if (i==7) { clr = "8"; } else if (i==8) { clr = "7"; } else if (i==9) { clr = "6"; } else if (i==10) { clr = "5"; }
		else if (i==11) { clr = "4"; } else if (i==12) { clr = "3"; } else if (i>=13) { clr = "2"; }
		
		document.getElementById('tit'+which).style.clip = 'rect('+ (1.5*i) +'px,200px,'+ (38-(1.5*i)) +'px,0px)';
		document.getElementById('info'+which).style.color = "#" + clr + clr + clr + clr + clr + clr;
		if (i < 14)
		{	var t = setTimeout("rollup_thmbs("+ (i+1) +","+ num +")",20);	}
		else
		{	document.getElementById('tit'+which).style.visibility = 'hidden';
			document.getElementById('tit'+which).style.clip = 'auto';
			document.getElementById('info'+which).style.visibility = 'hidden';
			show(num);
		}
	}
	else
	{	document.getElementById('thmb1').style.left = (213+(i*25)) + 'px';
		document.getElementById('thmb2').style.left = (308+(i*20)) + 'px';
		document.getElementById('thmb3').style.left = (403+(i*15)) + 'px';
		document.getElementById('thmb4').style.left = (498+(i*10)) + 'px';
		document.getElementById('thmb5').style.left = (593+(i*5)) + 'px';
	
		if (document.getElementById('moldiv1').style.visibility=='visible')
		{	document.getElementById('moldiv1').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';
			document.getElementById('moldiv2').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';
			document.getElementById('moldiv3').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';
			document.getElementById('moldiv4').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';
			document.getElementById('moldiv5').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';
			document.getElementById('moldiv6').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';
			
			document.getElementById('tit1').style.clip = 'rect('+ (2*i) +'px,200px,'+ (38-(2*i)) +'px,0px)';
		}
		else if (document.getElementById('revtop1').style.visibility=='visible')
		{	document.getElementById('revtop1').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';
			document.getElementById('revtop2').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';
			document.getElementById('revtop3').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';	
			document.getElementById('revtop4').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';	
			document.getElementById('revtop5').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';	
			document.getElementById('revtop6').style.clip = 'rect(0px,94px,94px,'+ ((i*5)) +'px)';	
			
			document.getElementById('tit2').style.clip = 'rect('+ (2*i) +'px,210px,'+ (38-(2*i)) +'px,0px)';
		}
	
		if ((593+(i*5)) < 688)
		{	var t = setTimeout("rollup_thmbs("+ (i+1) +","+ num +")",20);	}
	
		else
		{	document.getElementById('tit1').style.visibility = 'hidden';
			document.getElementById('tit2').style.visibility = 'hidden';
			document.getElementById('tit1').style.clip = 'auto';
			document.getElementById('tit2').style.clip = 'auto';
			document.getElementById('pnt').style.visibility = 'hidden';
			document.getElementById('pnt_v').src = 'assets/tran.gif';
			document.getElementById('pnt_h').src = 'assets/tran.gif';
			show(num);
		}
	}
}

function show_info(i,which)
{
		var clr = '2'; if (i==1) { clr = "3"; } else if (i==2) { clr = "4"; } else if (i==3) { clr = "5"; } else if (i==4) { clr = "6"; } else if (i==5) { clr = "7"; }
		else if (i==6) { clr = "8"; } else if (i==7) { clr = "9"; } else if (i==8) { clr = "a"; } else if (i==9) { clr = "b"; } else if (i==10) { clr = "c"; }
		else if (i==11) { clr = "d"; } else if (i==12) { clr = "e"; } else if (i>=13) { clr = "f"; }
		
		document.getElementById('tit'+which).style.clip = 'rect('+ (19-(1.5*i)) +'px,200px,'+ (20+(1.5*i)) +'px,0px)';
		document.getElementById('info'+which).style.color = "#" + clr + clr + clr + clr + clr + clr;
		if (i < 14)
		{	var t = setTimeout("show_info("+ (i+1) +","+ which +")",20);	}
	
}

function view_pnt(group,num)
{	if (group=='revtop')
	{	document.getElementById('pnt_v').src = "assets/tran.gif";
		if (num==1)
		{	document.getElementById('pnt_v').style.width = '556px';
			document.getElementById('pnt_v').style.height = '314px';
			document.getElementById('pnt_v').style.top = '100px';
			document.getElementById('pnt_v').style.left = '2px';
		}
		else
		{	document.getElementById('pnt_v').style.width = '158px';
			document.getElementById('pnt_v').style.height = '470px';
			document.getElementById('pnt_v').style.top = '4px';
			document.getElementById('pnt_v').style.left = '180px';
		}
		document.getElementById('pnt_v').src = "art/" + group + "/main." + num + ".jpg";
	}
	else if (group=='moldiv')
	{	document.getElementById('pnt_h').src = "assets/tran.gif";
		if (num==1)
		{	document.getElementById('pnt_h').style.width = '215px';
			document.getElementById('pnt_h').style.height = '430px';
			document.getElementById('pnt_h').style.top = '20px';
			document.getElementById('pnt_h').style.left = '156px';
		}
		else
		{	document.getElementById('pnt_h').style.width = '556px';
			document.getElementById('pnt_h').style.height = '276px';
			document.getElementById('pnt_h').style.top = '100px';
			document.getElementById('pnt_h').style.left = '2px';
		}
		document.getElementById('pnt_h').src = "art/" + group + "/main." + num + ".jpg";
	}
	
	
}