//CODE DEVELOPED BY OPENDOC 2005 - WWW.OPENDOC.IT//
/*
Create the object inside the id_container
view_map
toolbar
preview
thumbnail
*/


function create_html_start(id_container){
	var objContainer=get(id_container);
	//create div viewmap
	objContainer.innerHTML=objContainer.innerHTML+'<div id="viewmap" onmousemove="return false;"></div>';
	//create toolbar
	var toolbar_html="";
	toolbar_html+='<table border="0" cellpadding="0" cellspacing="0" class="toolbar" width="'+width_start_viewmap+'">';
	toolbar_html+='<tr>';
	
	
	for (var i = 0; i<ARRAY_toolbar.length;i++){
		var et=ARRAY_toolbar[i];
		if (et[0]=="separator"){
			toolbar_html+='<td class="label">&nbsp;|&nbsp;</td>';
		} else if (et[0]=="text"){
			toolbar_html+='<td class="button">'+et[1]+'</td>';
		}else{
			toolbar_html+='<td class="button">';
			toolbar_html+='<a href="#" class="normal" id="link_img_toolbar'+i+'" onclick="'+et[3]+';click_button('+i+');return false;" title="'+et[2]+'">';
			toolbar_html+='<img id="img_toolbar'+i+'" src="'+et[0]+'.'+et[1]+'" border="0" alt="'+et[2]+'">';
			toolbar_html+='</td>';
		}
	}
	toolbar_html+='<td class="label">&nbsp;|&nbsp;</td>';
	toolbar_html+='<td class="label" width="100%">&nbsp;</td>';
	
	toolbar_html+='<td><div  id="toolbar_preview"><h1>';
	toolbar_html+='<a id="linkIconPreview" href="#"  ><img border="0" id="iconPreview" alt="Move arround" src="'+path_libraries+'images/button_up.gif" onmousedown="return false" onmousedown="return false" onclick="return false;">';
	toolbar_html+='<span class="noview">zoom view</span></a></h1></div></td>';
	
	toolbar_html+='</tr>';
	toolbar_html+='</table>';
	objContainer.innerHTML=objContainer.innerHTML+toolbar_html;
	//create obj preview
	var preview_html="";
	preview_html='<div id="preview" style="position:absolute; z-index:18;"><div id="inside_preview" style="position:relative;"><div  id="preview_rect" style="position:absolute; top:0px; left:0px;z-index:19;"><img id="img_ante_vuota" src="'+path_libraries+'images/strut.gif" width="1" height="1"/></div><img id="preview_img" src=""/></div></div>';
	objContainer.innerHTML=objContainer.innerHTML+preview_html;
	//create obj thumbnails
	var thumbnails_html="";
	thumbnails_html='<div id="thumbnails" align="center" ></div>';
	objContainer.innerHTML=objContainer.innerHTML+thumbnails_html;
}

function click_button(n_image){
	var obj_img=get('img_toolbar'+n_image);
	var obj_link=get('link_img_toolbar'+n_image);
	if (obj_img!=undefined){
		if (ARRAY_toolbar[n_image][4]){  //button remain pressed
			if (obj_img.src.indexOf(ARRAY_toolbar[n_image][0]+'_click.'+ARRAY_toolbar[n_image][1])!=-1){
				obj_img.src=ARRAY_toolbar[n_image][0]+'.'+ARRAY_toolbar[n_image][1];
				obj_link.className="normal";
			}else{
				obj_link.className="click";
				obj_img.src=ARRAY_toolbar[n_image][0]+'_click.'+ARRAY_toolbar[n_image][1];
			}
		}
		else{
			obj_link.className="click";
			obj_img.src=ARRAY_toolbar[n_image][0]+'_click.'+ARRAY_toolbar[n_image][1];
			setTimeout('change_click_button('+n_image+')',150);
		}
	}
}

function change_click_button(n_image){
	var obj_img=get('img_toolbar'+n_image);
	var obj_link=get('link_img_toolbar'+n_image);
	if (obj_img!=undefined){
		
		obj_img.src=ARRAY_toolbar[n_image][0]+'.'+ARRAY_toolbar[n_image][1];
		obj_link.className="normal";
	}
	
}