var popState = 0;
var savepos=0;
var imgloaded = 0;

document.write ('<div id="pop_trans"></div>');
document.write ('<div id="pop_frame">');
document.write ('<div id="pop_title"><div id="pop_title_close"><a href="javascript:void(0);" onclick="closePopup();">Close</a></div><span id="pop_title_text">&nbsp;</span></div>');
document.write ('<div id="pop_image_holder"><img id="pop_actual" /></div>');
document.write ('</div>');
document.write ('<div id="pop_loading"><img src="'+baseurl+'eco/img/eco/loading2.gif" /></div>');


function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}
function getDim (){
	if (self.innerWidth)
	{
	 
		frameWidth = self.innerWidth-19;
		frameHeight = self.innerHeight-19;
	}
	else if (document.documentElement && document.documentElement.clientWidth)
	{
		frameWidth = document.documentElement.clientWidth;
		frameHeight = document.documentElement.clientHeight;
	}
	else if (document.body)
	{
		frameWidth = document.body.clientWidth;
		frameHeight = document.body.clientHeight;
	}
	var x,y;
	var test1 = document.body.scrollHeight;
	var test2 = document.body.offsetHeight
	if (test1 > test2) // all but Explorer Mac
	{
		x = document.body.scrollWidth;
		y = document.body.scrollHeight;
	}
	else // Explorer Mac;
	     //would also work in Explorer 6 Strict, Mozilla and Safari
	{
	 
		x = document.body.offsetWidth;
		y = document.body.offsetHeight;
	}
	var bd = {'width' : frameWidth, 'height' : frameHeight, 'scrolledWidth' : x, 'scrolledHeight' : y};
	return bd;
}

   
var bd = 0;

function replacePopupLinks(){

var bd = getDim();
	var elms = getElementsByClass('popup', document.getElementById('steps'), 'a');
	
	for (i=0; i<elms.length; i++){
	   var href=elms[i].getAttribute('href');
	   if (elms[i].getAttribute('title')){
	     var title = elms[i].getAttribute('title');
	   }else {
	     var title = '&nbsp;';
	   }
	   
	   if (elms[i].addEventListener || elms[i].attachEvent){
		elms[i].setAttribute('href', 'javascript:launchPopup(\''+href+'\', \''+title+'\')');
		elms[i].setAttribute('target', '_self');
	   }

	    
	}
     preloadRequired();	
}
function preloadRequired(){
    var back = new Image();
    back.src = baseurl + 'eco/img/eco/grey.png';
    var close = new Image();
    close.src = baseurl + 'eco/img/eco/close.png';
    var drop = new Image();
    drop.src = baseurl + 'eco/img/eco/dropshadow2.gif';
    var drop = new Image();
    drop.src = baseurl + 'eco/img/eco/loading2.gif';
}

function handleFadeBg(url, title){
  if (popState == 1){
	bd = getDim();

	var pop_trans = document.getElementById('pop_trans');
	var pop_frame = document.getElementById('pop_frame');
	var pop_loading = document.getElementById('pop_loading');
	var pop_actual = document.getElementById('pop_actual');
	var pop_title_text = document.getElementById('pop_title_text');
	
	
	if (navigator.appName.indexOf('Internet Explorer') != -1){
		pop_trans.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+baseurl+'eco/img/eco/grey.png\',sizingMethod=\'scale\');'
	} else{
		pop_trans.style.backgroundImage = 'url('+baseurl+'eco/img/eco/grey.png)';  
	}
	pop_trans.style.display = 'block';
	pop_trans.style.zIndex = '1000';
	pop_trans.style.width = bd['width']+'px';
	pop_trans.style.height = bd['scrolledHeight']+'px';
	
	if (window.innerHeight)
	{
		  pos = window.pageYOffset
	}
	else if (document.documentElement && document.documentElement.scrollTop)
	{
		pos = document.documentElement.scrollTop
	}
	else if (document.body)
	{
		  pos = document.body.scrollTop
	}
	
	pop_frame.style.display = 'block';
	var t = ((bd['height']-pop_frame.clientHeight)/2);
	// cor, this next line looks sexy. just makes sure it's not -0
	pop_frame.style.top = (t<0?'0':t)+ 'px';
	pop_frame.style.left = ((bd['width']-pop_frame.clientWidth)/2) + 'px';
	savepos = pos;
	scrollTo(0,0);
	
	
	pop_loading.style.top = ((bd['height']-pop_loading.clientHeight)/2) + 'px';
	pop_loading.style.left = ((bd['width']-pop_loading.clientWidth)/2) + 'px';
	
	if (imgloaded != 1){
	  pop_loading.style.visibility = 'visible';
	}


	
	
	
	imgPreload = new Image();
	
	imgPreload.onload=function(){
	       imgloaded = 1;
	 
		pop_actual.src = url;
		pop_title_text.innerHTML = title;
		
		
		if (navigator.appVersion.indexOf("MSIE")!=-1){
					pause(250);
		} 
		pop_loading.style.visibility = 'hidden';
		pop_actual.style.display = 'inline';
		


         }
    imgPreload.src = url;
  }
  
}
function pause(numberMillis) {
	var now = new Date();
	var exitTime = now.getTime() + numberMillis;
	while (true) {
		now = new Date();
		if (now.getTime() > exitTime)
			return;
	}
}

function closePopup (){

	bd = getDim();
	
	var fadeimg = document.getElementById('pop_trans');
	var pop_frame = document.getElementById('pop_frame');
	var pop_actual = document.getElementById('pop_actual');
	var pop_loading = document.getElementById('pop_loading');
	
	fadeimg.style.display = 'none';
	pop_frame.style.display = 'none';
	pop_actual.style.display = 'none';
	pop_loading.style.visibility = 'hidden';
	
        popState = 0;
        scrollTo(0,savepos);
        handleFadeBg();
}

function launchPopup (href, title){
        var pop_title_text = document.getElementById('pop_title_text');
        popState = 1;
        imgloaded = 0;
        pop_title_text.innerHTML = 'Loading...';
        handleFadeBg(href, title);
}
 callWhenDOMLoaded (replacePopupLinks);

window.onload = domLoadedEvent;
window.onresize = handleFadeBg;