// fires when the value of the sector select box is changed.
function onChangeSelectSector(selectEle) {
	if (typeof(selectEle) == 'undefined') return;
	var sectorVal = selectEle[selectEle.selectedIndex].value;
	filterBySector(sectorVal);
}

function filterBySector(sectorVal) {
	document.body.style.cursor = "wait";
	setTimeout('filterBySectorTimeout("' + sectorVal.replace("'", "\\'") + '");');
}

function filterBySectorTimeout(sectorVal) {
	var classSpec = "virtualpage";
	if (sectorVal.length > 0) {
		hideAllElementsByClass("virtualpage", "div");
		classSpec = "virtualpage.*" + sectorVal;
	}
	paginateByClass(classSpec, 10, "div", navigationArray);

	var visibleCount = 0;
	var allEle = getAllElementsByClass("virtualpage", "div");
	var allClassEle = getAllElementsByClass(classSpec, "div");
	for (var x = 0; x < allClassEle.length; x++)
		if (typeof(allClassEle[x].style) == 'undefined' ||
			typeof(allClassEle[x].style.display) == 'undefined' ||
			allClassEle[x].style.display != 'none')
			visibleCount++;

	var xEle = document.getElementById('affiliateNoneVisible');
	if (xEle != null)
		xEle.parentNode.removeChild(xEle);

	if (allEle.length > 0 && visibleCount == 0) {
		var newDiv = document.createElement('div');
		newDiv.setAttribute('id', 'affiliateNoneVisible');
		var newP = document.createElement('p');
		newP.setAttribute('align', 'center');
		newP.innerHTML = 'There are no results to display';
		newDiv.appendChild(newP);
		var sibDiv = document.getElementById('listingpaginate2');
		if (sibDiv != null)
			sibDiv.parentNode.insertBefore(newDiv, sibDiv);
	}

	var filtersEle = document.getElementById('affiliatesFiltersLinks');
	var categoryEle = document.getElementById('affiliatesCategoryLinks');

	if (filtersEle != null) {
		var filterLinks = filtersEle.getElementsByTagName('a');
		for (var x = 0; x < filterLinks.length; x++) {
			setSectorForLink(sectorVal, filterLinks[x]);
		}
	}

	if (categoryEle != null) {
		var categoryEle = categoryEle.getElementsByTagName('a');
		for (var x = 0; x < categoryEle.length; x++) {
			setSectorForLink(sectorVal, categoryEle[x]);
		}
	}

	document.body.style.cursor = "auto";
}

function setSectorForLink(sectorId, aEle) {
	var href = aEle.getAttribute('href');
	var qIdx = href.indexOf('?');
	if (qIdx == -1) {
		if (sectorId.length > 0)
			href += '?sectorId=' + sectorId;
	} else {
		if (sectorId.length == 0) {
			href = href.substring(0, qIdx);
		} else {
			href = href.substring(0, qIdx) + '?sectorId=' + sectorId;
		}
	}

	aEle.setAttribute('href', href);
}

function paginateByClass(className, chunksize, elementType, navigationArray) {
	var whatsnew=new virtualpaginate(className, chunksize, elementType);
	for (var x = 0; x < navigationArray.length; x++)
		whatsnew.buildpagination(navigationArray[x]);
}

function hideAllElementsByClass(className, elementType) {
	var allClassEle = getAllElementsByClass(className, elementType);
	for (var i = 0; i < allClassEle.length; i++)
		allClassEle[i].style.display = "none";
}

function getAllElementsByClass(className, elementType) {
	elementType = (typeof(elementType) == 'undefined' ? "div" : elementType);
	var classNameRE=new RegExp("(^|\\s+)"+className+"($|\\s+)", "i"); //regular expression to screen for className within element
	var pieces=[];
	var parentEle = document.getElementById("affiliates");
	if (parentEle == null) parentEle = document;
	var alltags=parentEle.getElementsByTagName(elementType);
	for (var i=0; i<alltags.length; i++) {
		if (typeof alltags[i].className=="string" && alltags[i].className.search(classNameRE)!=-1)
			pieces[pieces.length] = alltags[i];
	}
	return pieces;
}

// -------------------------------------------------------------------
// Virtual Pagination Script- By Dynamic Drive, available at: http://www.dynamicdrive.com
// Last updated: May 31st, 2007
//
// PUBLIC: virtualpaginate(className, chunksize)
// Main Virtual Paginate Object function.
// -------------------------------------------------------------------

