function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

function toggleAllElements(element_name)
{	
	var el = getElementsByClass(element_name);
	// this loops thru the array and sets the style you want
	for (var i=0; i < el.length; i++){
		//el[i].style.display = "none";
		new Fx.Slide(el[i], {duration: 500}).hide();
	}
}


function toggle_div(element_id)
{	
// 	var openbar = new Fx.Slide(element_id, {duration: 500});

	var height = $(element_id).getStyle('height');
	new Fx.Style(element_id, 'height').start(height, height*-1);
	
// 	openbar.slideOut().chain(function() {
// 		openbar.slideIn();
// 	});
}

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 LoadImage(element, count, base)
{
	new Fx.Style(element, 'opacity', {duration: 300}).start(1,0);
	
	(function() {	
		
		$(element).innerHTML = "<img src=\"http://www.myubcard.com/images/pageimages/catering/photo" 
			+ count + "_medium.jpg\" width=\"400\" height=\"300\" alt=\"catering image\"/>";
		
		
		new Fx.Style(element, 'opacity', {duration: 300}).start(0, 1);
		
	}).delay(300);
}

function fadeOut(element)
{
	new Fx.Style(element, 'opacity').start(1, .3);
}

function fadeIn(element)
{	
	new Fx.Style(element, 'opacity').start(.3,1);
}

function doQuery(url, div, params)
{		
    $(div).innerHTML = "<div style=\"text-align: center;\"><img src=\"images/loading.gif\"></div>";
	
	new Ajax(url, {
		method: 'post',
		data: params,
		update: $(div)
	}).request();        
}

function imageEffect(element_name)
{
	var myEffects = new Fx.Styles(element_name, {duration: 100,transition: Fx.Transitions.linear});
	
	//height from 10 to 100 and width from 900 to 300
	myEffects.start({
		'height': [10, 100],
		'width': [900, 300]
	});
}