// JavaScript Document

$(document).ready(function(event) {
	$("td.pageheaderrow").html("Advanced Controls");
});

var GabeUtil = {};

GabeUtil.scDim = null;
GabeUtil.scDimLoading = null;

GabeUtil.registerActiveSearchForm = function(form, result, option) {
	
	if(typeof form == 'string') {
		form = document.getElementById(form);
	}	
	
	if(typeof result == 'string') {
		result = document.getElementById(result);
	}
	
	if(!option.successCallback) {
		option.successCallback = function(response) {
			
		}	
	}

	var triggerSubmit = function() {
		//alert($("input[name='currPage']", $(form)).val());
		$(form).ajaxSubmit({
			success : function(response) {
				$(result).html(response);
				GabeUtil.registerActivePages(form, result, triggerSubmit);
				option.successCallback(response);
			}
		});		
	}
	
	$(form).submit(function(event) {
		event.preventDefault();
		$("input[name='currPage']", $(form)).val('1');
		triggerSubmit();
	});
	
	return triggerSubmit;
	
}

GabeUtil.registerActivePages = function(form, container, callback) {
	
	$("a.pagPageLink", $(container)).click(function(event) {
		event.preventDefault();
		var currPage = ($(this).attr('href').match(/currPage=([0-9]+)/i));
		currPage = currPage[1];
		//alert(currPage);
		$("input[name='currPage']", $(form)).val(currPage);
		callback($(this));
	});
	
	$(".rowHeader a").click(function(event) {
		event.preventDefault();
		var currPage = ($(this).attr('href').match(/currPage=([0-9]+)/i));
		if(currPage == null) {
			currPage = 1;	
		} else {
			currPage = currPage[1];
		}	
		$("input[name='currPage']", $(form)).val(currPage);
		var orderBy = ($(this).attr('href').match(/order_by=([^&]+)/i));
		orderBy = orderBy[1];
		//alert(orderBy);
		$("input[name='order_by']", $(form)).val(orderBy);
		callback($(this));
	});
	
	$("select[name='recPerPage']", $(container)).change(function(event) {
		$("input[name='recPerPage']", $(form)).val($(this).val());
		$("input[name='currPage']", $(form)).val('1');
		callback($(this));
	});
	
}

GabeUtil.screenDimLoading = function(activate, element) {
	
	var intId = null;
	
	if(GabeUtil.scDimLoading === null) {
		GabeUtil.scDimLoading = document.createElement("div");
		//GabeUtil.scDimLoading.style.width = '700px';
		GabeUtil.scDimLoading.style.border = "#cccccc 5px solid";
		GabeUtil.scDimLoading.style.backgroundColor = "#ffffff";
		GabeUtil.scDimLoading.style.padding = "10px";
		GabeUtil.scDimLoading.style.textAlign = "center";
		GabeUtil.scDimLoading.style.position = "absolute";
		GabeUtil.scDimLoading.style.left = "0px";
		GabeUtil.scDimLoading.style.display = "none";
		GabeUtil.scDimLoading.style.zIndex = 100;
		document.body.appendChild(GabeUtil.scDimLoading);
		
	}
	
	var scLoad = GabeUtil.scDimLoading;
	
	if(activate == true) {
		
		if(!element) {
			element = "<img src='/images/loading.gif' height='50' /><br />Processing your Request...<br />Please wait...";
		}
		
		if(typeof element == 'string') {
			GabeUtil.scDimLoading.innerHTML = element;
		} else {
			GabeUtil.scDimLoading.innerHTMl = '';
			GabeUtil.scDimLoading.appendChild(element);	
		}
		
		var scrollTop = $(document).scrollTop();
		var screenWidth = $(document.body).outerWidth();
		//alert(screenWidth);
		GabeUtil.scDimLoading.style.top = (scrollTop + 5) + "px";
			
		var showScreenDim = function(scDim) {
		
			var opac = .10;
			GabeUtil.setOpacity(scLoad, opac);
			GabeUtil.scDimLoading.style.display = "block";
			
			var myWidth = $(GabeUtil.scDimLoading).outerWidth();
			//alert(myWidth);
			GabeUtil.scDimLoading.style.left = (screenWidth / 2 - myWidth / 2) + "px";
			
			intId = setInterval(function() {
										opac += .10
										if(opac > 1) {
											clearInterval(intId);	
										}
										GabeUtil.setOpacity(scLoad, opac);
										}, 10);
		}
		showScreenDim();
		GabeUtil.screenDim();
		
		
	} else {
		
		clearInterval(intId);
		GabeUtil.stopScreenDim();
		GabeUtil.scDimLoading.style.display = "none";
		//alert(GabeUtil.scDimLoading.style.display);
		
	}
	
	return scLoad;
	
}

