//  Dianimation.com
// created March 2004  K.D. Tentarelli   s9.com
// Init function  
function init() { 

	 // detect browser structure
	 if (document.getElementById && document.all) { 
		bt="IE" 
	 }
  	 else if (document.layers) {
		 bt= "NS4"
		 document.captureEvents(Event.MOUSEDOWN)
	}
	else {
		bt = "NS7"
	}

	// set to no layer showing
		imshow = 0 ;

}

// DoOlay function  -  show and hide
function DoOlay(i) {
	 if (bt == "NS7") {
      	if (imshow == i) {
			// if overlay showing, hide on second click
          			document.getElementById(i).style.visibility = 'hidden';
          			imshow= 0
     		 }
	 	else if (imshow == 0) 	{
			// if no overlay showing, no need to hide
			// show new overlay - set width then make visible
			if (window.innerWidth > 800) { 
					document.getElementById(i).style.width = 270 + (window.innerWidth-800)/2.9;
			}
			else {
					document.getElementById(i).style.width = 270;
			}
            		document.getElementById(i).style.visibility = 'visible';
				thisdoc = document.getElementById(i);
            		imshow = i	
       	}
      	 else {
						// hide old overlay, 
	    		 document.getElementById(imshow).style.visibility = 'hidden';
						// show new overlay - set width then make visible
			if (window.innerWidth > 800) { 
					document.getElementById(i).style.width = 270 + (window.innerWidth-800)/2.9;
			}
			else {
					document.getElementById(i).style.width = 270;
			}
           			document.getElementById(i).style.visibility = 'visible';
				thisdoc = document.getElementById(i);
           			imshow = i
       	}
	}
  	else if (bt== "NS4") {
		if (imshow == i) {
			// if overlay showing, hide on second click
          			document.layers[i].visibility = 'hidden';
          			imshow= 0
      	}
	 	else if (imshow == 0) 	{
			// if no overlay showing, no need to hide
            		document.layers[i].visibility = 'visible';
            		imshow = i	
      	 }
       	else {
			// hide old overlay, show new overlay
	     			document.layers[imshow].visibility = 'hidden';
           			document.layers[i].visibility = 'visible';
           			imshow = i
       	}
 	 }

 	 else if (bt= "IE") {
      	if (imshow == i) {
			// if overlay showing, hide on second click
          			document.all[i].style.visibility = 'hidden';
          			imshow= 0
      	}
	 	else if (imshow == 0) 	{
			// if no overlay showing, no need to hide
			if (document.body.clientWidth > 800) { 
					document.all(i).style.width = 280 + (document.body.clientWidth -800)/2.2;
			}
			else {
					document.all(i).style.width = 270;
			}
            	document.all[i].style.visibility = 'visible';
			thisdoc = document.all(i);
            	imshow = i	
      	 }
       	else {
			// hide old overlay, show new overlay
	     		document.all[imshow].style.visibility = 'hidden';
			if (document.body.clientWidth > 800) { 
				document.all(i).style.width = 280 + (document.body.clientWidth -800)/2.2;
			}
			else {
				document.all(i).style.width = 270;
			}
				document.all[i].style.visibility = 'visible';
				thisdoc = document.all(i);
           			imshow = i
       	}
  		return false;
	}
}




// DoClose function  - hide visible layer
function DoClose(i) {
	 if (bt == "NS7") {
				thisdoc.style.visibility = 'hidden';
          			imshow= 0
     		 }

  	else if (bt== "NS4") {
          			document.layers[i].visibility = 'hidden';
          			imshow= 0
      }
 	 else if (bt= "IE") {
          			thisdoc.style.visibility = 'hidden';
          			imshow= 0
	}
}