function _gel(id)
{
	return document.getElementById(id);
}

function showSheet(content)
{
	var sheet = document.getElementById('sheet');
	var sheetContent = document.getElementById('sheetContent');
	sheetContent.innerHTML = content;
	sheet.style.visibility = 'visible';
	return false;
}

function toggleVisibility(whichForm, setVisible)
{
	var newstate="none"
	if(setVisible == true) 
		newstate = ""

	if (document.getElementById)
	{
		// this is the way the standards work
		var style2 = document.getElementById(whichForm).style;
		style2.display = newstate;
	}
	else if (document.all)
	{
		// this is the way old msie versions work
		var style2 = document.all[whichForm].style;
		style2.display = newstate;
	}
	else if (document.layers)
	{
		// this is the way nn4 works
		var style2 = document.layers[whichForm].style;
		style2.display = newstate;
	}
}
	

function setInnerHTML(div_id, value)
{
	var dstDiv = document.getElementById(div_id);
	dstDiv.innerHTML = value;
}

function openPopup(url, name, height, width)
{
	newwindow=window.open(url, name,'height='+height+',width='+width);
	if (window.focus) {newwindow.focus()}
	return false;
}




function openDiv (elName) {
	var theElemenet = document.getElementById(elName);
	if (theElemenet) {
		theElemenet.style.display = "block";
	}
}
function closeDiv (elName) {
	var theElemenet = document.getElementById(elName);
	if (theElemenet) {
		theElemenet.style.display = "none";
	}
}

function showInline (elName) {
	var theElemenet = document.getElementById(elName);
	if (theElemenet) {
		theElemenet.style.display = "inline";
	}
}
function hideInline (elName) {
	var theElemenet = document.getElementById(elName);
	if (theElemenet) {
		theElemenet.style.display = "none";
	}
}


function blurElement (elName) {
	var theElement = document.getElementById(elName);
	if (theElement) {
		theElement.blur();
	}
}

function selectLink (elName) {
	var theElement = document.getElementById(elName);
	if (theElement) {
		theElement.className = "selectedNavLink";
	}
}
function unSelectLink (elName) {
	var theElement = document.getElementById(elName);
	if (theElement) {
		theElement.className = "unSelectedNavLink";
	}
}


function toggleDisplay(divName){
	var tempDiv = document.getElementById(divName);
	if (!tempDiv) {
		return;
	}
	if ((tempDiv.style.display=="block")||(tempDiv.style.display=="" && tempDiv.className.indexOf("hid") == 0)){
		tempDiv.style.display="none";
	} else if ((tempDiv.style.display=="none")||(tempDiv.className.indexOf("hid") != 0)){
		tempDiv.style.display="block";
	}
}

function hasClass(element, _className) {
	var upperClass = _className.toUpperCase();
	if (element.className) {
		var classes = element.className.split(' ');
		for (var i = 0; i <  classes.length; i++) {
			if (classes[i].toUpperCase() == upperClass) {
				return true;
			}
		}
	}
	return false;
}

function addClass(element, _class) {
	element.className += element.className ? " " + _class : _class;
}

function removeClass(element, _class) {
	var upperClass = _class.toUpperCase();
	var remainingClasses = [];
	if (element.className) {
		var classes = element.className.split(' ');
		for (var i = 0; i <  classes.length; i++) {
			if (classes[i].toUpperCase() != upperClass) {
				remainingClasses[remainingClasses.length] = classes[i];
			}
		}
		element.className = remainingClasses.join(' ');
	}
}

function getDisplayStyleByTagName(o) {
	n = o.nodeName.toLowerCase();
	return (n == "span" || n == "img" || n == "a") ? "inline" : "block";
}

function hideDiv(divName){
	tempDiv = document.getElementById(divName);
	if (!tempDiv) {
		return;
	}
	if (tempDiv.style.display == "inline") {
		addClass(tempDiv, "wasinline");
	} else if (tempDiv.style.display == "block") {
		addClass(tempDiv, "wasblock");
	}

	tempDiv.style.display="none";
}

function showDiv(divName){
	var tempDiv = document.getElementById(divName);
	if (!tempDiv) {
		return;
	}
	if (hasClass(tempDiv, "wasinline")) {
		tempDiv.style.display = "inline";
		removeClass(tempDiv, "wasinline");
	} else if (hasClass(tempDiv, "wasblock")) {
		tempDiv.style.display = "block";
		removeClass(tempDiv, "block");
	} else {
		tempDiv.style.display = getDisplayStyleByTagName(tempDiv);
	}
}

