﻿
	window.addEvent('domready',function(){

		var pagers = $$(".pager")
		for(i=0;i<pagers.length;i++){

			var it = pagers[i].getElements(".pagerLink");
			var navWrapper = new Element("div",{'class':'pagerNavWrapper'});
			var navDiv = new Element("span",{'class':'pagerNav',"id":"slideNava"});
			var numDiv = new Element("div",{'class':'navNumbers'});		
			var pBut = new Element("div",{'class':'prevBut','id':'prevBut'});
			var pButI = new Element("img", {"src":"/app_themes/freewater/gfx/spacer.gif","class":"navImg"})
			var pButLink = new Element("a", {"href":pagers[i].getElement("a#pagerPrevLink").getProperty("href")})			
			var nBut = new Element("div",{'class':'nextBut','id':'nextBut'});
			var nButI = new Element("img", {"src":"/app_themes/freewater/gfx/spacer.gif","class":"navImg"})
			var nButLink = new Element("a", {"href":pagers[i].getElement("a#pagerNextLink").getProperty("href")})
			pButI.inject(pButLink);
			pButLink.inject(pBut);
			
			nButI.inject(nButLink);
			nButLink.inject(nBut);
			
			pBut.inject(navDiv);
			for(ii=0;ii<it.length;ii++){


				if(it[ii].get('tag')=='a'){
					var sp = new Element("a",{'class':'navNumber', 'href':it[ii].getProperty('href')});
					sp.setProperty("text",ii+1);
					sp.inject(numDiv);
				}else{
					var sp = new Element("span",{'class':'navNumberCurrentPage'});
					sp.setProperty("text",ii+1);
					sp.inject(numDiv);					
				}
				
				if(ii<it.length-1){
					var dev = new Element("span",{'class':'navDevider','text':'|'});
					dev.inject(numDiv);
				}
	
			}
			numDiv.inject(navDiv);
	
			nBut.inject(navDiv);		


	
			navDiv.inject(navWrapper);
			navWrapper.inject(pagers[i],'after');
			navWrapper.setStyle('width',(navDiv.getSize().x));
		}
	});
