// JavaScript Document
//when click one item of the menu, it change to another color while other items turn back
//if want more fomat, need css

//avriable need to set
var OriColor = '#7a7a7a';
var ChaColor = '#fff';
var ItemAcc =6;

//avariable cannot be changed

function MenuBack()
{
	for(i=1;i<=ItemAcc;i++)
	{
	var menu = 'floor'+i;
	
	if(element(menu))
	element(menu).style.color=OriColor;
	}
	//alert(content);
}


//226/181 = 1.2486
function MenuClick(menu)
{
//alert('aa');
	MenuBack();
	if(element(menu))
		element(menu).style.color=ChaColor;

	switch (menu) {
		case 'floor1':
		offprojector('3');
		offprojector('4');
		webcam = 'Camera03';
		spot[0] = '15px' ;
		spot[1] =  '399px' ;
		spot[2] =  '126px' ;
		spot[3] =  '426px';
		spot1 = 7;
		spot2 = 1;
		element("myFlashmap").GotoFrame(0);
		break;
		
		case 'floor2':
		offprojector('3');
		offprojector('4');
		webcam = 'Camera05';
		spot[0] = '6px' ;
		spot[1] =  '173px' ;
		spot[2] =  '156px' ;
		spot[3] =  '411px';
		spot1 = 9;
		spot2 = 8;
		element("myFlashmap").GotoFrame(1);
		break;
		
		case 'floor3':
		TNTDoCommand('ObjectTree(building_back).SetVisible(true)');
		TNTDoCommand('ObjectTree(F3_inner_LOD).SetVisible(true)');
		setprojector('3');
		offprojector('4');
		TNTDoCommand('ObjectTree(Desk_F3).SetVisible(true)');
		if(layout3 == 0)
		{
		TNTDoCommand('ObjectTree(Chair_F3).SetVisible(true)');
		}
		webcam = 'Camera02';
		spot[0] = '59px' ;
		spot[1] =  '178px' ;
		spot[2] =  '59px' ;
		spot[3] =  '178px';
		spot1 = 5;
		spot2 = 5;
		element("myFlashmap").GotoFrame(2);
		break;
		
		case 'floor4':
		TNTDoCommand('ObjectTree(building_back).SetVisible(true)');
		TNTDoCommand('ObjectTree(F4_inner_LOD).SetVisible(true)');
		offprojector('3');
		setprojector('4');
		TNTDoCommand('ObjectTree(Desk_F4).SetVisible(true)');
		if(layout4 == 0)
		{
		TNTDoCommand('ObjectTree(Chair_F4).SetVisible(true)');
		}
		webcam = 'Camera04';
		spot[0] = '30px' ;
		spot[1] =  '176px' ;
		spot[2] =  '30px' ;
		spot[3] =  '176px';
		spot1 = 6;
		spot2 = 6;
		element("myFlashmap").GotoFrame(3);
		break;
		
		default:
		break;
	}
	redspot();
}

var spot = new Array('15px','399px','126px','429px');
var spot1=7;
var spot2=1;
function redspot()
{
	//element('spot1').style.position='relative';
	//element('spot2').style.position='relative';


	element('spot1').style.left=spot[0];
	element('spot1').style.top=spot[1];
	element('spot2').style.left=spot[2];
	element('spot2').style.top=spot[3];
	//alert(element('spot2').style.top);
}

function webcamsel()
{
	var divobj ='';
	
	divobj += '<ul id="click_webcam">';
	divobj += '<li><a href="javascript:changeCamera(\'Camera03\')">webcam in ground floor</a></li>';
	divobj += '<li><a href="javascript:changeCamera(\'Camera05\')">webcam in first floor</a></li>';
	divobj += '<li><a href="javascript:changeCamera(\'Camera02\')">webcam in third floor</a></li>';
	divobj += '<li><a href="javascript:changeCamera(\'Camera04\')">webcam in fourth floor</a></li>';
	divobj += '</ul>';
	
	element('webcam_menu').innerHTML = divobj;
	
	divobj = '<a href="javascript:outside();"> click to outside</a>';
	
	element('outsidebotton').innerHTML = divobj;

	
}

function webcamoff()
{
	element('webcam_menu').innerHTML = '<ul id="click_webcam"></ul>';
	element('outsidebotton').innerHTML = '<a href="javascript:walk();">skip intro <br /></a>';


}