function toggleShowDiv(divId){
	tempDiv = document.getElementById(divId);
	if (tempDiv && tempDiv.style.display == "none") {
		showDiv(divId);
	} else {
		hideDiv(divId);
	}
}

function changeBGcolor(tempDiv, onOrOff) {
	if(onOrOff==1) { tempDiv.style.backgroundColor='#DDD'; tempDiv.style.cursor='pointer';tempDiv.style.cursor='hand';}
	else {tempDiv.style.backgroundColor='#FFF'}

}

// FIXME: VFL this is hard for the resource analyzer to find
// better to always reference resources by site-relative urls
// probably what would work here is a mapping of button states
// to site-relative image paths - right now there is no hope of
// the VFL dependecy checker finding the images used here
function imgRollover(imgIdArr)
{
	if (navigator.userAgent.match(/Opera (\S+)/)) {
		var operaVersion = parseInt(navigator.userAgent.match(/Opera (\S+)/)[1]);
	}
	if (!document.getElementById||operaVersion <7) return;
	var i=0;
	var imgId='';
	var imgEle='';
	var imgArr=new Array;
	for (i=0;i<imgIdArr.length;i++)
	{
		if (document.getElementById(imgIdArr[i]))
		{
			imgArr.push(document.getElementById(imgIdArr[i]));
		}
	}
	var imgPreload=new Array();
	var imgSrc=new Array();
	var imgClass=new Array();
	for (i=0;i<imgArr.length;i++)
	{
		if (imgArr[i].className.indexOf('rollover')>-1)
		{
			// If for some reason images are stored outside of the /img dir, this will break
			imgSrc[i]=imgArr[i].getAttribute('src');
			imgClass[i]=imgArr[i].className;
			imgPreload[i]=new Image();
			if (imgClass[i].match(/rollover (\S+)/)) 
			{
				// FIXME: VFL this is hard for the resource analyzer to find
				// better to always reference resources by site-relative urls
				imgPreload[i].src = '/img/'+imgClass[i].match(/rollover (\S+)/)[1];
			}
			imgArr[i].setAttribute('rsrc', imgSrc[i]);
			imgArr[i].onmouseover=function() 
			{
				// FIXME: VFL this is hard for the resource analyzer to find
				// better to always reference resources by site-relative urls
				this.setAttribute('src', '/img/'+this.className.match(/rollover (\S+)/)[1])
			}
			imgArr[i].onmouseout=function() 
			{
				this.setAttribute('src',this.getAttribute('rsrc'))
			}
		}
		// Expand image rollover trigger to support anchor tags. -bt
		else if (imgArr[i].tagName == 'A')
		{
			imgArr[i].onmouseover=function()
			{
				var imgObj = document.getElementById(this.id.match(/_(\S+)/)[1]);
				// FIXME: VFL this is hard for the resource analyzer to find
				// better to always reference resources by site-relative urls
				imgObj.setAttribute('src', '/img/'+imgObj.className.match(/rollover (\S+)/)[1])
			}
			imgArr[i].onmouseout=function()
			{
				var imgObj = document.getElementById(this.id.match(/_(\S+)/)[1]);
				imgObj.setAttribute('src',imgObj.getAttribute('rsrc'))
			}
		}
	}
}

//validates forms with URL fields and adds http:// in front of the string
function validateURL(inputField){
     if (inputField.value.indexOf("http://")==0) {
          return false;
     } else {

     	  inputField.value="http://" + inputField.value;
          return true;
     }
}

function getDivHeight(div) {
	if (div.clientHeight) {
		return div.clientHeight;
	} else if (div.offsetHeight) {
		return div.offsetHeight;
	}
}

var addListener = function() {
	if ( window.addEventListener ) {
		return function(el, type, fn) {
			el.addEventListener(type, fn, false);
		};
	} 
	else if ( window.attachEvent ) {
	    return function(el, type, fn) {
			var f = function() {
				fn.call(el, window.event);
			};
			el.attachEvent('on'+type, f);
		};
	} 
	else {
	    return function(el, type, fn) {
	        element['on'+type] = fn;
	    }
	}
}();

function ref(instance_or_id) {
	return (typeof(instance_or_id) == "string") ? document.getElementById(instance_or_id) : instance_or_id;
}