GabeUtil.screenDim = function(callback) {
		
	if(!callback) {
		callback = function(div) {}
	}
	
	var dim = .70;
	if(GabeUtil.scDim === null) {
		var div = document.createElement("div");
		div.id = "gabeUtilScreenDim";
		div.style.backgroundColor = "#000000";
		div.style.opacity = dim;
		div.style.filter = "alpha(opacity=" + (dim * 100) + ")";
		div.style.position = "absolute";
		div.style.top = "0px";
		div.style.left = "0px";
		div.style.zIndex = 90;
		GabeUtil.scDim = div;
		GabeUtil.scDim.style.display = 'none';
		document.body.appendChild(GabeUtil.scDim);
	}
	
	var height = ($(document.body).outerHeight());
	var width =  ($(document.body).outerWidth());
	
	var height = document.body.scrollHeight;
	var width =  document.body.scrollWidth;
	
	GabeUtil.scDim.style.height = '0px';
	GabeUtil.scDim.style.width = width + "px";
	GabeUtil.scDim.style.display = 'block';
	
	var intId = null;
	var oheight = 0;
	
	//alert('ok!');
	
	intId = setInterval(function() {
								oheight += 30;
								//alert(oheight);
								GabeUtil.scDim.style.height = oheight + 'px';
								if(oheight > height) {
									clearInterval(intId);
									callback(GabeUtil.scDim);
								}
								}, 1);
	
}

GabeUtil.stopScreenDim = function(opts) {
	if(!opts) {
		opts = {};	
	}	
	if(GabeUtil.scDim !== null) {
		GabeUtil.scDim.style.display = 'none';
	}
	
}

GabeUtil.attachFieldToCheckboxes = function(fieldId, chkName) {
	$("input[type='checkbox'][name='" + chkName + "']").click(function(event) {
		var values = new Array();
		jQuery.each($("input[type='checkbox'][name='" + chkName + "']:checked"), function(i, val) {
			values.push($(val).val());
		});
		document.getElementById(fieldId).value = values.join();
	});
}

GabeUtil.checkAll = function(elements, check) {
	if(typeof check == 'undefined') {
		check = true;	
	}
	for(var i = 0; i < elements.length; i++) {
		elements[i].checked = check;
	}
	return;
}


GabeUtil.floatingDivs = new Array();

GabeUtil.addFloatingDiv = function(div) {
	GabeUtil.floatingDivs.push(div);
}

GabeUtil.removeFloatingDivs = function() {
	for(var i = 0; i < GabeUtil.floatingDivs.length; i++) {
		GabeUtil.floatingDivs[i].parentNode.removeChild(GabeUtil.floatingDivs[i]);
	}
	return;
}

GabeUtil.removeFloatingDiv = function(div) {
	var temp = new Array();
	for(var i = 0; i < GabeUtil.floatingDivs.length; i++) {
		if(div === GabeUtil.floatingDivs[i]) {
			GabeUtil.floatingDivs[i].parentNode.removeChild(GabeUtil.floatingDivs[i]);
		} else {
			temp.push(GabeUtil.floatingDivs[i]);	
		}
	}
	GabeUtil.floatingDivs = temp;
}

GabeUtil.elementsPopulated = function(name, form) {
	var elements = form.elements;
	var len = elements.length;
	for(var i = 0; i < len; i++) {
		if(elements[i].value == '' && name == elements[i].name) {
			return false;
		}
	}
	return true;
}


GabeUtil.inArray = function(array, key) {
	for(var i = 0; i < array.length; i++) {
		if(array[i] == key) {
			return i;
		}
	}
	return false;
}

GabeUtil.isChecked = function(buttons) {
	for(var i = 0; i < buttons.length; i++) {
		if(buttons[i].checked) {
			return true;
		}
	}
	return false;
}

GabeUtil.getRadioValue = function(name) {
	var elements = document.getElementsByName(name);
	for(var i = 0; i < elements.length; i++) {
		if(elements[i].checked == true) {
			return elements[i].value;
		}
	}
	return false;
}

