////NO NEED TO EDIT BELOW////////////////////////
var enablepersist=true
var slidernodes=new Object() //Object array to store references to each content slider's DIV containers (<div class="contentdiv">)
var maxheight=0;

function BillboardSlider(sliderid)
{
	var slider=document.getElementById(sliderid)
	slidernodes[sliderid]=[] //Array to store references to this content slider's DIV containers (<div class="contentdiv">)
	var alldivs=slider.getElementsByTagName("div")
	for (var i=0; i<alldivs.length; i++)
	{
		if (alldivs[i].className=="billboardlayer")
			slider.billboardlayer=alldivs[i]
		else if (alldivs[i].className=="contentdiv")
		{
		  slidernodes[sliderid].push(alldivs[i]) //add this DIV reference to array

		  maxheight=Math.max(maxheight,alldivs[i].offsetHeight); // get maxheight
		}
	}

	BillboardSlider.buildpagination(sliderid)

	var loadfirstcontent=true

	if (enablepersist && getCookie(sliderid)!="")
	{ //if enablepersist is true and cookie contains corresponding value for slider
		var cookieval=getCookie(sliderid).split(":") //process cookie value ([sliderid, int_pagenumber (div content to jump to)]
		if (document.getElementById(cookieval[0])!=null && typeof slidernodes[sliderid][cookieval[1]]!="undefined"){ //check cookie value for validity
			BillboardSlider.turnpage(cookieval[0], parseInt(cookieval[1])) //restore content slider's last shown DIV
			loadfirstcontent=false
		}
	}
	if (loadfirstcontent==true) //if enablepersist is false, or cookie value doesn't contain valid value for some reason (ie: user modified the structure of the HTML)
		BillboardSlider.turnpage(sliderid, 0) //Display first DIV within slider
		
	slider.billboardlayer.style.height=maxheight+"px"; // set height
}

BillboardSlider.buildpagination=function(sliderid){

	var slider=document.getElementById(sliderid);
	var paginatediv=document.getElementById("paginate-"+sliderid); //reference corresponding pagination DIV for slider
	var pthumbtitle="";
	var pthumbimage="";
	var pcontent="";
	var td= [];
	var ul= [];
	for (var i=0, j=-1; i<slidernodes[sliderid].length; i++) //For each DIV within slider, generate a pagination link
	{
		pthumbtitle=slidernodes[sliderid][i].getElementsByTagName("img")[0].alt;
		pthumbimage=slidernodes[sliderid][i].getElementsByTagName("img")[0].src;


		if (i%9 == 0)
		{
		  j++;
		  td[j] = document.createElement('td');
		  ul[j] = document.createElement('ul');
		  td[j].appendChild(ul[j]);
		  paginatediv.appendChild(td[j]);
		  pcontent=""
		}
		pcontent+='<li><a href="#" onclick=\"BillboardSlider.turnpage(\''+sliderid+'\', '+i+'); return false\"><img src="' + pthumbimage + '" alt="" /></a></li>\n';

		ul[j].innerHTML=pcontent;

	}

	document.getElementById("total_animations").innerHTML=slidernodes[sliderid].length + " Total Animations";

}

BillboardSlider.turnpage=function(sliderid, thepage){
	var paginatelinks=document.getElementById("paginate-"+sliderid).getElementsByTagName("a") //gather pagination links
	for (var i=0; i<slidernodes[sliderid].length; i++){ //For each DIV within slider
		paginatelinks[i].className="" //empty corresponding pagination link's class name
		slidernodes[sliderid][i].style.display="none" //hide DIV
	}
	paginatelinks[thepage].className="selected" //for selected DIV, set corresponding pagination link's class name

	slidernodes[sliderid][thepage].style.display="block" //show selected DIV
	
	if (enablepersist) setCookie(sliderid, sliderid+":"+thepage)
}

function getCookie(Name){ 
	var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
	return ""
}

function setCookie(name, value){
	document.cookie = name+"="+value
}