function showElement(layer) {
	var myLayer = document.getElementById(layer);
	if(myLayer.style.display=="none"){
		myLayer.style.display="block";
		myLayer.backgroundPosition="top";
	} else { 
		myLayer.style.display="none";
	}
}

function showPage(num, maxNum) {
	var page;
	for (i=0; i <= parseInt(maxNum); i++)
	{
		page = document.getElementById('page'+ i);
		//if(page.style.visibility == "visible")
		//{
			page.style.display="none";
			page.style.visibility = "hidden";
		//}
	}
	var page2 = document.getElementById(num);
	page2.style.display="block";
	page2.style.visibility = "visible";
}

function goNexta(maxNum) {
	var  newHtml = "";
		newHtml += "<a class=\"FooterLink\" id=\"linkFirst\" href=\"javascript:goFirst(" + maxNum + ")\"> << </a>";
		newHtml += "<a class=\"FooterLink\" id=\"linkBack\" href=\"javascript:goBack(" + maxNum + ")\"> < </a>";
	var collect = document.getElementById('listingPager').getElementsByTagName('a');
		for (var i=0; i<collect.length; i++) {
			retV = collect[i].id.replace("link","");
			retN = parseInt(retV);
			if(retN+6 > maxNum) break;
			if(!isNaN(retN))
			{
				newHtml += "<a class=\"FooterLink\" id=\"link" + (retN+6) + "\" href=\"javascript:showPage('page" + (retN+6) + "'," + maxNum + ")\"> " + (retN+6+1) + " </a>";
			}
			else if(retV=="Next")
			{
				newHtml += "<a class=\"FooterLink\" id=\"linkNext\" href=\"javascript:goNext(" + maxNum + ")\"> > </a>";
				newHtml += "<a class=\"FooterLink\" id=\"linkLast\" href=\"javascript:goLast(" + maxNum + ")\"> >> </a>";
			}
		}
		document.getElementById('listingPager').innerHTML = newHtml;
}

function goNextb(maxNum) {
	var  newHtml = "";
		newHtml += "<a class=\"FooterLink\" id=\"linkbFirst\" href=\"javascript:goFirst(" + maxNum + ")\"> << </a>";
		newHtml += "<a class=\"FooterLink\" id=\"linkbBack\" href=\"javascript:goBack(" + maxNum + ")\"> < </a>";
	var collect = document.getElementById('listingPagerb').getElementsByTagName('a');
		for (var i=0; i<collect.length; i++) {
			retV = collect[i].id.replace("linkb","");
			retN = parseInt(retV);
			if(retN+6 > maxNum) break;
			if(!isNaN(retN))
			{
				newHtml += "<a class=\"FooterLink\" id=\"linkb" + (retN+6) + "\" href=\"javascript:showPage('page" + (retN+6) + "'," + maxNum + ")\"> " + (retN+6+1) + " </a>";
			}
			else if(retV=="Next")
			{
				newHtml += "<a class=\"FooterLink\" id=\"linkbNext\" href=\"javascript:goNext(" + maxNum + ")\"> > </a>";
				newHtml += "<a class=\"FooterLink\" id=\"linkbLast\" href=\"javascript:goLast(" + maxNum + ")\"> >> </a>";
			}
		}
		document.getElementById('listingPagerb').innerHTML = newHtml;
}

function goNext(maxNum) {
	goNexta(maxNum)
	goNextb(maxNum);
}

function goBacka(maxNum) {
	reste=maxNum%6;
	var tem=new Array();
	var minN=10000,maxN=0;
	if (reste==0) reste=6;
	var  newHtml = "";
	var collect = document.getElementById('listingPager').getElementsByTagName('a');
		for (var i=0; i<collect.length; i++) {
			tem[i] = parseInt(collect[i].id.replace("link",""));
			if(!isNaN(tem[i]))
			{
				if (minN > tem[i]) minN = tem[i];
				if (maxN < tem[i]) maxN = tem[i];
			}			
		}
		if (minN-6 > 0) {
	newHtml = "<a class=\"FooterLink\" id=\"linkFirst\" href=\"javascript:goFirst(" + maxNum + ")\"> << </a>"
				 + "<a class=\"FooterLink\" id=\"linkBack\" href=\"javascript:goBack(" + maxNum + ")\"> < </a>"
				 + newHtml;
				}
		if(minN!=10000) {
		for (var i=0; i<=5; i++) {
				newHtml += "<a class=\"FooterLink\" id=\"link" + (minN-6+i) + "\" href=\"javascript:showPage('page" + (minN-6+i) + "'," + maxNum + ")\"> " + (minN-6+i+1) + " </a>";
			}
		}
	newHtml += "<a class=\"FooterLink\" id=\"linkNext\" href=\"javascript:goNext(" + maxNum + ")\"> > </a>";
	newHtml += "<a class=\"FooterLink\" id=\"linkLast\" href=\"javascript:goLast(" + maxNum + ")\"> >> </a>";
		document.getElementById('listingPager').innerHTML = newHtml;
}