GabeUtil.limitWords = function(text, limit) {
	var texts = text.split(" ");
	var newt = texts.slice(0, limit);
	return newt.join(" ");
}

GabeUtil.getElementsByName = function(parent, name) {
	
	if(typeof parent == 'undefined') {
		parent = document.body;
	}
	
	var children = parent.childNodes;
	var len = children.length;
	var matches = new Array();
	for(var i = 0; i < len; i++) {
		if(children[i].name == name) {
			matches.push(children[i]);
		}
	}
	
	return matches;
}

GabeUtil.setMaxLength = function(field, maxlen, callback) {
	
	if(typeof callback != 'function' || typeof callback == 'undefined') {
		callback = function(remaining) {
		}
	}
	
	var len;
	var handle = function(e) {
		len = field.value.length;
		//field.value = field.value.substr(0, maxlen);
		var rem = maxlen - len;
		callback(rem);
	}
	
	GabeUtil.addEventListener(field, "keyup", handle, false);
	
}

GabeUtil.sliderHorizontal = function(parent, width, height, increment, groupObj, leftImg, rightImg) {

	var innerTable = document.createElement("table");
	innerTable.cellSpacing = '0px';
	innerTable.cellPadding = '0px';
	innerTable.border = '0px';
	var innerTbody = document.createElement("tbody");
	var innerRow = document.createElement("tr");
	innerTable.appendChild(innerTbody);
	innerTbody.appendChild(innerRow);
	var innerTd = document.createElement("td");
	innerTd.appendChild(groupObj);
	innerRow.appendChild(innerTd);
	
	var div = document.createElement("div");
	div.style.width = width + "px";
	div.style.height = height + "px";
	div.style.border = "#000000 1px solid";
	div.style.overflow = "hidden";
	div.appendChild(innerTable);
	
	var leftIcon = new Image();
	leftIcon.src = leftImg;
	var rightIcon = new Image();
	rightIcon.src = rightImg;
	
	var table = document.createElement("table");
	table.width = (leftIcon.width + rightIcon.width + width) + "px";
	var tbody = document.createElement("tbody");
	table.appendChild(tbody);
	var row = document.createElement("tr");
	var leftTd = document.createElement("td");
	var centerTd = document.createElement("td");
	var rightTd = document.createElement("td");
	tbody.appendChild(row);
	row.appendChild(leftTd);
	row.appendChild(centerTd);
	row.appendChild(rightTd);
	
	leftTd.appendChild(leftIcon);
	centerTd.appendChild(div);
	rightTd.appendChild(rightIcon);
	
	parent.appendChild(table);
	
	var lastCopy = innerTd;
	
	leftIcon.onclick = function(e) {
		if(div.scrollLeft == 0) {
			var origWidth = div.scrollWidth;
			var copy = innerTd.cloneNode(true);
			lastCopy = innerRow.insertBefore(copy, lastCopy);
			var diff = div.scrollWidth - origWidth;
			div.scrollLeft = diff;
		}
		
		var countIncrement = 0;
		var intId = setInterval(	function() {
										countIncrement++;
										//alert(div.scrollLeft);
										div.scrollLeft -= 1;
										if(countIncrement == increment) {
											clearInterval(intId);
										}					
									},
									2
		);
	}
	
	rightIcon.onclick = function(e) {
	
		if(div.scrollWidth == (div.scrollLeft + width)) {
			var copy = innerTd.cloneNode(true);
			innerRow.appendChild(copy);
		}
		
		var countIncrement = 0;
		var intId = setInterval(	function() {
										countIncrement++;
										//alert(div.scrollLeft);
										div.scrollLeft += 1;
										if(countIncrement == increment) {
											clearInterval(intId);
										}					
									},
									2
		);
	}
	return table;
}

GabeUtil.getInputElement = function(type, value, name, id) {
	
	if(typeof name == "undefined") {
		name = '';	
	}
	
	if(typeof id == "undefined") {
		id = '';	
	}
	
	var element = document.createElement("input");
	element.type = type;
	element.value = value;
	element.name = name;
	element.id = id;
	return element;
	
}

