/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
// HOMEPAGE ROLLOVERS
function image_hover(obj, show) {
	show = (show == null) ? false : show;
	if(obj) {
		if(show == true) {
			$(obj).style.display = 'block';
		} else {
			$(obj).style.display = 'none';
		}
	}
	return true;
}


/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
// DHTML SELECT DROPDOWSN
var combodropimage	  = '/arrown-select.gif';
var combodropoffset_Y = 0; //offset of drop down menu vertically from default location (in px)
var combozindex		 = 100;
var CMBIMG = new Array ();
var currSelDSEL = null;
var dselIsOver = false;

function dselGetOut ()
{
	if (!dselIsOver && currSelDSEL)
		currSelDSEL.style.display = 'none';
}

function dselSetOut ()
{
	dselIsOver = false;
	window.setTimeout ('dselGetOut();', 250)
}

function dhtmlselect(selectid, selectwidth, optionwidth, combodropimage)
{
	var selectbox = document.getElementById(selectid)
	if (!selectbox) return null;
	
	if (combodropimage!="") {
		combodropimage='<img class="downimage" src="'+combodropimage+'" title="Select an option" style="height: 1.8em; width: 1.8em; align: left;" />';
		CMBIMG[selectid] = combodropimage;
	}
	
	document.write('<div id="dhtml_'+selectid+'" class="dhtmlselect"><span id="dhtml_text_'+selectid+'">'+selectbox.title+'</span>'+combodropimage+'<div class="dropdown" onmouseout="dselSetOut ();">')
	
	for (var i=0; i<selectbox.options.length; i++)
		document.write('<a href="javascript:;" onmouseover="dselIsOver = true;" onclick="dhtmlSelect_onChange (\'' + selectid + '\', \'' + selectbox.options[i].value.replace (/'/, '\\\'') + '\'); document.getElementById(\'dhtml_' + selectid + '\').getElementsByTagName(\'div\')[0].style.display=\'none\';">'+selectbox.options[i].text+'</a>')
		//document.write('<a href="'+selectbox.options[i].value+'">'+selectbox.options[i].text+'</a>')
		
	document.write('</div></div>')
	selectbox.style.display="none"
	var dhtmlselectbox=document.getElementById("dhtml_"+selectid)
	dhtmlselectbox.style.zIndex=combozindex
	combozindex--
	
	if (typeof selectwidth!="undefined")
		dhtmlselectbox.style.width=selectwidth
	
	if (typeof optionwidth!="undefined")
		dhtmlselectbox.getElementsByTagName("div")[0].style.width=optionwidth
		
	dhtmlselectbox.getElementsByTagName("div")[0].style.top=dhtmlselectbox.offsetHeight-combodropoffset_Y+"px"
	
	if (combodropimage!="")
		dhtmlselectbox.getElementsByTagName("img")[0].style.left=dhtmlselectbox.offsetWidth+3+"px"
	
	dhtmlselectbox.onclick=function(){
		if (currSelDSEL) currSelDSEL.style.display = 'none';
		
		this.getElementsByTagName("div")[0].style.display="block";
		
		currSelDSEL = this.getElementsByTagName("div")[0];
		dselIsOver = true;
	}
	
	dhtmlselectbox.onmouseout= function(){
		//this.getElementsByTagName("div")[0].style.display="none"
	}
}


/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
// LOAD LAYER - display function, used for showing images and slides at true scale, 
//				via a global top layer with an semi-opaque background
var load_childLoaded = null;
function loadLayer_Show(id) {
	id = (id == null) ? null : id;
	if( id ) {
		$('load_layer_data').appendChild( $(id) );
		$(id).style.display = "block";
		$(id).setAttribute('style', 'text-align: center;'); // just appending the element aligns it left...
		new Effect.toggle('load_layer', 'appear', { duration: 0.4 });
		new Effect.toggle('body_fog', 'appear', { duration: 0.4 });
		load_childLoaded = id;
	}
}

function loadLayer_Hide() {
	new Effect.toggle('load_layer', 'appear', { duration: 0.4, afterFinish: function() { 
			if(load_childLoaded) { 
				$(load_childLoaded).style.display = "none";
				$('load_layer').appendChild( $(load_childLoaded) );
				load_childLoaded = null;
			}
			$('load_layer_close').style.display = "block";
			$('load_layer_data').innerHTML = "";
		}
	});
	
	new Effect.toggle('body_fog', 'appear', { duration: 0.4, afterFinish: function() {  } });
}

// this is used to adjust a couple of elements in the load layer for Slideshows
function loadLayer_ShowSlide() {
	$('load_layer_close').style.display = "none";
}