function UpdateText(status_id, text_id)
{   
    document.getElementById(status_id).value = "dirty";
	DisplaySaveBox(event);	
    document.getElementById(text_id).innerHTML= document.getElementById('nav_text').value;

document.getElementById(text_id).name = "status";
alert(document.getElementById(text_id).name);
}

function UpdateLink(status_id, link_id)
{   
    document.getElementById(status_id).value = 'dirty';
	DisplaySaveBox(event);
	var selLink = document.getElementById('nav_link');
    document.getElementById(link_id).href = selLink.options[selLink.selectedIndex].value;
}

function UpdateImage(status_id, image_id)
{   
    document.getElementById(status_id).value = 'dirty';
	DisplaySaveBox(event);
	var selImage =  document.getElementById('nav_image');
	var image_path = document.getElementById("image_link").href + selImage.options[selImage.selectedIndex].text;
    document.getElementById(image_id).src = image_path;
}

function ShowEditBox(parent_type, parent_prefix, parent_index, event)
{
	var divLeft, index;
	var my_width = 350; 
	var my_height = 110;
	var winCenter = GetWindowWidth()/2;	
	
	var parent_id = parent_prefix + "_box" + parent_index;
	var status_id = parent_prefix + "_status#" + parent_index;
    var parent_div =  document.getElementById(parent_id);
	if(parent_div == null) 
	    return;
		
    var image_id = parent_prefix + "_image" + parent_index;
    var link_id = parent_prefix + "_link" + parent_index;
		
	var divTop = parseInt(parent_div.style.top);   
	if (parent_div.offsetLeft < winCenter)
	   divLeft = parseInt(parent_div.offsetLeft) + parseInt(parent_div.offsetWidth) + 5;   
	else
	   divLeft = parseInt(parent_div.offsetLeft) - my_width -  5;  
	var strHTML = "";
	if (parent_type & 1)
	{
	    var text_id = parent_prefix + "_text" + parent_index;
		strHTML += "<span class='clsEditBoxLabel'>Caption: </span><input class='clsEditBoxInput' id='nav_text' type='text' ";
		strHTML += " value=" + document.getElementById(text_id).innerHTML  + ">";
		strHTML += "<button class='clsEditBoxButton' onclick='UpdateText(\"" + status_id + "\", \"" + text_id + "\")' >Apply</button><br>";
	}
	
	if (parent_type & 8)
	{
		var divLink = document.getElementById(link_id).href;
		var link_name = divLink.replace(document.getElementById("root_link").href, "");
		link_name = link_name.toUpperCase();
	
		strHTML += "<span class='clsEditBoxLabel'>Link: </span><select  class='clsEditBoxInput' id='nav_link'>";
		for (index = 1;  index < site_link_names.length; index++)
		{
		 	strHTML += "<option value='" + site_link_urls[index] + "'";
			var strCompare = site_link_urls[index].toUpperCase();
			if (link_name == strCompare) 
			   strHTML += " selected";
			strHTML += ">" + site_link_names[index] + "</options>";
		}
		strHTML += "</select><button class='clsEditBoxButton' onclick='UpdateLink(\"" + status_id + "\", \"" + link_id + "\")'>Apply</button><br>";
	}
	
	if (parent_type & 4)
	{
	    var image_name =  document.getElementById(image_id).src.replace(document.getElementById("image_link").href,"");
		strHTML += "<span class='clsEditBoxLabel'>Image: </span><select  class='clsEditBoxInput' id='nav_image'>";
		for (index = 1;  index < image_files.length; index++)
		{
		 	strHTML += "<option ";
			if (image_name == image_files[index])
			   strHTML += "selected ";
			strHTML += ">" + image_files[index] + "</options>";
		}
		strHTML += "</select><button class='clsEditBoxButton' onclick='UpdateImage(\"" + status_id + "\", \"" + image_id + "\")'>Apply</button><br>";
	}
	strHTML += "<button style='position:absolute;left:65px;'onclick='HideEditBox(event)'>Close</button>";
	objEditBox.Display(event, divTop, divLeft, my_width, my_height, strHTML);
}
	
function HideEditBox(event)
{
   var number_dirty = 0;
   var obj_input_status = document.getElementsByName("status");

	for (var i=0; i < obj_input_status.length;i++)
	{
	 	if (obj_input_status[i].value == 'dirty')
		    number_dirty++;
	}
	if (number_dirty > 0)
		DisplaySaveBox(event);
	
	if(objEditBox)
 	  objEditBox.Hide(event);
}

function DisplaySaveBox(event)
{
	var strHTML = "There are Changes to Save &nbsp;&nbsp;<button onClick='SaveChanges()'>SAVE</button>";
    objSaveBox.Display(event, 5, 600, 250, 45, strHTML);
}

function SaveChanges()
{
   var obj_input_status = document.getElementsByName("status");
   var strArgumnets = "";
   
	for (var i=0; i < obj_input_status.length;i++)
	{
//alert("Name: " + obj_input_status[i].name + "  Value: " + obj_input_status[i].value);
	 	if (obj_input_status[i].value == 'dirty')
		{
		   strArgumnets+= obj_input_status[i].id + "=\n"
		}
	}
	alert(strArgumnets)
    if(objSaveBox)
 	  objSaveBox.Hide(event);	  
}

function GetWindowWidth()
{
	var x = 0;
	if (self.innerHeight)
        x = self.innerWidth;
	else if (document.documentElement && document.documentElement.clientHeight)
        x = document.documentElement.clientWidth;
	else if (document.body)
	    x = document.body.clientWidth;
	return(x);
}