var count=0;
var totalImages=0;
var busy=false;
window.addEvent('domready', function() {
	init();
	domRollover();
});

function init(){
	if($('h_scroller')!=undefined){
		var hImages=$('h_scroller').getElements('img').length;
		//count=hImages;
		totalImages=hImages;
		var eImages = 144*(count-4);
		//$('h_scroller').setStyle('margin-left', '-'+eImages+'px')
		$('arrow_right').addEvent('click', function(e){slideLeft();  });
		$('arrow_left').addEvent('click', function(e){slideRight();  });
	}
	if($('v_scroller')!=undefined){
		//var vImages=$('v_scroller').getElements('img').length;
		//count=vImages;
		totalImages=$('v_scroller').getElements('img').length;
		//var eImages = 50*(count-4);
		//$('v_scroller').setStyle('margin-top', '-'+eImages+'px')
		$('arrow_up').addEvent('click', function(e){slideUp(); });
		$('arrow_down').addEvent('click', function(e){slideDown(); });
	}
}

function slideRight(){
	//alert(busy);
	if(busy==false){
		busy=true;
		var myEffects = new Fx.Styles('h_scroller', {duration: 500, transition: Fx.Transitions.linear, onComplete: function(){ count--; busy=false }});
		var mImages = -144*(count);
		if(count>0){
			myEffects.start({
				'margin-left': [mImages, mImages+144]
			});	
		}else{
			 busy=false
		}
	}
}

function slideLeft(){
	if(busy==false){
		busy=true;
		var myEffects = new Fx.Styles('h_scroller', {duration: 500, transition: Fx.Transitions.linear, onComplete: function(){count++; busy=false   }});
		var mImages = -144*(count);
		if(count<(totalImages-4)){
			myEffects.start({
				'margin-left': [mImages, mImages-144]
			});	
		}else{
			 busy=false
		}
	}
}

function slideDown(){
	if(!busy){
		busy=true;
		var myEffects = new Fx.Styles('v_scroller', {duration: 500, transition: Fx.Transitions.linear, onComplete: function(){count++; busy=false   }});
		var mImages = count*(-59);
		if(count<(totalImages-5)){
			myEffects.start({
				'margin-top': [mImages, mImages-59]
			
			});	
		}else{
			 busy=false
		}
	}
}
function slideUp(){
	if(!busy){
		busy=true;
		var myEffects = new Fx.Styles('v_scroller', {duration: 500, transition: Fx.Transitions.linear, onComplete: function(){count--; busy=false   }});
		var mImages = count*(-59);
		if(count>0){
			myEffects.start({
				'margin-top': [mImages, mImages+59]
			});	
		}else{
			 busy=false
		}
	}
}

function domRollover() {
	if (navigator.userAgent.match(/Opera (\S+)/)) {
		var operaVersion = parseInt(navigator.userAgent.match(/Opera (\S+)/)[1]);
	}
	if (!document.getElementById||operaVersion <7) return;
	var imgarr=document.getElementsByTagName('img');
	var imgPreload=new Array();
	var imgSrc=new Array();
	var imgClass=new Array();
	for (i=0;i<imgarr.length;i++){
		if (imgarr[i].className.indexOf('domroll')!=-1){
			imgSrc[i]=imgarr[i].getAttribute('src');
			imgClass[i]=imgarr[i].className;
			imgPreload[i]=new Image();
			if (imgClass[i].match(/domroll (\S+)/)) {
				imgPreload[i].src = imgClass[i].match(/domroll (\S+)/)[1]
			}
			imgarr[i].setAttribute('xsrc', imgSrc[i]);
			imgarr[i].onmouseover=function(){
				this.setAttribute('src',this.className.match(/domroll (\S+)/)[1])
			}
			imgarr[i].onmouseout=function(){
				this.setAttribute('src',this.getAttribute('xsrc'))
			}
		}
	}
}