GabeUtil.getFloatingDiv = function(e, width, height, className) {
	
	e = GabeUtil.getEvent(e);
	var pos = GabeUtil.getMousePos(e);
	var widthOffset = 30;
	var top = 0;

	var div = document.createElement("div");
	div.style.height = "10px";
	div.style.width = "10px";
	div.style.position = "absolute";
	div.style.zIndex = 9;
	div.style.overflow = "hidden";
	div.style.display = 'none';
	document.body.appendChild(div);
	
	if(typeof className != "undefined") {
		div.className = className;	
	}
	
	div.displayDiv = function() {
		
		// The content has already been set.  Now it's time to display the div.
		
		div.style.display = 'block';
		
		if(	(height == null) || 
			(typeof height == "undefined")
			) {
			height = div.scrollHeight;
		}
		
		if(	(width == null) || 
			(typeof width == "undefined")
			) {
			width = div.scrollWidth;
		}
		
		top = (pos.y - height + 30);
		if(top < 10) {
			top = 20;
		}
		div.style.top = top + "px";
		div.style.left = (pos.x - widthOffset) + "px";
		
		GabeUtil.slideRight(div, width);
		GabeUtil.slideDown(div, height);
		
	}
	
	return div;
	
}

GabeUtil.imagePreloader = function(parent, imageUrl, preloaderUrl) {
	
	var myDate = new Date();
	var preloaderImg = new Image();
	preloaderImg.src = preloaderUrl;
	parent.appendChild(preloaderImg);
	
	var text = document.createTextNode("Loading...");
	parent.appendChild(text);
	
	var aimage = new Image();
	aimage.src = imageUrl + "?ts=" + myDate.getTime();
	aimage.onload = function(e) {	
		parent.removeChild(preloaderImg);
		parent.removeChild(text);
		parent.appendChild(aimage);
	}
	
}

GabeUtil.registerSlideDown = function(button, element, minHeight, maxHeight, closed) {
	
	if(typeof closed == 'undefined') {
		closed = true;
		element.style.overflow = 'hidden';
	}
	//alert(button);
	button.onclick = function(e) {
		if(closed == true) {
			element.style.overflow = 'hidden';
			GabeUtil.slideDown(element, maxHeight, function() {
																closed = false;
																element.style.overflow = 'auto';
															});
		} else {
			element.style.overflow = 'hidden';
			GabeUtil.slideDownClose(element, minHeight, function() {
																 	closed = true;
																 });
		}
	}
	
}

GabeUtil.slideDown = function(element, maxHeight, callback) {

	if(typeof maxHeight == 'undefined') {
		maxHeight = element.scrollHeight;
	}
	var intId;
	
	intId = setInterval(	function() {
								if(parseInt(element.style.height, 10) >= maxHeight) {
									element.style.height = maxHeight + "px";
									clearInterval(intId);
									if(typeof callback != 'undefined') {
										callback();
									}
									return;
								}
								element.style.height = (parseInt(element.style.height, 10) + 20) + "px";
							}, 
							10);
}

GabeUtil.slideRight = function(element, maxWidth, callback) {

	if(typeof maxWidth == 'undefined') {
		maxWidth = element.scrollWidth;
		maxWidth = 300;
	}
	var intId;
	
	intId = setInterval(	function() {
								if(parseInt(element.style.width, 10) >= maxWidth) {
									element.style.width = maxWidth + "px";
									clearInterval(intId);
									if(typeof callback != 'undefined') {
										callback();
									}
									return;
								}
								element.style.width = (parseInt(element.style.width, 10) + 20) + "px";
							}, 
							10);
}

GabeUtil.slideDownClose = function(element, minHeight, callback) {
	
	if(typeof minHeight == 'undefined') {
		minHeight = 10;
	}
	
	var intId;
	
	intId = setInterval(	function() {
								if(parseInt(element.style.height, 10) <= minHeight) {
									
									element.style.height = minHeight + "px";
									clearInterval(intId);
									if(typeof callback != 'undefined') {
										callback();
									}
									return;
								}
								element.style.height = (parseInt(element.style.height, 10) - 20) + "px";
							}, 
							10);
}

GabeUtil.expandImage = function(img, url) {
	var newImg = document.createElement("img");
	newImg.src = url;
	newImg.style.position = 'absolute';
	var pos = GabeUtil.getAbsolutePos(img);
	var offsetx = Math.ceil((newImg.width - img.width) / 2);
	var offsety = Math.ceil((newImg.height - img.height) / 2);
	newImg.style.left = (pos.x - offsetx) + 'px';
	newImg.style.top = (pos.y - offsety) + 'px';
	document.body.appendChild(newImg);
	
	newImg.onmouseout = function(e) {
		newImg.parentNode.removeChild(newImg);
	}
}

