//
// General Purpose Functions
//

cap = function(elemID) {
	$(elemID).value = $(elemID).value.capitalize();
}
relocate = function(url,name,attributes) {
	if (name != undefined) {
		window.open(url,name,attributes);
	} else {
		document.location = url;
	}
}

// 
// Layout Management Functions
//

hideElement = function(elemID,effect){
	if (effect == undefined) { effect = 'none' }
	
	if($(elemID) != undefined){ // if element found
		if($(elemID).getStyle('display') != 'none'){
			if (effect == 'blind') {
				new Effect.BlindUp(elemID, {duration:0.5});
			} else if (effect == 'slide') {
				new Effect.SlideUp(elemID, {duration:0.5});
			} else if (effect == 'fade') {
				new Effect.Fade(elemID, {duration:0.8});
			} else {
				$(elemID).hide();
			}
		} else {
			// Do nothing, it's already hidden
		}
	}
}
maximizeElement = function(ElemID){
	if($(ElemID).getStyle('position') == 'absolute'){
		$(ElemID).setStyle({ position: 'relative', left: 'none', top: 'none', width: '830px' });
	} else {
		$(ElemID).setStyle({ position: 'absolute', left: 0, top: 0, width: '98%' });
	}
		
}
removeElement = function(elemID){
	$(elemID).remove();
}
showElement = function(elemID,effect){
	if (effect == undefined) { effect = 'none' }
	
	if($(elemID).getStyle('display') == 'none'){
		if (effect == 'blind') {
			new Effect.BlindDown(elemID, {duration:0.5});
		} else if (effect == 'slide') {
			new Effect.SlideDown(elemID, {duration:0.5});
		} else if (effect == 'appear' || effect == 'fade') {
			new Effect.Appear(elemID, {duration:0.5});
		} else {
			$(elemID).show();
		}
	} else {
		// Do nothing, it's already visible
	}
}
toggleElement = function(elemID,effect){
	new Effect.toggle(elemID, effect, {duration:0.5});
}

//
// Ajax Functions
//
updateRegion = function(elemID,url){
	new Ajax.Updater(elemID, url, {
	method: 'get',
	evalScripts: false,
	  onCreate: function() {
	  	$(elemID).update('<img src="../assets/images/icons/loading.gif" width="18" height="18" align="absmiddle"> Loading...');
	  },
	  onSuccess: function(transport) {
		$(elemID).update(transport.responseText);
	  },
	  onFailure: function(transport) {			
	  	$(elemID).update('<strong>Error Loading Content</strong>');
	  }
	});
}