function animateOver(elementid) {
	var attributes = {
	   height: { to: 38, unit: 'px' },
	   fontSize: { to: 25, unit: 'px' },
	   paddingTop: { to: 11, unit: 'px' }
	};
	
	var colattributes = {
        color: { to: '#fff' },
        backgroundColor: { to: '#ccc' }
    };
    
    if (elementid.className != "open") {
    	var anim = new YAHOO.util.ColorAnim(elementid, colattributes, 0.5, YAHOO.util.Easing.easeBothStrong);
		anim.animate();
		var myAnim = new YAHOO.util.Anim(elementid, attributes, 0.5, YAHOO.util.Easing.easeBothStrong);
		myAnim.animate();
		
		arrelements = getElementsByClassName("open")
		if (arrelements.length == 1) {
			var attributes = {
			   height: { to: 15, unit: 'px' },
			   fontSize: { to: 10, unit: 'px' },
			   paddingTop: { to: 4, unit: 'px' }
			};
			var myAnim = new YAHOO.util.Anim(arrelements[0], attributes, 0.5, YAHOO.util.Easing.easeBothStrong);
			myAnim.animate();
		}
	}
	
	 
}

function animateOut(elementid) {
	var attributes = {
	   height: { to: 15, unit: 'px' },
	   fontSize: { to: 10, unit: 'px' },
	   paddingTop: { to: 4, unit: 'px' }
	};
	
	var colattributes = {
        color: { to: '#000' },
        backgroundColor: { to: '#e5e5e5' }
    };
    
    if (elementid.className != "open") {
    	var anim = new YAHOO.util.ColorAnim(elementid, colattributes, 0.5, YAHOO.util.Easing.easeBothStrong);
		anim.animate();
		var myAnim = new YAHOO.util.Anim(elementid, attributes, 0.5, YAHOO.util.Easing.easeBothStrong);
		myAnim.animate();
		
		arrelements = getElementsByClassName("open")
		if (arrelements.length == 1) {
			var attributes = {
			   height: { to: 38, unit: 'px' },
			   fontSize: { to: 25, unit: 'px' },
			   paddingTop: { to: 11, unit: 'px' }
			};
			var myAnim = new YAHOO.util.Anim(arrelements[0], attributes, 0.5, YAHOO.util.Easing.easeBothStrong);
			myAnim.animate();
		}
	}
}

var pagecount = 1
var pagelimit = 4

function caroselMoveNext() {
	var currentleft = parseInt(document.getElementById("slider").style.left);
	//alert(document.getElementById("slider").style.left)
	//alert(currentleft)
	
	if (currentleft > (((pagelimit-1)*800)*-1)) {
		currentleft -= 800;
		pagecount += 1;
	}
	var attributes = {
	   left: { to: currentleft, unit: 'px' }
	};
	
	var myAnim = new YAHOO.util.Anim("slider", attributes, 1, YAHOO.util.Easing.easeBothStrong);
	myAnim.animate();
	genpager()
}

function caroselMovePrev() {
	var currentleft = parseInt(document.getElementById("slider").style.left);
	//alert(document.getElementById("slider").style.left)
	//alert(currentleft)
	if (currentleft != 0) {
		currentleft += 800;
	}
	if (currentleft > 0) {
		currentleft = 0;
	}
	var attributes = {
	   left: { to: currentleft, unit: 'px' }
	};
	
	pagecount -= 1;
	if (pagecount < 1) {
		pagecount = 1;
	}
	
	var myAnim = new YAHOO.util.Anim("slider", attributes, 1, YAHOO.util.Easing.easeBothStrong);
	myAnim.animate();
	genpager()
}

function movetopage(pageid) {
	var attributes = {
	   left: { to: ((800*(pageid-1))*-1), unit: 'px' }
	};
	var myAnim = new YAHOO.util.Anim("slider", attributes, 1, YAHOO.util.Easing.easeBothStrong);
	myAnim.animate();
	pagecount = pageid;
	genpager()
}

function genpager() {
	output = "| ";
	//pager = document.getElementById("pager")
	t = 1;
	while (t <= pagelimit) {
		if (t == pagecount) {
			bold = "style='font-weight:bold;'";
		} else {
			bold = "";
		}
		output += "<a href='javascript:movetopage("+t+");' "+bold+" >"+t+"</a> | ";
		t++;
	}
	arrpagers = getElementsByClassName("pager")
	for (var i = 0; i < arrpagers.length; i++) {
		arrpagers[i].innerHTML = output;
	}
}

function caroselMoveFirst() {
	var attributes = {
	   left: { to: 0, unit: 'px' }
	};
	
	var myAnim = new YAHOO.util.Anim("slider", attributes, 2, YAHOO.util.Easing.easeBothStrong);
	myAnim.animate();
}

function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}

function setplaceholdersize()
{
	var placeholder = document.getElementById("placeholder");
	var nav = document.getElementById("nav");
	placeholder.style.height = parseInt(nav.offsetHeight)+"px";
}