GabeUtil.confirmRedirect = function(location, message) {
	
	if(typeof message == 'undefined') {
		message = 'Continue?';	
	}
	
	if(confirm(message)) {
		window.location = location;
	}
	
	return false;
}


GabeUtil.registerFlyoutBottom = function(parent, element) {
	
	parent.onmouseover = function(e) {
		//var pos = GabeUtil.getAbsolutePos(parent);
		//element.style.position = 'absolute';
		element.style.top = 'auto';
		element.style.left = 'auto';
		element.style.zIndex = 5;
	}
	
	parent.onmouseout = function(e) {
		element.style.top = '-100em';
	}
	
}

GabeUtil.numericOnly = function(field) {
	
	var allowed = "0123456789.";
	var len;
	var value;
	var char;
	var newvalue;
	
	var filter = function(e) {
		newvalue = '';
		e = GabeUtil.getEvent(e);
		len = field.value.length;
		value = field.value;
		for(var i = 0; i < len; i++) {
			char = value.substr(i, 1);
			if(allowed.indexOf(char) != -1) {
				newvalue += char;
			}
		}
		field.value = newvalue;
	}
	
	GabeUtil.addEventListener(field, "keyup", filter, false);
	
}

GabeUtil.createTable = function(doc, cols, rows, className) {
	var table = doc.createElement("table");
	var tbody = doc.createElement("tbody");
	if(className) {
		table.className = className;	
	}
	table.border = "1px";
	for(var i = 0; i < rows; i++) {
		var newRow = doc.createElement("tr");
		for(var j = 0; j < cols; j++) {
			var newCell = doc.createElement("td");	
			newCell.innerHTML = "&nbsp;";
			newRow.appendChild(newCell);
		}
		tbody.appendChild(newRow);
	}
	table.appendChild(tbody);
	return table;
}

/*
	Gets elements by class name
*/
GabeUtil.getElements = function(aparent, tagName, className) {
	
	if((typeof tagName == "undefined") || (tagName == null)) {
		// No tagName specified
		tagName = "*";
	}
	
	var temp = aparent.getElementsByTagName(tagName);
	var tempLen = temp.length;
	var elements = [];
	
	for(var i = 0; i < tempLen; i++) {
		if(typeof temp[i] == "object") {
			elements.push(temp[i]);
		}
	}
	
	if(typeof className != "undefined") {
		// Class name was specified
		for(var i = 0; i < elements.length; i++) {
			if(	(elements[i].className.indexOf(className) == -1) || 
				(typeof elements[i].className == "undefined")
				) {
				//alert(elements[i].className);
				elements.splice(i, 1);
				--i;
			}
		}
	}
	
	return elements;
	
}

/*
	Determines if internet browser is IE.
*/
GabeUtil.isIE = function() {
	if(typeof window.addEventListener == "undefined") {
		return true;
	}	
	return false;
}

/*
	Adds an event listener to an element
*/
GabeUtil.addEventListener = function(aelement, action, afunction, bool) {
	if(typeof aelement.addEventListener == "function") {
		aelement.addEventListener(action, afunction, bool);	
	} else {
		aelement.attachEvent("on" + action, afunction);
	}
}

/*
	Removes an event listener from an element.
*/
GabeUtil.removeEventListener = function(aelement, action, afunction, bool) {
	if(typeof aelement.addEventListener == "function") {
		aelement.removeEventListener(action, afunction, bool);	
	} else {
		aelement.detachEvent("on" + action, afunction);
	}
}

/*
	Generalizes the event object.
*/
GabeUtil.getEvent = function(e) {
	if(window.event) {
		//alert("windows!");
		e = window.event;
		e.target = e.srcElement;
		e.preventDefault = function() {
			e.returnValue = false;
		}
		if(e.type == 'mouseover' || e.type == 'mouseout') {
			e.relatedTarget = e.toElement;
		}
	}
	return e;
}