function virtualpaginate(className, chunksize, elementType){
var elementType=(typeof elementType=="undefined")? "div" : elementType //The type of element used to divide up content into pieces. Defaults to "div"
this.pieces=virtualpaginate.collectElementbyClass(className, elementType) //get total number of divs matching class name
//Set this.chunksize: 1 if "chunksize" param is undefined, "chunksize" if it's less than total pieces available, or simply total pieces avail (show all)
this.chunksize=(typeof chunksize=="undefined")? 1 : (chunksize>0 && chunksize <this.pieces.length)? chunksize : this.pieces.length
this.pagecount=Math.ceil(this.pieces.length/this.chunksize) //calculate number of "pages" needed to show the divs
this.showpage(-1) //show no pages (aka hide all)
this.currentpage=0 //Having hidden all pages, set currently visible page to 1st page
this.showpage(this.currentpage) //Show first page
}

// -------------------------------------------------------------------
// PRIVATE: collectElementbyClass(classname)- Returns an array containing DIVs with the specified classname
// -------------------------------------------------------------------

virtualpaginate.collectElementbyClass=function(classname, element){ //Returns an array containing DIVs with specified classname
var classnameRE=new RegExp("(^|\\s+)"+classname+"($|\\s+)", "i") //regular expression to screen for classname within element
var pieces=[]
var parentEle = document.getElementById("affiliates");
if (parentEle == null) parentEle = document;
var alltags=parentEle.getElementsByTagName(element)
for (var i=0; i<alltags.length; i++){
if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1)
pieces[pieces.length]=alltags[i]
}
return pieces
}

// -------------------------------------------------------------------
// PUBLIC: showpage(pagenumber)- Shows a page based on parameter passed (0=page1, 1=page2 etc)
// -------------------------------------------------------------------

virtualpaginate.prototype.showpage=function(pagenumber){
var totalitems=this.pieces.length //total number of broken up divs
var showstartindex=pagenumber*this.chunksize //array index of div to start showing per pagenumber setting
var showendindex=showstartindex+this.chunksize-1 //array index of div to stop showing after per pagenumber setting
for (var i=0; i<totalitems; i++){
if (i>=showstartindex && i<=showendindex)
this.pieces[i].style.display="block"
else
this.pieces[i].style.display="none"
}
this.currentpage=parseInt(pagenumber)
	if (this.cpspan){ //if <span class="paginateinfo> element is present, update it with the most current info (ie: Page 3/4)		
		this.buildpagination("listingpaginate")
		this.buildpagination("listingpaginate2")
	}
}

// -------------------------------------------------------------------
// PRIVATE: paginate_build_() methods- Various methods to create pagination interfaces
// paginate_build_selectmenu(paginatedropdown)- Accepts an empty SELECT element and turns it into pagination menu
// paginate_build_regularlinks(paginatelinks)- Accepts a collection of links and screens out/ creates pagination out of ones with specific "rel" attr
// paginate_build_flatview(flatviewcontainer)- Accepts <span class="flatview"> element and replaces it with sequential pagination links
// paginate_build_cpinfo(cpspan)- Accepts <span class="paginateinfo"> element and displays current page info (ie: Page 1/4)
// -------------------------------------------------------------------

virtualpaginate.prototype.paginate_build_selectmenu=function(paginatedropdown, anchortext){
var instanceOfBox=this
var anchortext=anchortext || new Array()
this.selectmenupresent=1
for (var i=0; i<this.pagecount; i++){
if (typeof anchortext[i]!="undefined") //if custom anchor text for this link exists, use anchor text as each OPTION's text
paginatedropdown.options[i]=new Option(anchortext[i], i)
else //else, use auto incremented, sequential numbers
paginatedropdown.options[i]=new Option("Page "+(i+1)+" of "+this.pagecount, i)
}
paginatedropdown.selectedIndex=this.currentpage
paginatedropdown.onchange=function(){
instanceOfBox.showpage(this.selectedIndex)
}
}

virtualpaginate.prototype.paginate_build_regularlinks=function(paginatelinks){
var instanceOfBox=this
for (var i=0; i<paginatelinks.length; i++){
var currentpagerel=paginatelinks[i].getAttribute("rel")
if (currentpagerel=="previous" || currentpagerel=="next" || currentpagerel=="first" || currentpagerel=="last") //screen for these "rel" values
paginatelinks[i].onclick=function(){
instanceOfBox.navigate(this.getAttribute("rel"))
return false
}
}
}

