var imgDivWidth = 0;
var imgDivHeight = 0;
var imgDivBG = "#000000";
var borderColor = "#FFCC00";
var xScroll = screen.width;
var yScroll = screen.height;
var yScrolltop;
var xScrollleft;
var pageWidth;
var pageHeight;


function linkToLACSD(url) {
	window.open("http://www.lacsd.org/" + url);
}

function showDefinition(word, definition, boxWidth, boxHeight) {
	hideComboBox();
	hideMenu();
	getOverlaySize();
	getPageScrollTop();
	getPageSize();
	if (boxWidth == undefined) {
		boxWidth = 480;
	};
	if (boxHeight == undefined) {
		boxHeight = 220;
	};
	
       
	   	document.getElementById('overlayDiv').style.display = '';
		document.getElementById('overlayDiv').style.width = xScroll;
		document.getElementById('overlayDiv').style.height = yScroll;
		document.getElementById('enlargeImgObj').src = "/images/spacer.gif";
		document.getElementById('imgCaptionCell').innerHTML = '<span style="font-family:  Tahoma, Arial;font-size: 10pt;font-weight: bold;color:white">' + word + ':</span><BR><BR><span style="font-family:  Tahoma, Arial;font-size: 10pt;font-weight: normal;color:white">'+definition+'</span>';
		document.getElementById('enlargeImageDiv').style.width = boxWidth; 
		document.getElementById('enlargeImageDiv').style.height = boxHeight;
		document.getElementById('enlargeImageDiv').style.top = yScrolltop + (pageHeight -  boxHeight)/2;
		document.getElementById('enlargeImageDiv').style.left = xScrollleft + (pageWidth - boxWidth )/2;
		document.getElementById('enlargeImageDiv').style.display = '';

}

function getEnlargeImage(imageURL, caption) {
	hideComboBox();
	hideMenu();
	getOverlaySize();
	getPageScrollTop();
	getPageSize();
	showloadingAnimation() ;
	loadingImage(imageURL) ;
	if (imgDivWidth == 0 || imgDivHeight == 0 ) {
		setTimeout("getEnlargeImage('" + imageURL + "','" + caption + "')", 100);
	}
	else {
        
	   	document.getElementById('overlayDiv').style.display = '';
		document.getElementById('overlayDiv').style.width = xScroll;
		document.getElementById('overlayDiv').style.height = yScroll;
		document.getElementById('enlargeImgObj').src = imageURL;
		document.getElementById('imgCaptionCell').innerHTML = '<span style="font-family:  Tahoma, Arial;font-size: 8pt;font-weight: bold;color:white" ><b>' + caption + '</b></span>';
		document.getElementById('enlargeImageDiv').style.width = imgDivWidth; 
		document.getElementById('enlargeImageDiv').style.height = imgDivHeight;
		document.getElementById('enlargeImageDiv').style.top = yScrolltop + (pageHeight -  imgDivHeight)/2;
		document.getElementById('enlargeImageDiv').style.left = xScrollleft + (pageWidth - imgDivWidth )/2;
		document.getElementById('enlargeImageDiv').style.display = '';
	}
}

function showloadingAnimation() {
	document.getElementById('enlargeImageDiv').style.top = yScrolltop + (pageHeight -  120)/2;
	document.getElementById('enlargeImageDiv').style.left = xScrollleft + (pageWidth - 120)/2;
	document.getElementById('enlargeImageDiv').style.display = '';
}

function loadingImage(imageURL) {
   
   enlargeImage = new Image(); 
   enlargeImage.src = imageURL;
   if (enlargeImage.complete == true) {
   	imgDivWidth = enlargeImage.width + 30;
   	imgDivHeight = enlargeImage.height + 60;
          
   } else {
	setTimeout("loadingImage('" + imageURL + "')", 100);
   }

}

function restoreImage() {
        
	showComboBox();
        showMenu();
        // Turn off canvas
	document.getElementById('overlayDiv').style.display = 'none';
	document.getElementById('enlargeImageDiv').style.display = 'none';
	// Reset caption and photo
	document.getElementById('imgCaptionCell').innerHTML = '';
	document.getElementById('enlargeImgObj').src = '/loadingAnimation.gif';

	imgDivWidth = 0;
	imgDivHeight = 0;
        document.getElementById('enlargeImageDiv').style.width = imgDivWidth
	document.getElementById('enlargeImageDiv').style.height = imgDivHeight;
        document.getElementById('enlargeImageDiv').style.top = pageHeight/2;
	document.getElementById('enlargeImageDiv').style.left = pageWidth/2;
}


function hideComboBox(){
  
  var comboBoxes = document.getElementsByTagName("select");

  for (var i=0; i<comboBoxes.length; i++)
    comboBoxes[i].style.display = "none";
}

function showComboBox(){
  
  var comboBoxes = document.getElementsByTagName("select");

  for (var i=0; i < comboBoxes.length; i++)
    comboBoxes[i].style.display = "";
}