GabeUtil.getScrollPos = function() {
	var pos = {};
	if(!GabeUtil.isIE()) {
		// Mozilla
		pos.x = window.pageXOffset;
		pos.y = window.pageYOffset;
	} else {
		if(typeof document.documentElement.scrollLeft != "undefined") {
			pos.x = document.documentElement.scrollLeft;
			pos.y = document.documentElement.scrollTop;
		} else {
			pos.x = document.body.scrollLeft;
			pos.y = document.body.scrollTop;
		}
	}
	return pos;
}

GabeUtil.getMousePos = function(e) {
	var pos = {};
	var wscroll = GabeUtil.getScrollPos();
	pos.x = wscroll.x + e.clientX;
	pos.y = wscroll.y + e.clientY;
	return pos;
}

GabeUtil.getAbsolutePos = function(element) {
	var offset = {};
	offset.x = 0;
	offset.y = 0;
	while(element != null) {
		offset.x += parseInt(element.offsetLeft, 10);
		offset.y += parseInt(element.offsetTop, 10);
		element = element.offsetParent;
	}
	return offset;
}

GabeUtil.moveElementVertical = function(aelement, newPos, cPos) {
	
	aelement.style.position = "absolute";
	
	if(typeof cPos != "undefined") {
		aelement.style.top = cPos + "px";	
	}
	
	var currPos = parseInt(aelement.style.top, 10);
	
	var tempPos = 0;
	var callback = null;
	var intId = null;
	if(newPos > currPos) {
		callback = function() {
			tempPos = (parseInt(aelement.style.top, 10) + 10);
			aelement.style.top =  tempPos + "px";
			if(tempPos >= newPos) {
				clearInterval(intId);	
			}
		}
	} else {
		callback = function() {
			tempPos = (parseInt(aelement.style.top, 10) - 10);
			aelement.style.top =  tempPos + "px";
			if(tempPos <= newPos) {
				clearInterval(intId);	
			}
		}
	}
	
	intId = setInterval(function() { callback(); }, 20);
	
}

GabeUtil.populateDropdownWithObj = function(dropdown, obj) {
	for(var key in obj) {
		dropdown.options[dropdown.length] = new Option(obj[key], key, false, false);
	}
	return true;
}

GabeUtil.getTextMatchesObj = function(text, obj) {
	var matches = {};
	for(var key in obj) {
		//alert(obj[key].indexOf(text));
		if(obj[key].toLowerCase().indexOf(text.toLowerCase()) != -1) {
			matches[key] = obj[key];	
		}
	}
	return matches;
}

GabeUtil.populateDropdownWithMatch = function(text, dropdown, obj) {
	var matches = GabeUtil.getTextMatchesObj(text, obj);
	GabeUtil.populateDropdownWithObj(dropdown, matches);
}

GabeUtil.registerActiveDropdownSearch = function(	textInput, 
												 	dropdown, 
													callback /* that should return an object with key value pairs to populate dropdown */) {
	
	var obj = null;
	var timeoutId = null;
	
	textInput.onkeyup = function(e) {
		
		clearTimeout(timeoutId);
		
		timeoutId = setTimeout(	function() {

											obj = callback();
											dropdown.options.length = 0;
											
											if(textInput.value.length >= 1) {
												GabeUtil.populateDropdownWithMatch(textInput.value, dropdown, obj);
											} else {
												//GabeUtil.populateDropdownWithObj(dropdown, obj);
											}
											
											if(dropdown.selectedIndex >= 0) {
												textInput.value = dropdown.options[dropdown.selectedIndex].value;
												dropdown.style.display = 'inline';
											} else {
												dropdown.style.display = 'none';
											}
										 
										}, 500
						   	); 
		
		
		
	}
	
	dropdown.onchange = function(e) {
		if(dropdown.selectedIndex >= 0) {
			textInput.value = dropdown.options[dropdown.selectedIndex].value;
		}
	}
	
	return true;
	
}

GabeUtil.setOpacity = function(element, opacityVal) {
	if('opacity' in element.style) {
		element.style.opacity = opacityVal;
	} else {
		element.style.filter = "alpha(opacity=" + (opacityVal * 100) + ")";	
	}
}

GabeUtil.getOpacity = function(element) {
	if('opacity' in element.style) {
		return element.style.opacity;
	} else {
		var opacity = element.style.filter.replace("alpha(opacity=", '');
		opacity = parseInt(opacity.replace(")", '')) / 100;
		if(isNaN(opacity)) {
			opacity = '';	
		}
		return opacity;
	}
}

