window.addEvent('domready', function() {
	
	//ARROWS
	$('arrow_left').addEvents({
		/*'mouseover': function() {
			$('arrow_left').setStyle('background-position','bottom left');
		},
		'mouseout': function() {
			$('arrow_left').setStyle('background-position','top left');
		},*/
		'click': function() {
			//alert('ey');
			goLeft();
		}
	});
	
	$('arrow_right').addEvents({
		/*'mouseover': function() {
			$('arrow_right').setStyle('background-position','bottom left');
		},
		'mouseout': function() {
			$('arrow_right').setStyle('background-position','top left');
		},*/
		'click': function() {
			goRight();
		}
	});
	
	//SLIDESHOW
	var num;	
	var images	= new Array();
	var urls	= new Array();
	
	var myRequest = new Request({
		'url':'inc/slides.php',
		'onSuccess': function(responseText) {
			images = responseText.split(":");
			//preLoad(images);
			pushImages();
			$('slides_container').setStyle('display','block');
		}
	});
	
	var myRequest2 = new Request({
		'url':'slides/urls.php',
		'onSuccess': function(responseText) {
			urls = responseText.split(";");
			myRequest.send();
		}
	}).send();
	
	function preLoad(images)
	{
		num = images.length-1;

		for(var i=0;i<=num;i++)
		{
			//alert(images[i]);
			new Element('img', {
				id: 'img'+i,
				src: 'slides/'+images[i]/* ,
				events: {
					load: function() {
						alert('loaded');
						//visualCounter(i);
					}
				} */
			});
			
			if($('img'+i)) alert('loaded'); else alert('not loaded');
		}
		
		
		/* var loadImages = new Asset.images(images, {
		    onProgress: function (counter, index) {
				//visualCounter(counter);
				alert(index);
			},
			'onComplete': function(){
				//pushImages();
				//$('slides_container').setStyle('display','block');
				alert('loaded');
		    }
		}); */
	}
	
	function visualCounter(counter)
	{
		num = images.length;
		var count = counter+1;
	
		var steps = (100/num);
		var progress_w = Math.ceil(count*steps);
		var set_w = progress_w*5;
		
		$('bar').setStyle('width',set_w);
		$('percent').set('html',progress_w+'%')
	}
	
	function countLeft()
	{
		var res = images.splice(0,1);
		images.push(res);
		var res2 = urls.splice(0,1);
		urls.push(res2);
	}
	
	function countRight()
	{
		num = images.length-1;		
		var res = images.splice(num,1);
		images.unshift(res);
		var res2 = urls.splice(num,1);
		urls2.unshift(res2);
	}
	
	function goLeft()
	{
		var left = new Fx.Morph('slides_container', {
			'duration': 700,
			'link':'ignore'
		}).start({
			'left': [-781,0],
			'onStart' :function() {
				resetPos();				
			},
			'onComplete': function() {
				pushImages();
				countRight();
			}
		});
	}
	
	function goRight()
	{
		var right = new Fx.Morph('slides_container', {
			'duration': 700,
			'link':'ignore'
		}).start({
			'left': [-781,-1562],
			'onStart' :function() {		
				resetPos();
			},
			'onComplete': function() {				
				pushImages();
				countLeft();
			}
		});
	}
	
	var pushImages = function()
	{
		num = images.length-1;
		$('slide1').set('html','<a href="'+urls[num]+'"><img src=\"slides/'+images[num]+'\" style=\"width:781; height:336px; border:0px;\" /></a>');
		$('slide2').set('html','<a href="'+urls[0]+'"><img src=\"slides/'+images[0]+'\" style=\"width:781px; height:336px; border:0px;\" /></a>');
		$('slide3').set('html','<a href="'+urls[1]+'"><img src=\"slides/'+images[1]+'\" style=\"width:781px; height:336px; border:0px;\" /></a>');	
	}
	
	function resetPos()
	{
		var reset = new Fx.Morph('slides_container').set({'left': -781});
	}

});