//Copyright TurnTool ApS - 1998 - 2008 - All Right Reserved.
//You are NOT allowed to use this HTML document for derivative work including parts here of without the written permission from TurnTool.
//This HTML document may not be redistributed in any form.

var tntWidth = 600;
var tntHeight = 400;

function foldit(force){

	var e1 = element('controlHolder');
	var e2 = element('turntoolHolder');
	var e3 = element('TNTCtrl');
	var e4 = element('TurnTool'); 
	var e5 = element('fold');

	if (!e5)
	{
		return;
	}
	var toggle = (e1.style.display == "none");
	e1.style.zIndex = 1000;
	if (force!=undefined)
	{
		toggle = 1;
	}
	element('turntoolHolder').style.display = "block";

	var w = 600;
	if (toggle == 0)
	{
		if (e2.style.width = "0px") 
		{
			helpSetActive( lastActive );
		}
		e1.style.visibility = "hidden";
		e1.style.display = "none";
		e1.style.width = "200px";
		e2.style.width = "800px";
		e2.style.clip = "rect(0px,800px,400px,0px)";
		e3.style.width = "800px";
		e4.style.width = "800px";
		
		changeImg("fold","_fold","_unfold");
	}
	else
	{
		e1.style.visibility = "visible";
		e1.style.display = "block";
		e1.style.width = "200px";
		e2.style.width = "600px";
		e2.style.clip = "rect(0px,600px,400px,0px)";
		e3.style.width = "600px";		
		e3.style.clip = "rect(0px,600px,400px,0px)";
		e4.style.width = "600px";
		changeImg("fold","_unfold","_fold");
	}
}

var lanIndex = 0;
var curLang = '';
var imgPath = 'files/new_planedit/';