GabeUtil.fadeOut = function(element, fadeEnd, callback, fadeStart, speed, increment) {
	// default fadeStart == 1
	var elementOpacity = GabeUtil.getOpacity(element);
	if(typeof fadeStart == 'undefined' || fadeStart === null) {
		if(elementOpacity !== '') {
			fadeStart = elementOpacity;
		} else {
			fadeStart = 1;
		}
	}
	return GabeUtil.fadeEffect(element, fadeEnd, callback, fadeStart, speed, increment);
}

GabeUtil.fadeIn = function(element, fadeEnd, callback, fadeStart, speed, increment) {

	// default fadeStart == 0
	var elementOpacity = GabeUtil.getOpacity(element);
	if(typeof fadeStart == 'undefined' || fadeStart === null) {
		if(elementOpacity !== '') {
			fadeStart = elementOpacity;
		} else {
			fadeStart = 0;
		}
	}
	return GabeUtil.fadeEffect(element, fadeEnd, callback, fadeStart, speed, increment);
}

GabeUtil.fadeEffect = function(element, fadeEnd, callback, fadeStart, speed, increment) {
	
	if(typeof increment == 'undefined' || increment === null) {
		increment = .10;
	}
	
	if(typeof speed == 'undefined' || speed === null) {
		speed = 50;
	}

	var addTo = function(n1, n2) {
		return parseFloat(n1) + parseFloat(n2);
	}
	
	var minusFrom = function(n1, n2) {
		return  parseFloat(n1) -  parseFloat(n2);
	}
	
	var toExec;
	
	if(fadeEnd > fadeStart) {
		toExec = addTo;
	} else {
		toExec = minusFrom;
	}
	
	GabeUtil.setOpacity(element, fadeStart);
	
	var fadeIntId = setInterval(	function() {
										if(GabeUtil.getOpacity(element) == fadeEnd) {
											clearInterval(fadeIntId);
											return;
										}
										//element.innerHTML = element.style.opacity;
										GabeUtil.setOpacity(element, toExec(GabeUtil.getOpacity(element), increment));
									},
									speed
									);
	return fadeIntId;
	
}

GabeUtil.registerFadeInOut = function(element, fadeEnd, callback, fadeStart, speed, increment) {

	var fadeIntId;
	
	element.onmouseover = function(e) {
		clearInterval(fadeIntId);
		fadeIntId = GabeUtil.fadeIn(element, fadeEnd, callback, fadeStart, speed, increment);	
	}
	
	element.onmouseout = function(e) {
		clearInterval(fadeIntId);
		fadeIntId = GabeUtil.fadeOut(element, fadeStart, callback, fadeEnd, speed, increment);
	}
}

GabeUtil.getWindowInfo = function() {
	var info = {};
	if(typeof window.innerWidth != 'undefined') {
		info.innerWidth = window.innerWidth;
		info.innerHeight = window.innerHeight; 
	} else {
		if(!document.documentElement && !document.documentElement.clientWidth) {
			info.innerWidth = document.body.clientWidth;
			info.innerHeight = document.body.clientHeight;
		} else {
			info.innerWidth = document.documentElement.clientWidth;
			info.innerHeight = document.documentElement.clientHeight;
		}
	}
	return info;
}

GabeUtil.getElementSize = function(element) {
	
	var specs = {};
	
	if(element.style.width === '') {	
		specs.width = parseInt(element.scrollWidth);
	} else {
		specs.width = parseInt(element.style.width);
	}
	
	if(element.style.height === '') {		
		specs.height = parseInt(element.scrollHeight);
	} else {
		specs.height = parseInt(element.style.height);
	}
	
	return specs;
	
}

GabeUtil.centerElementToWindow = function(element) {
	var elementSize = GabeUtil.getElementSize(element);
	var windowInfo = GabeUtil.getWindowInfo();
	var scrollPos = GabeUtil.getScrollPos();
	var offsetLeft = Math.round((windowInfo.innerWidth - parseInt(elementSize.width)) / 2);
	element.style.left = offsetLeft + "px";
	if(parseInt(elementSize.height) >= windowInfo.innerHeight) {
		element.style.top = (scrollPos.y + 15) + "px";	
	} else {
		var offsetTop = Math.round((windowInfo.innerHeight - parseInt(elementSize.height)) / 2);
		element.style.top = ((offsetTop - 50) + scrollPos.y) + "px";	
	}
}