var photoArray = new Array(
		new Array("unit/NBS_lg1.html","but_client_nbs.gif"),
		new Array("unit/scrambit_ui1.html","but_client_liveye.gif"),
		new Array("unit/icreate_wd1.html","but_client_icreate.gif"),
		new Array("unit/ginasspa_a_wd30.html","but_client_ginas.gif"),
		new Array("unit/IBIS_a_wd3.html","but_client_ibis.gif"),
        new Array("unit/AEF_a_wd1.html","but_client_aef.gif"),
        new Array("unit/smail_a_wd1.html","but_client_smail.gif"),
        new Array("unit/joshlyons_a_wd2.html","but_client_joshlyons.gif"),
        new Array("unit/WAM_a_wd13.html","but_client_schlueter.gif"),
        new Array("unit/homefit_a_wd29.html","but_client_homefit.gif")

	);
	
	var photoArray2 = new Array();
	photoArray2.concat(photoArray);
	var _current = 0;
	


	document.observe('dom:loaded', function(){
		//var _all = ($('carusel-wrapper').down().childElements()).length;
		
		var photoNum = photoArray.length;
		var _last = photoNum;
		//var _next = 0;
						
		Event.observe($('left'), 'click', function(event) {
			$('left-wrapper').setStyle({display:'block'});
			if(_current == 0){
				_current = photoArray.length - 1;	
			} else { 
				_current--;
			}
			var _left = parseInt($('carusel-wrapper').style.left)
			if(!_left){_left = 0;}
			if(_left >= 0){
				var ph = photoArray[_current];
				$('carusel-wrapper').setStyle({left:'-180px'});
				(photoArray[_current]).concat(photoArray2);		
				var im = document.createElement("img");
				im.src = "img/"+ph[1];
				var lnk = document.createElement("a");
				lnk.setAttribute("href",ph[0]);
				lnk.appendChild(im);
				var li = document.createElement("li");
				li.appendChild(lnk);
				var el = $('carusel-wrapper').down(1);
				new Insertion.Before(el, li);
			}
			new Effect.Move('carusel-wrapper', { x: 180, y: 0, mode: 'relative' });	
			window.setTimeout(function() {$('left-wrapper').setStyle({display:'none'}); }, 1200);
		});
		Event.observe($('left'), 'mouseover', function(event) {
			$('left').setStyle({backgroundPosition:'0px -56px'});
		});
		Event.observe($('left'), 'mouseout', function(event) {
			$('left').setStyle({backgroundPosition:'0px 0px'});
		});
		Event.observe($('left'), 'mouseup', function(event) {
			$('left').setStyle({backgroundPosition:'0px -56px'});
		});
		Event.observe($('left'), 'mousedown', function(event) {
			$('left').setStyle({backgroundPosition:'0px -112px'});
		});
		Event.observe($('right'), 'click', function(event) {
			$('right-wrapper').setStyle({display:'block'});
			if((photoArray.length) == _current) {
				_current = 1;							
			} else {
				_current++;	
			}
			var end_element = _current+4;
			if(end_element < photoArray.length){
				var new_element = photoArray[end_element];
			} else {
				var new_element = photoArray[end_element-photoArray.length];
			}
			photoArray2.push(new_element);
			var im = document.createElement("img");
			im.src = "img/"+new_element[1];
			var li = document.createElement("li");
			var lnk = document.createElement("a");
			lnk.setAttribute("href",new_element[0]);
			lnk.appendChild(im);
			li.appendChild(lnk);
			$('carusel-wrapper').down(0).appendChild(li);
			new Effect.Move('carusel-wrapper', { x: -180, y: 0, mode: 'relative' });	

			window.setTimeout(function() {$('right-wrapper').setStyle({display:'none'}); }, 1200);
		});
		Event.observe($('right'), 'mouseover', function(event) {
			$('right').setStyle({backgroundPosition:'0px -56px'});
		});
		Event.observe($('right'), 'mouseout', function(event) {
			$('right').setStyle({backgroundPosition:'0px 0px'});
		});
		Event.observe($('right'), 'mouseup', function(event) {
			$('right').setStyle({backgroundPosition:'0px -56px'});
		});
		Event.observe($('right'), 'mousedown', function(event) {
			$('right').setStyle({backgroundPosition:'0px -112px'});
		});
	});