/* scripts to manage galleries of pictures */

   
function ChangeDesignPict( pict )
  {
    var obj = document.getElementById("Design-Pict");
	obj.src = pict;
  }

function mouseOverMenu(objname, pict)
  {
    document.getElementById(objname).src = pict;
  }
   
function mouseOutMenu(objname, pict)
  {
    document.getElementById(objname).src = pict;
  }

/*gallery picture scripts */

function mouseClickPict(pict)
  {
    var obj = document.getElementById("LargePictDisplay");
	var divobj = document.getElementById("LargePictDiv");
	var position, positionString;
/*	var msg = document.getElementById("textmsg"); */
	
	obj.src = pict;
	
	position = obj.width;
/*	msg.innerHTML = "width: " + position + " px<br>"; */
	position = position / 2;
	positionString = "-" + position + "px";
	divobj.style.marginLeft = positionString;
	divobj.style.visibility = "visible";
  }
   
function mouseOutPict( )
  {
    var divobj = document.getElementById("pictDiv");
	
/*	divobj.style.visibility = "hidden"; */
  }
function mouseOverPict(pict)
  {
    var obj = document.getElementById("pictDisplay");
	var divobj = document.getElementById("pictDiv");
	
	divobj.style.visibility = "visible";
	obj.src = pict;
	obj.focus()
//	divobj.style.width = "600px";
  }
  
function getPosition(ElementID, OffsetType)
 {
	 <!-- calculate where the Element is located in the window -->
		var el=document.getElementById(ElementID);
		var total=(OffsetType=='left')? el.offsetLeft : el.offsetTop;
		var parent=el.offsetParent;
		
		while (parent!=null)
		  {
			total=(OffsetType=='left')? total+parent.offsetLeft : total+parent.offsetTop;
			parent=parent.offsetParent;
		  }
		return total;
}
function SetUpPictDivs(ElementID1, ElementID2, topOffsetValue, leftOffsetValue)
  {
	  var el1=document.getElementById(ElementID2);
	  var debug=document.getElementById("debugpict");
	  
	  el1.style.visibility='visible'; 
	  el1.style.zIndex = 25;  
	  el1.style.position='absolute';
	  el1.style.top = debug.innerHTML = getPosition(ElementID1, 'top') + topOffsetValue + 'px';
	  debug.innerHTML = debug.innerHTML + "was top; ElementID1 is: " + ElementID1 + " ";
/*	  el1.style.width = widthValue + "px";
	  el1.style.height = heightValue + "px"; */
	  el1.style.left =  getPosition(ElementID1, 'left') + leftOffsetValue + 'px';
/*	  el1.style.border=' 1px solid #c0c0c0';  */
      debug.innerHTML = debug.innerHTML + "<br>top: " + el1.style.top + " Left: " + el1.style.left + " width: " + el1.style.width + "<br>";
	  
  }	
function mouseOverPictmov(pict, pictid)
  {
    var obj = document.getElementById("pictDisplay");
	var divobj = document.getElementById("pictDiv");
	
	SetUpPictDivs(pictid, "pictDiv", -100, -500);
	divobj.style.visibility = "visible";
	obj.src = pict;
	obj.focus()
//	divobj.style.width = "600px";
  }
   
function closeLgPict( )
  {
	var largedivobj = document.getElementById("LargePictDiv");
	
	largedivobj.style.visibility = "hidden"; 
  }
   
function mouseOutPict( )
  {
    var divobj = document.getElementById("pictDiv");
/*	var largedivobj = document.getElementById("LargePictDiv");
	
	largedivobj.style.visibility = "hidden"; */
	divobj.style.visibility = "hidden"; 
  }