function hideMenu(){
 
  if(document.getElementById){
	var divs = document.getElementsByTagName("div");
	  if (divs['HM_Menu1'] != undefined)
	  {
		divs['HM_Menu1'].style.visibility = "hidden";
	  }
	  if (divs['HM_Menu2'] != undefined)
	  {
		divs['HM_Menu2'].style.visibility = "hidden";
	  }
	  if (divs['HM_Menu3'] != undefined)
	  {
		divs['HM_Menu3'].style.visibility = "hidden";
	  }
	  if (divs['HM_Menu4'] != undefined)
	  {
		divs['HM_Menu4'].style.visibility = "hidden";
	  }
	  if (divs['HM_Menu5'] != undefined)
	  {
		divs['HM_Menu5'].style.visibility = "hidden";
	  }
	  if (divs['HM_Menu6'] != undefined)
	  {
		divs['HM_Menu6'].style.visibility = "hidden";
	  }
	  if (divs['HM_Menu7'] != undefined)
	  {
		divs['HM_Menu7'].style.visibility = "hidden";
	  }
	  if (divs['HM_Menu8'] != undefined)
	  {
		divs['HM_Menu8'].style.visibility = "hidden";
	  }
  }

}

function showMenu(){

  if(document.getElementById){
	var divs = document.getElementsByTagName("div");
	  if (divs['HM_Menu1'] != undefined)
	  {
		divs['HM_Menu1'].style.visibility = "visible";
	  }
	  if (divs['HM_Menu2'] != undefined)
	  {
		divs['HM_Menu2'].style.visibility = "visible";
	  }
	  if (divs['HM_Menu3'] != undefined)
	  {
		divs['HM_Menu3'].style.visibility = "visible";
	  }
	  if (divs['HM_Menu4'] != undefined)
	  {
		divs['HM_Menu4'].style.visibility = "visible";
	  }
	  if (divs['HM_Menu5'] != undefined)
	  {
		divs['HM_Menu5'].style.visibility = "visible";
	  }
	  if (divs['HM_Menu6'] != undefined)
	  {
		divs['HM_Menu6'].style.visibility = "visible";
	  }
	  if (divs['HM_Menu7'] != undefined)
	  {
		divs['HM_Menu7'].style.visibility = "visible";
	  }
	  if (divs['HM_Menu8'] != undefined)
	  {
		divs['HM_Menu8'].style.visibility = "visible";
	  }   }
}

function getPageSize(){
	var de = document.documentElement;
	pageWidth = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	pageHeight = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight
         
}

function getOverlaySize() {
		if (window.innerHeight && window.scrollMaxY || window.innerWidth && window.scrollMaxX) {	
			yScroll = window.innerHeight + window.scrollMaxY;
			xScroll = window.innerWidth + window.scrollMaxX;
			var deff = document.documentElement;
			var wff = (deff&&deff.clientWidth) || document.body.clientWidth || window.innerWidth || self.innerWidth;
			var hff = (deff&&deff.clientHeight) || document.body.clientHeight || window.innerHeight || self.innerHeight;
			xScroll -= (window.innerWidth - wff);
			yScroll -= (window.innerHeight - hff);
		} else if (document.body.scrollHeight > document.body.offsetHeight || document.body.scrollWidth > document.body.offsetWidth){ // all but Explorer Mac
			yScroll = document.body.scrollHeight;
			xScroll = document.body.scrollWidth;
		} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
			yScroll = document.body.offsetHeight;
			xScroll = document.body.offsetWidth;
		}

}  
function getPageScrollTop(){
	
	if (self.pageYOffset || self.pageXOffset) {
		yScrolltop = self.pageYOffset;
		xScrollleft = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop || document.documentElement.scrollLeft ){	 // Explorer 6 Strict
		yScrolltop = document.documentElement.scrollTop;
		xScrollleft = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScrolltop = document.body.scrollTop;
		xScrollleft = document.body.scrollLeft;
	}
}

str = '<div id="overlayDiv" onclick="restoreImage()"  style="display:none; position: absolute; z-index:100; top:0px; left: 0px;background-color:#4a4747;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;" ></div>' +
		'<div id="enlargeImageDiv" style="background:' + imgDivBG + ';border: solid ' + borderColor+ ' 1px;display:none; position: absolute;  z-index: 999;">' + 
  		'<table align="center" cellpadding="4" cellspacing="5" width="100%">' +
  		'<tr ><td align="center" colspan="2"><img id="enlargeImgObj" border="1" src="/loadingAnimation.gif"></td></tr>'+
		'<tr>'+
	   '<td id="imgCaptionCell"></td>' +
	   '<td align="right"><input type="button" onclick="restoreImage()" value="Close"></td>' +
		'</tr>' +
  		'</table>'+
		'</div>'; 

document.write(str);