virtualpaginate.prototype.paginate_build_flatview=function(flatviewcontainer, anchortext){
var instanceOfBox=this
var flatviewhtml=""
var anchortext=anchortext || new Array()
for (var i=0; i<this.pagecount; i++){
if (typeof anchortext[i]!="undefined") //if custom anchor text for this link exists
flatviewhtml+='<a href="#flatview" rel="'+i+'">'+anchortext[i]+'</a> ' //build pagination link using custom anchor text
else
flatviewhtml+='<a href="#flatview" rel="'+i+'">'+(i+1)+'</a> ' //build  pagination link using auto incremented sequential number instead
}
flatviewcontainer.innerHTML=flatviewhtml
this.flatviewlinks=flatviewcontainer.getElementsByTagName("a")
for (var i=0; i<this.flatviewlinks.length; i++){
this.flatviewlinks[i].onclick=function(){
instanceOfBox.flatviewlinks[instanceOfBox.currentpage].className="" //"Unhighlight" last flatview link clicked on...
this.className="selected" //while "highlighting" currently clicked on flatview link (setting its class name to "selected"
instanceOfBox.showpage(this.getAttribute("rel"))
return false
}
}
this.flatviewlinks[this.currentpage].className="selected" //"Highlight" current page
this.flatviewpresent=true //indicate flat view links are present
}

virtualpaginate.prototype.paginate_build_cpinfo=function(cpspan){
this.cpspan=cpspan
	if (this.currentpage==0){
		this.cpspan.innerHTML = (this.currentpage+1)+' - '+((this.currentpage+1)*10)+' of '+(this.pieces.length)+' Results  |  <a href="#" rel="next">Next Page</a><br/>'
	}else if (this.currentpage+1 == this.pagecount){
		this.cpspan.innerHTML = ((this.currentpage*10)+1)+' - '+(this.pieces.length)+' of '+(this.pieces.length)+' Results  |  <a href="#" rel="previous">Previous Page</a> <br/>'
	}else{
		this.cpspan.innerHTML = ((this.currentpage*10)+1)+' - '+((this.currentpage+1)*10)+' of '+(this.pieces.length)+' Results  |  <a href="#" rel="previous">Previous Page</a>  |  <a href="#" rel="next">Next Page</a><br/>'
	}
}


// -------------------------------------------------------------------
// PRIVATE: buildpagination()- Create pagination interface by calling one or more of the paginate_build_() functions
// -------------------------------------------------------------------

virtualpaginate.prototype.buildpagination=function(divid, optnavtext){
var instanceOfBox=this
var paginatediv=document.getElementById(divid)
if (this.chunksize==this.pieces.length){ //if user has set to display all pieces at once, no point in creating pagination div
paginatediv.style.display="none"
return
}
paginatediv.style.display="block";
var paginationcode=paginatediv.innerHTML //Get user defined, "unprocessed" HTML within paginate div
if (paginatediv.getElementsByTagName("select").length>0) //if there's a select menu in div
this.paginate_build_selectmenu(paginatediv.getElementsByTagName("select")[0], optnavtext)
//if (paginatediv.getElementsByTagName("a").length>0) //if there are links defined in div
//this.paginate_build_regularlinks(paginatediv.getElementsByTagName("a"))
var allspans=paginatediv.getElementsByTagName("span") //Look for span tags within passed div
for (var i=0; i<allspans.length; i++){
if (allspans[i].className=="flatview")
this.paginate_build_flatview(allspans[i], optnavtext)
else if (allspans[i].className=="paginateinfo"){
	this.paginate_build_cpinfo(allspans[i])
	if (paginatediv.getElementsByTagName("a").length>0) //if there are links defined in div
	this.paginate_build_regularlinks(paginatediv.getElementsByTagName("a"))
}
}
this.paginatediv=paginatediv
}

// -------------------------------------------------------------------
// PRIVATE: navigate(keyword)- Calls this.showpage() with the currentpage property preset based on entered keyword
// -------------------------------------------------------------------

virtualpaginate.prototype.navigate=function(keyword){
if (this.flatviewpresent)
this.flatviewlinks[this.currentpage].className="" //"Unhighlight" previous page (before this.currentpage increments)
if (keyword=="previous")
this.currentpage=(this.currentpage>0)? this.currentpage-1 : (this.currentpage==0)? this.pagecount-1 : 0
else if (keyword=="next")
this.currentpage=(this.currentpage<this.pagecount-1)? this.currentpage+1 : 0
else if (keyword=="first")
this.currentpage=0
else if (keyword=="last")
this.currentpage=this.pieces.length-1
this.showpage(this.currentpage)
if (this.selectmenupresent)
this.paginatediv.getElementsByTagName("select")[0].selectedIndex=this.currentpage
if (this.flatviewpresent)
this.flatviewlinks[this.currentpage].className="selected" //"Highlight" current page
}