// JavaScript Document
function movePager(indicator, pager, last){
	var pager=Number(pager);
	var last=Number(last);
	if(indicator=='forward' && pager>last){
		pager--;
	}
	if(indicator=='back' && pager<-1){
		pager++;
	}
	var pages=document.getElementById('pages');
	var backBtn=document.getElementById('back').name=pager;
	var forwBtn=document.getElementById('forward').name=pager;
	pages.style.left=pager*18+'px';
}
function changeBorder(){
	
	var thumbCont = document.getElementById("thumbContainer");
	var thumbs = thumbCont.getElementsByTagName('img');
	for (var i=0;i<thumbs.length;i++){
		attachEventListener(thumbs[i], "mouseover", newBorder, false);
		attachEventListener(thumbs[i], "mouseout", animeoff, false);
	}
	return true;
};
function newBorder(eventType){
	if(typeof eventType.srcElement!="undefined"){
		var thumb=eventType.srcElement;
	}else{
		var thumb=this;
	}
	var thumbCont = document.getElementById("thumbContainer");
	thumbs = thumbCont.getElementsByTagName('img');
	for(var i=0; i<242; i++){
		if(thumb==thumbs[i]){
			animeborder(thumb);
		}
	}
}
function animeborder(srcEl){
	srcElanim=new Animator({transition: Animator.makeEaseOut(1),duration: 500});
	srcElanim.addSubject(new ColorStyleSubject(srcEl, 'border-color', "#000000", "#37584F"));
	animeon();
}
function animeon(){
	srcElanim.seekTo(1);
}
function animeoff(){
	if(window.thumbs){
		srcElanim.seekTo(0);
	}
}
addLoadListener(changeBorder);