function extendInputSelect(select)
{
	if (select != null && select._isExtended === undefined) {

		select.maxItems = -1;
		select.setMaxItems = function(count) { this.maxItems = (count >= 0) ? count : -1; }
		select.moveSelectedTo = function(list) {
			while (this.selectedIndex >= 0)
			{
				if (!list.addWithCheck(this.options[this.selectedIndex])) break;
				this.options[this.selectedIndex] = null;
			}
		}
		select.moveAllTo = function(list) {
			while (this.options.length > 0)
			{
				if (!list.addWithCheck(this.options[0])) break;
				this.options[0] = null;
			}
		}
		select.addWithCheck = function(option) {
			if (this.maxItems == -1 || this.options.length < this.maxItems) {
				var newOption = new Option();         
				newOption.text = option.text;
				newOption.value = option.value;
				newOption.selected = option.selected;
				if (this.isSorted) {
					this.addSorted(newOption);
				}
				else {
					this.addAppend(newOption);
				}
				return true;
			}                               
			return false;
		}
		select.addAppend = function(option) {
			this.addInsert(option, this.options.length);
		}
		select.addInsert = function(option, index) {
			if (index >= 0 && index <= this.options.length) {;
				for (var i = this.options.length; i > index; i--) {
					this.options[i] = new Option();
					this.options[i].text = this.options[i - 1].text;
					this.options[i].value = this.options[i - 1].value;
					this.options[i].selected = this.options[i - 1].selected;
				}
				this.options[index] = option;
			}
		}
		select.addSorted = function(option) {
			if (!this.isSorted) this.setSorted(true);
			var index = this.options.length;
			for (var i = 0; i < this.options.length; i++) {
				if (this.options[i].text > option.text) {
					index = i;
					break;
				}
			}
			this.addInsert(option, index);
		}
		select.importOption = function(option) {
			return newOption;
		}
		select.sort = function() { // Optimize me.
			if (this.options.length < 2) return;
			for (var i = 0; i < this.options.length - 1; i++) {
				if (this.options[i].text > this.options[i + 1].text) {
					var swap = new Option();
					swap.text = this.options[i].text;
					swap.value = this.options[i].value;
					swap.selected = this.options[i].selected;
					this.options[i].text = this.options[i + 1].text;
					this.options[i].value = this.options[i + 1].value;
					this.options[i].selected = this.options[i + 1].selected;
					this.options[i + 1].text = swap.text;
					this.options[i + 1].value = swap.value;
					this.options[i + 1].selected = swap.selected;
					i = -1;
				}
			}
		}
		select.isSorted = false;
		select.setSorted = function(bit) {
			this.isSorted = bit;
			if (this.isSorted) {
				this.sort();
			}
		}
		select._isExtended = true;
	}
}

function DualListBoxController(left, right)
{
	this.left = ref(left);
	this.right = ref(right);
	this.moveAllRight = function() { this.left.moveAllTo(this.right); }
	this.moveSelectedRight = function() { this.left.moveSelectedTo(this.right); }
	this.moveAllLeft = function() { this.right.moveAllTo(this.left); }
	this.moveSelectedLeft = function() { this.right.moveSelectedTo(this.left); }
	
	extendInputSelect(this.left);
	extendInputSelect(this.right);
}

function focusSearchField() {
        if (document.searchForm.search_query) {
                document.searchForm.search_query.focus();
        }
}

function showLoadingIcon(div_id) {
        temp_HTML ="<img src=/img/icn_loading_animated.gif>";
        document.getElementById(div_id).innerHTML = temp_HTML;
}

function showLoading(div_id) {
	document.forms['comments_filter'].commentthreshold.focus();
	temp_HTML ="<br><br><br><br><br><center><img src=/img/icn_loading_animated.gif></center><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>";
	document.getElementById(div_id).innerHTML = temp_HTML;	
	document.forms['comments_filter'].commentthreshold.blur();
	document.body.focus();
}

function displayHideCommentLink(span_hide_id, span_show_id) {
        document.getElementById(span_show_id).style.visibility='hidden';
        hideDiv(span_show_id);
        showDiv(span_hide_id);
        document.getElementById(span_hide_id).style.visibility='visible';
}

function displayShowCommentLink(span_hide_id, span_show_id) {
        document.getElementById(span_hide_id).style.visibility='hidden';
        hideDiv(span_hide_id);
        showDiv(span_show_id);
        document.getElementById(span_show_id).style.visibility='visible';
}