/* for Mozilla */
if (document.addEventListener) {
   document.addEventListener("DOMContentLoaded", setUp, null);
}

/* for Internet Explorer */
/*@cc_on @*/
/*@if (@_win32)
   document.write("<script defer src='/_common/scripts/ie_onload.js'><"+"/script>");
/*@end @*/

/* for other browsers */
window.onload = setUp;


function gbi (a){return document.getElementById (a);}

function setUp (){
	
	mainImg=gbi("projectdetailcontrol_ImageHolder");
	if(mainImg){
		if (mainImg.offsetWidth > 500) {
			mainImg.style.marginLeft = "0px";
		}
		else {
			mainImg.style.marginLeft = "20px";
		}
	
		mainImg.onload = imgLoaded;
	
	}
	
	if (arguments.callee.done) return;
	arguments.callee.done=true;
	
	dynamicLayout()
	
	var selectedDiv = gbi("ecProjects");

	var tmp = selectedDiv.firstChild;
	
	while (tmp) {
	
		if(tmp.tagName){
			if(tmp.tagName == "A"){
			tmp.onmouseover = function (){showdrivetip(this.firstChild.getAttribute("ALT"))}
			tmp.onmouseout = hidedrivetip
			} 
		} 
		
		tmp = tmp.nextSibling;
			
	}
	
	
	var picCount=0
	
	thumbsBlock = gbi ("imageThumbs");
	
	if (thumbsBlock){
	
		var tmpPT = thumbsBlock.firstChild;
		
		while (tmpPT) {
		
			if(tmpPT.tagName){
				if(tmpPT.tagName == "A"){
					tmpPT.onmousedown = function (){showProjectImage(this.firstChild.getAttribute("SRC"))}
					tmpPT.onclick = function (){return false;}
					picCount++
				} 
			} 
			
			tmpPT = tmpPT.nextSibling;
			
				
		}
	}
		
	if (thumbsBlock) {
		if (picCount>1){
			/*alert(picCount + " images")*/
			thumbsBlock.style.visibility="hidden"
			addEvent (gbi("projectdetailcontrol_ImageHolder"), 'mouseover', showThumbs)
			addEvent (gbi("projectdetailcontrol_ImageHolder"), 'mouseout', hideThumbs)
		}
		else{
			thumbsBlock.parentNode.className="imgDisplayOne"
			/*alert("1 image")*/
		}
	}
	

	
	function showProjectImage (src) {
		/*alert(src);
		alert(src.substring(0, src.indexOf("?", 0)));*/
		
		mainImg.src=src.substring(0, src.indexOf("?", 0));
		/*alert(mainImg.getAttribute("SRC"));*/
		/*thumbsBlock.style.right="0"*/

		thumbsBlock.style.visibility="hidden"
		thumbsBlock.style.visibility="visible"
		return false;
		
	}
	
	function imgLoaded() {

	if (mainImg.offsetWidth > 500) {
		mainImg.style.marginLeft = "0px";
	}
	else {
		mainImg.style.marginLeft = "20px";
	}

	}
	
	
	function showThumbs (){
		thumbsBlock.style.visibility="visible"
	}
		
	function hideThumbs (evt){
		e = (evt) ? evt : ((window.event) ? window.event : "")
			/*alert(evt)*/
			/*var e = window.event;*/
			
			
			/*var tg = (window.event) ? e.srcElement : e.target;
			
			if (tg.nodeName != 'IMG') return;*/
			
			var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
			
			/*alert(reltg.getAttribute("id"))*/
			c=reltg.getAttribute("id")
			if (c != "imageThumbs" && c!="imageP"){
						thumbsBlock.style.visibility="hidden"
						}
			/*alert(reltg.nodeName)
			while (reltg != tg && reltg.nodeName != 'BODY')
				reltg= reltg.parentNode
			if (reltg== tg) return;*/
			// Mouseout took place when mouse actually left layer
			// Handle event
			return false;
		

	}

	var offsetxpoint=-3 //Customize x offset of tooltip
	var offsetypoint=12 //Customize y offset of tooltip
	var ie=document.all
	var ns6=document.getElementById && !document.all
	var enabletip=false
	if (ie||ns6)
	var tipobj=document.all? document.all["tooltip"] : document.getElementById? document.getElementById("tooltip") : ""
	tipobj.style.visibility="hidden"
	tipobj.style.left="-1000px"
	function ietruebody(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}
		
	function positiontip(e){
	if (enabletip){
		var curX=(ns6)?e.pageX : event.x+ietruebody().scrollLeft;
		var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop;
	
		tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth-offsetxpoint+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth-offsetxpoint+"px"
	
		tipobj.style.top=curY+offsetypoint+"px"
		tipobj.style.visibility="visible"
		}
	}
	
	function hidedrivetip(){
		if (ns6||ie){
		enabletip=false
		tipobj.style.visibility="hidden"
		tipobj.style.left="-1000px"
		}
	}
	
	function showdrivetip(textFromAlt){
	if (ns6||ie){
		enabletip=true
		tipobj.style.visibility="visible"
		tipobj.innerHTML = textFromAlt
		}
	}
	
	document.onmousemove=positiontip


}




// - - - - - - - - - - - - - - - - - - - - -
//
// Title : Dynamic Resolution Dependent Layout Demo
// Author : Kevin Hale
// URL : http://particletree.com
//
// Description : This is a demonstration of a dynamic 
// resolution dependent layout in action. Change your browser 
// window size to see the layout respond to your changes. To 
// preserve the separation of the presentation and behavior 
// layers, this implementation delegates all the presentation 
// details to external CSS stylesheets instead of changing 
// each style property through JavaScript.
//
// Created : July 30, 2005
// Modified : November 15, 2005
//
// - - - - - - - - - - - - - - - - - - - - -

// getBrowserWidth is taken from The Man in Blue Resolution Dependent Layout Script
// http://www.themaninblue.com/experiment/ResolutionLayout/
	function getBrowserWidth(){
		if (window.innerWidth){
			return window.innerWidth;}	
		else if (document.documentElement && document.documentElement.clientWidth != 0){
			return document.documentElement.clientWidth;	}
		else if (document.body){return document.body.clientWidth;}		
			return 0;
	}

// dynamicLayout by Kevin Hale
function dynamicLayout(){

	//alert("resized")
	var browserWidth = getBrowserWidth();
	
	//Load Wide CSS Rules
	if (browserWidth > 936){
		changeLayout("wide");
	}
	//or Disable Them.
	else {
		
		changeLayout("none");

}	}

// changeLayout is based on setActiveStyleSheet function by Paul Sowdon 
// http://www.alistapart.com/articles/alternate/
function changeLayout(newLayout){

	document.body.className = newLayout
  /* var i, a;
   for(i=0; (a = document.getElementsByTagName("link")[i]); i++){
	   if(a.getAttribute("title") == description){a.disabled = false;}
	   else if(a.getAttribute("title") != "default"){a.disabled = true;}
   }*/
   
}

	//addEvent() by John Resig
	function addEvent( obj, type, fn ){ 
	   if (obj.addEventListener){ 
	      obj.addEventListener( type, fn, false );
	   }
	   else if (obj.attachEvent){ 
	      obj["e"+type+fn] = fn; 
	      obj[type+fn] = function(){ obj["e"+type+fn]( window.event ); } 
	      obj.attachEvent( "on"+type, obj[type+fn] ); 
	   } 
	} 
	
	//Run dynamicLayout function when page loads and when it resizes.
	addEvent(window, 'load', dynamicLayout);
	addEvent(window, 'resize', dynamicLayout);