function makeToolbar()
{	
	var hh = '';
	if (agent == '3dshowrooms_uk')
	{
		hh += '<img id="help_loading" src="files/coco/rightpanel.jpg" alt="" />';
		element('planedit').innerHTML = '<h3><font face="Verdana, Arial" size=3 color="#FFFFFF">3D Showrooms.com</font></h3>';
	}
	else
	{
		hh += '<div id="help_loading" class="helptext">';
		hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_waitload')+'</h1></div>';
		hh += '<div>'+lanObj.GetString('b1_waitload')+'</div></div>';
	}

	hh += '<div id="help_default" class="helptext hidden">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_welcome')+'</h1></div>';
	hh += '<div>'+lanObj.GetString('b1_welcome')+'</div></div>';

	var tabs = '';
	// ================ MENU =========================
	if(mode>1)	// Only medium and up!
	{	
		tabs += makeButtonX('tool','menu_nav_walk','h1_walk',imgPath+'tool_walk.png');
		tabs += makeButtonX('tool','menu_nav_tour','h1_camtour',imgPath+'tool_play.png','cambutton');
	}
	// Every product has overview!
	tabs += makeButtonX('tool','menu_nav_overview','h1_overview',imgPath+'tool_overview.png');

	tabs += makeSeperatorX();

	if(mode>1)
	{
		tabs += makeButtonX('tool','menu_nav_thumb','h1_snapshot',imgPath+'tool_photo.png');
		tabs += makeSeperatorX();
	}

	if(mode>3)
	{
		tabs += makeButtonX('tool','furniture_hide','tip_hide',imgPath+'tool_furniture_shown.png','furniture_img','furnituretoggle();');
		tabs += makeSeperatorX();
	}

	// Floor selector
	if (buildingLevelStart<buildingLevelEnd) {

		html  = '<div class="tool_option" title="'+lanObj.GetString('w_floorselector')+'">';
		html += '<select id="floorselectorlist" class="dropbox" onchange="newFloorSelected(this);">';
		for(var m = buildingLevelStart; m < buildingLevelEnd && buildingLevelStart<=buildingLevelEnd; m++)
		{
			html += '<option value="'+m+'"';
			if(m==level)
				html += ' selected="selected"';
			var floorname = m;
			if(floorname < Number(lanObj.GetString('num_floorautocount'))+1)
				floorname = lanObj.GetString('w_'+floorname+'floor');
			else
				floorname = (Number(lanObj.GetString('num_floorautocount'))+floorname-4)+lanObj.GetString('w_floor');
			html += '>'+floorname+'</option>';
		
		}
		html += '</select></div>';

		tabs += html;
		tabs += '<div id="seperator"></div>';
	}

	// right stuff
	tabs += makeButtonX('tool_right','arrow_right','tip_panel',imgPath+'tool_fold.png','fold','foldit();');
	tabs += makeSeperatorX(1);
	tabs += makeButtonX('tool_right','menu_lay_help','h1_help',imgPath+'tool_help.png');
	tabs += makeSeperatorX(1);
	tabs += makeButtonX('tool_right','menu_lay_deco','h1_decorate',imgPath+'tool_decorate.png');
	tabs += makeSeperatorX(1);

	// ================ HELP =========================
	hh += '<div id="help_nav_walk" class="helptext hidden">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_walk')+'</h1><h2>'+lanObj.GetString('h2_walk')+'</h2></div>';
	hh += '<div>'+lanObj.GetString('b1_movehelp')+'</div></div>';	

	hh += '<div id="help_nav_tour" class="helptext hidden">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_camtour')+'</h1><h2>'+lanObj.GetString('h2_camtour')+'</h2></div>';
	hh += '<div>'+lanObj.GetString('b1_camtour')+'</div></div>';	

	hh += '<div id="help_nav_overview" class="helptext hidden">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_overview')+'</h1><h2>'+lanObj.GetString('h2_overview')+'</h2></div>';
	hh += '<div>'+lanObj.GetString('b1_overview')+'</div></div>';
	
	hh += '<div id="help_nav_thumb" class="helptext hidden">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_snapshot')+'</h1></div>';
	hh += '<div>'+lanObj.GetString('b1_snapshot')+'</div></div>';
	
	// Random tip of the day
	hh += '<div id="help_tip_01" class="helptext hidden">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_dailytip')+'</h1></div>';
	hh += lanObj.GetString('b1_dailytip0'+(Math.floor(Number(lanObj.GetString('num_dailytips')) * (Math.random() % 1))+1).toString())+'</div></div>';

	// ***************
	// HELP DECORATE
	// ***************
	hh += '<div id="help_lay_deco" class="helptext hidden">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_decorate')+'</h1></div>';
	hh += '<div>'+lanObj.GetString('b1_decorate')+'<br><br></div>';

	if(mode>3)
	{
		// wall color
		hh += '<div id="menu_lay_wallcolor" class="item" title="'+lanObj.GetString('h1_wallcolor')+'">';
		hh += '<div class="thumb"><img src="'+imgPath+'tool_walls.png" /></div>';
		hh += '<div class="label">'+lanObj.GetString('h1_wallcolor')+'</div>';
		hh += '</div>';

		// floor color
		hh += '<div id="menu_lay_floorcolor" class="item" title="'+lanObj.GetString('h1_floorcolor')+'">';
		hh += '<div class="thumb"><img src="'+imgPath+'tool_floors.png" /></div>';
		hh += '<div class="label">'+lanObj.GetString('h1_floorcolor')+'</div>';
		hh += '</div>';

		if (mode>7)
		{
			// move furniture
			hh += '<div id="menu_lay_interiorpos" class="item" title="'+lanObj.GetString('h1_move')+'">';
			hh += '<div class="thumb"><img src="'+imgPath+'tool_move_furniture.png" /></div>';
			hh += '<div class="label">'+lanObj.GetString('h1_move')+'</div>';	
			hh += '</div>';


			// measurement
			hh += '<div id="menu_lay_measurement" class="item" title="'+lanObj.GetString('h1_measure')+'">';
			hh += '<div class="thumb"><img src="'+imgPath+'tool_measure.png" /></div>';
			hh += '<div class="label">'+lanObj.GetString('h1_measure')+'</div>';
			hh += '</div>';
		}
	}

	hh += '</div>';	

	// ***************
	// HELP WALL COLOR
	// ***************
	hh += '<div id="help_lay_wallcolor" class="helptext hidden">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_wallcolor')+'</h1></div>';

	hh += '<div>'+lanObj.GetString('b1_wallcolortheme')+'</div>';
	hh += '<div id="palettedrop" title="'+lanObj.GetString('mo_wallcolorpalet')+'">';
	hh += '<br><select name="PaletteDropDown" id="PaletteDropDown" size="1" onchange="doPaletteChanged()">';
	for(var m = 0; m < wallcolors[1].length ;m++)
	{
		hh += '<option value="'+m+'"' ;
		if(m == 0)
			hh += ' selected="selected" ';
		hh += '>'+wallcolors[1][m]+'</option>';
	}
	hh += '</select><br><br></div><div id="walltable" class="paletHolder"></div>';

	hh += '<div id="menu_lay_deco" class="item" title="'+lanObj.GetString('h1_decorate')+'">';
	hh += '<div class="thumb"><img src="'+imgPath+'tool_back.png" id="image_misc_back"/></div>';
	hh += '<div class="label" id="label_misc_back">'+lanObj.GetString('h1_decorate')+'</div></div>';

	hh += '</div></div>';
	
	// ***************
	// HELP FLOORs
	// ***************
	hh += '<div id="help_lay_floorcolor" class="helptext hidden">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_floorcolor')+'</h1></div>';

	hh += '<div>'+lanObj.GetString('b1_floorcolortheme')+'<br/><br/></div>';
	hh += '<div id="floortable">';

	for( i=0; i<floorArray[0].length; i++ )	// insert wood and carpet floors
	{
		var _sponsor = 0;	// floor sponsor index
		var _type1 = "wood";
		for(var l = 0; l < floorArray[_sponsor][i][3].length; l++)
		{
			if(floorArray[_sponsor][i][3][l] == 0 || floorArray[_sponsor][i][3][l] == 2) {

			hh += '<div id="floor_'+i+'" class="item" title="'+lanObj.GetString('mo_floorcolor')+'" onClick="carpetClicked('+_sponsor+',' + i + ',\''+_type1+'\')" onMouseOver="menuEnter(\'floor_'+i+'\');" onMouseOut="menuLeave(\'floor_'+i+'\');">';
			hh += '<div class="thumb" style="background-image: url('+planedit_sponsor_path+'/1/floorthumbs/' + floorArray[_sponsor][i][1] + '.jpg);"></div>';
			hh += '<div class="label">'+ floorArray[_sponsor][i][0] +'</div>';
			hh += '</div>';

			}
		}
	}
	hh += '</div>';
	hh += '<br />'+lanObj.GetString('b1_floortiles')+'<br/><br/>';
	hh += '<div id="tiletable">';
	for( i=0; i<floorArray[0].length; i++ )
	{
		var _sponsor = 0;	// floor sponsor index
		var _type1 = "tile";
		for(var l = 0; l < floorArray[_sponsor][i][3].length; l++)
		{
			if(floorArray[_sponsor][i][3][l] == 1){
				hh += '<div id="floor_'+i+'" class="item" title="'+lanObj.GetString('mo_floorcolor')+'" onClick="carpetClicked('+_sponsor+',' + i + ',\''+_type1+'\')" onMouseOver="menuEnter(\'floor_'+i+'\');" onMouseOut="menuLeave(\'floor_'+i+'\');">';
				hh += '<div class="thumb" style="background-image: url('+planedit_sponsor_path+'/1/floorthumbs/' + floorArray[_sponsor][i][1] + '.jpg);"></div>';
				hh += '<div class="label">'+ floorArray[_sponsor][i][0] +'</div>';
				hh += '</div>';

			}
		}
	}

	hh += '<div id="menu_lay_deco" class="item" title="'+lanObj.GetString('h1_decorate')+'">';
	hh += '<div class="thumb"><img src="'+imgPath+'tool_back.png" id="image_misc_back"/></div>';
	hh += '<div class="label" id="label_misc_back">'+lanObj.GetString('h1_decorate')+'</div></div>';

	hh += '</div></div>';				
	
	// ***************
	// HELP MOVE FURNITURE
	// ***************					
	hh += '<div id="help_lay_interiorpos" class="helptext hidden">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_move')+'</h1></div>';

	hh += '<div>'+lanObj.GetString('b1_movefurniture')+'</div>';

	hh += '<div id="menu_lay_deco" class="item" title="'+lanObj.GetString('h1_decorate')+'">';
	hh += '<div class="thumb"><img src="'+imgPath+'tool_back.png" id="image_misc_back"/></div>';
	hh += '<div class="label" id="label_misc_back">'+lanObj.GetString('h1_decorate')+'</div></div>';

	hh += '</div>';

	// ***************
	// HELP MEASURE
	// ***************				
	hh += '<div id="help_lay_measurement" class="helptext hidden">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_measure')+'</h1></div>';

	hh += '<div>'+lanObj.GetString('b1_meassuretext')+'</div>';
	hh += '<div id="link_misc_measure" class="item" title="'+lanObj.GetString('h1_measure')+'">';
	hh += '<div class="thumb"><img src="'+imgPath+'tool_measure.png" id="image_misc_measure"/></div>';
	hh += '<div class="label" id="label_misc_measure">'+lanObj.GetString('h1_measure')+'</div></div>';

	hh += '<div id="menu_lay_deco" class="item" title="'+lanObj.GetString('h1_decorate')+'">';
	hh += '<div class="thumb"><img src="'+imgPath+'tool_back.png" id="image_misc_back"/></div>';
	hh += '<div class="label" id="label_misc_back">'+lanObj.GetString('h1_decorate')+'</div></div>';

	hh += '</div>';

	// ***************
	// HELP HELP!
	// ***************
	hh += '<div id="help_lay_help" class="helptext hidden" style="overflow:hidden; height: '+(tntHeight-10)+'px">';
	hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_help')+'</h1></div>';
	hh += '<div style="overflow:hidden; cursor: pointer; height: '+tntHeight+'px" onClick="showHelp(1);"><img src="'+imgPath+'help_help.png" />';

	hh += '<div style="position: relative; left: 24px; top: -320px; width: 500px;">'+lanObj.GetString('qhelp_camtour')+'</div>';
	hh += '<div style="position: relative; left: 72px; top: -310px; width: 500px;">'+lanObj.GetString('qhelp_walk')+'</div>';
	hh += '<div style="position: relative; left: 120px; top: -300px; width: 500px;">'+lanObj.GetString('qhelp_overview')+'</div>';
	hh += '<div style="position: relative; left: 168px; top: -290px; width: 500px;">'+lanObj.GetString('qhelp_snapshot')+'</div>';
	hh += '<div style="position: relative; left: 216px; top: -280px; width: 500px;">'+lanObj.GetString('qhelp_furniture')+'</div>';
	hh += '<div style="position: relative; left: 288px; top: -270px; width: 500px;">'+lanObj.GetString('qhelp_floor')+'</div>';

	hh += '<div style="position: relative; left: 360px; top: -250px; width: 500px;">'+lanObj.GetString('qhelp_fold')+'</div>';
	hh += '<div style="position: relative; left: 360px; top: -240px; width: 500px;">'+lanObj.GetString('qhelp_help')+'</div>';
	hh += '<div style="position: relative; left: 360px; top: -230px; width: 270px;">'+lanObj.GetString('qhelp_decorate')+'</div>';

	hh += '</div></div>';


	if(TNTsupportedPlatform()==false)
	{

		// Every product has overview!
		tabs  = makeButtonX('tool','menu_nav_vinkel1','h1_angle1',imgPath+'tool_photo.png');
		tabs += makeSeperatorX();
		tabs += makeButtonX('tool','menu_nav_vinkel2','h1_angle2',imgPath+'tool_photo.png');
		tabs += makeSeperatorX();

		hh += '<div id="help_nav_vinkel1" class="helptext hidden">';
		hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_navigation')+'</h1></div>';
		hh += '<div>'+lanObj.GetString('b1_rotateinjava')+'</div></div>';

		hh += '<div id="help_nav_vinkel2" class="helptext hidden">';
		hh += '<div class="helptitle"><h1>'+lanObj.GetString('h1_navigation')+'</h1></div>';
		hh += '<div>'+lanObj.GetString('b1_rotateinjava')+'</div></div>';
		
		window.setTimeout("javaReady();",15000);
	}	
	tabs +=	'</div>';
	element('toolbar').innerHTML = tabs;
	element('ctrlContent').innerHTML = hh;
}