function goBackb(maxNum) {
	reste=maxNum%6;
	var tem=new Array();
	var minN=10000,maxN=0;
	if (reste==0) reste=6;
	var  newHtml = "";
	var collect = document.getElementById('listingPagerb').getElementsByTagName('a');
		for (var i=0; i<collect.length; i++) {
			tem[i] = parseInt(collect[i].id.replace("linkb",""));
			if(!isNaN(tem[i]))
			{
				if (minN > tem[i]) minN = tem[i];
				if (maxN < tem[i]) maxN = tem[i];
			}			
		}
		if (minN-6 > 0) {
	newHtml = "<a class=\"FooterLink\" id=\"linkbFirst\" href=\"javascript:goFirst(" + maxNum + ")\"> << </a>"
				 + "<a class=\"FooterLink\" id=\"linkbBack\" href=\"javascript:goBack(" + maxNum + ")\"> < </a>"
				 + newHtml;
				}
		if(minN!=10000) {
		for (var i=0; i<=5; i++) {
				newHtml += "<a class=\"FooterLink\" id=\"linkb" + (minN-6+i) + "\" href=\"javascript:showPage('page" + (minN-6+i) + "'," + maxNum + ")\"> " + (minN-6+i+1) + " </a>";
			}
		}
	newHtml += "<a class=\"FooterLink\" id=\"linkbNext\" href=\"javascript:goNext(" + maxNum + ")\"> > </a>";
	newHtml += "<a class=\"FooterLink\" id=\"linkbLast\" href=\"javascript:goLast(" + maxNum + ")\"> >> </a>";
		document.getElementById('listingPagerb').innerHTML = newHtml;
}


function goBack(maxNum) {
	goBacka(maxNum)
	goBackb(maxNum);
}

function goFirsta(maxNum) {
	var  newHtml = "";
	for (var i=0; i<6; i++) {
		retN = i;
		newHtml += "<a class=\"FooterLink\" id=\"link" + retN + "\" href=\"javascript:showPage('page" + retN + "'," + maxNum + ")\"> " + (retN+1) + " </a>";
	}
	newHtml += "<a class=\"FooterLink\" id=\"linkNext\" href=\"javascript:goNext(" + maxNum + ")\"> > </a>";
	newHtml += "<a class=\"FooterLink\" id=\"linkLast\" href=\"javascript:goLast(" + maxNum + ")\"> >> </a>";
	document.getElementById('listingPager').innerHTML = newHtml;
}

function goFirstb(maxNum) {
	var  newHtml = "";
	for (var i=0; i<6; i++) {
		retN = i;
		newHtml += "<a class=\"FooterLink\" id=\"linkb" + retN + "\" href=\"javascript:showPage('page" + retN + "'," + maxNum + ")\"> " + (retN+1) + " </a>";
	}
	newHtml += "<a class=\"FooterLink\" id=\"linkbNext\" href=\"javascript:goNext(" + maxNum + ")\"> > </a>";
	newHtml += "<a class=\"FooterLink\" id=\"linkbLast\" href=\"javascript:goLast(" + maxNum + ")\"> >> </a>";
	document.getElementById('listingPagerb').innerHTML = newHtml;
}

function goFirst(maxNum) {
	goFirsta(maxNum)
	goFirstb(maxNum);
}

function goLasta(maxNum) {
	reste=maxNum%6;
	if (reste==0) reste=6;
	var  newHtml = "";
	newHtml += "<a class=\"FooterLink\" id=\"linkFirst\" href=\"javascript:goFirst(" + maxNum + ")\"> << </a>";
	newHtml += "<a class=\"FooterLink\" id=\"linkBack\" href=\"javascript:goBack(" + maxNum + ")\"> < </a>";
	for (var i=maxNum-reste; i<=maxNum; i++) {
		retN = i;
		newHtml += "<a class=\"FooterLink\" id=\"link" + retN + "\" href=\"javascript:showPage('page" + retN + "'," + maxNum + ")\"> " + (retN+1) + " </a>";
	}
	document.getElementById('listingPager').innerHTML = newHtml;	
}

function goLastb(maxNum) {
	reste=maxNum%6;
	if (reste==0) reste=6;
	var  newHtml = "";
	newHtml += "<a class=\"FooterLink\" id=\"linkbFirst\" href=\"javascript:goFirst(" + maxNum + ")\"> << </a>";
	newHtml += "<a class=\"FooterLink\" id=\"linkbBack\" href=\"javascript:goBack(" + maxNum + ")\"> < </a>";
	for (var i=maxNum-reste; i<=maxNum; i++) {
		retN = i;
		newHtml += "<a class=\"FooterLink\" id=\"linkb" + retN + "\" href=\"javascript:showPage('page" + retN + "'," + maxNum + ")\"> " + (retN+1) + " </a>";
	}
	document.getElementById('listingPagerb').innerHTML = newHtml;	
}

function goLast(maxNum) {
	goLasta(maxNum)
	goLastb(maxNum);
}