// global the currently selected location
selectedlocationimageblock = 0;

var previousOpenFolder = "";
var previousOpenFolderName = "";

function changeFolderBackground(folderDiv, newFolderName){




	if (previousOpenFolder != folderDiv){
		
		if (previousOpenFolder != ""){
			
			changeBackgroundCommand = '';
			
			document.getElementById("folder"+previousOpenFolder).style.background= "#2b3e4d";
			document.getElementById("folder"+previousOpenFolder).innerHTML = '<a target="locationFrame" href="lightbox_edit_iframe_locations.php?folderid='+previousOpenFolder+'"  onfocus="this.blur()"  onclick="parent.document.getElementById(\'xml_thumbnails\').innerHTML = \'\';changeFolderBackground('+previousOpenFolder+',\''+previousOpenFolderName+'\');">'+
						'<img  src="../images/lightbox/folder.png" border="0" align="absmiddle" alt="" width="20" height="15" />'+						
						previousOpenFolderName+'</a>';
		}
	
		previousOpenFolder = folderDiv;
		previousOpenFolderName = newFolderName; 	
	}

	document.getElementById("folder"+folderDiv).style.background= "#3b3b3b";
	
	
	changeBackgroundCommand = 'changeFolderBackground('+folderDiv+',\''+newFolderName+'\''; 
	
	document.getElementById("folder"+folderDiv).innerHTML = '<a target="locationFrame" href="lightbox_edit_iframe_locations.php?folderid='+folderDiv+'" onfocus="this.blur()" onclick="parent.document.getElementById(\'xml_thumbnails\').innerHTML = \'\';changeFolderBackground('+folderDiv+',\''+newFolderName+'\');"> '+
														'<img  src="../images/lightbox/folder-open.png" border="0" align="absmiddle" alt="" width="20" height="15" />'+
														newFolderName+'</a>';


	

}



/**    
 * Declare the images.
 */ 
  
var head="display:''";
closedFolder = new Image();
closedFolder.src = "../images/lightbox/folder.png";
openFolder = new Image();
openFolder.src = "../images/lightbox/folder-open.png";
   
/**
 * Toggles the tree branch open/closed depending on it's current state.
 * The actual toggle is accomplished by setting the list's style
 * to 'display: none' to hide it or 'display:' to show it.
 */



function toggleTree(header, list){

	if (list != null){

		thisID = document.getElementById(list);
		if (thisID.style.display == "none") {	  
			closeAllTrees();
			header.src = openFolder.src;
			thisID.style.display = "";
		} else {
			header.src = closedFolder.src;	     
			thisID.style.display = "none";
		}

	}

}

function closeAllTrees(){

	for (i = 0; i < foldercount; i++){
		closeTree('folder' + i + 'image', 'folder' + i);
	}

}

function closeTree(header, list){

	headerobject = document.getElementsByName(header)[0];
	
	if (headerobject)
		headerobject.src = closedFolder.src;

	listobject = document.getElementById(list);
	
	if (listobject)	
		listobject.style.display = 'none';

}



function SelectLocationImageblock(location){


	if (!selectedlocationimageblock && parent.selectedlocationimageblock)
			selectedlocationimageblock = parent.selectedlocationimageblock;
	
	if (selectedlocationimageblock && parent.selectedlocationimageblock){
		document.getElementById(parent.selectedlocationimageblock).style.border='0px solid #888';
	
	}
			
				
	if(selectedlocationimageblock) {
		document.getElementById(selectedlocationimageblock).style.border='0px solid #888';
	}
	selectedlocationimageblock = location;
	document.getElementById(selectedlocationimageblock).style.border='1px solid #000000';

}

function ChangeHighlightedImageFromParent(location){
	
	var iframe = document.getElementById('locationFrame'); 
	var iframedoc = iframe.contentDocument; 
		
	if (!selectedlocationimageblock && frames['locationFrame'].selectedlocationimageblock)
			selectedlocationimageblock = frames['locationFrame'].selectedlocationimageblock;

	else if (selectedlocationimageblock && frames['locationFrame'].selectedlocationimageblock){
	
		iframedoc.getElementById(selectedlocationimageblock).style.border='0px solid #888';	
		selectedlocationimageblock = frames['locationFrame'].selectedlocationimageblock;
	}
			
		
	if(selectedlocationimageblock) {
	
		iframedoc.getElementById(selectedlocationimageblock).style.border='0px solid #888';	
	}
	
	selectedlocationimageblock = location;
	iframedoc.getElementById(selectedlocationimageblock).style.border='1px solid #000000';
	

}