window.addEvent("domready", function() {
	var right = $$('.rightarrow')[0];
	var left = $$('.leftarrow')[0];
	var logoContainer = $('logos');
	var rootPath = "http://www.maplerockdesign.co.uk/";
	var animating = false;
	var content = null;
	var filename = null;
	var direction = null;
	var blockRight = false;
	var blockLeft = false;
	var nextID = 0;
	var current = 0;
	var prevID = 0;
	var firstID = 0;
	var lastID = 0;

	currentURL = window.location.href;
	currentURL = currentURL.substring(currentURL.lastIndexOf('/'));
	currentURL = currentURL.substr(1);
	
	if (currentURL > 0) {
		currentID = "/"+currentURL;
	}
	else {
		currentID = "";
	}
	
	var reqInit = new Request({
		url: rootPath+'/index.php/ajax/getLogoLimit',
		method: 'get',
		onComplete: function(response) {
			result = response.split(",");

			firstID = result[3];
			lastID = result[4];
			nextID = result[1];
			prevID = result[3];
			
			btnCheck(result[0]);
		}
	}).send();
	
	
	var req = new Request({
		method: 'get',
		onComplete: function(response) {
			result = response.split(",");
			
			loadImage(result[2]);
			nextID = result[0];
			prevID = result[1];
		}
	})
	
	
	right.addEvent("click", function(evt) {
		evt.stop();
		direction = "right";
		
		if(animating==true || blockRight == true) {
			return;
		}
		
		
		if(nextID == 0) {
			var url = right.get("href");
			var filename = url.substring(url.lastIndexOf('/'));
		}
		else {
			
			var filename = "/"+nextID;
			
		}
		current = nextID;
		
		req.options.url =  rootPath+'/index.php/ajax/getLogo'+filename;
		req.send();
		
	});
	
	
	left.addEvent("click", function(evt) {
		evt.stop();
		direction = "left";
		
		if(animating==true || blockLeft == true) {
			return;
		}
				
		var filename = "/"+prevID;
		current = prevID;
		
		req.options.url =  rootPath+'/index.php/ajax/getLogo'+filename;
		req.send();
		
	});
	
	
	
	
	
	function loadImage(path) {

		var newImage = new Element('img', {
			'class':'loading',
			'src': rootPath+'/images/portfolio/'+path
	    });
		
		var loadImagePath = [newImage.src];
			
		var myImage = new Asset.images(loadImagePath, {
		onComplete: function() {

			if(direction=="right") {
				newImage.inject(logoContainer,'bottom');
				transX = "-700px";
			}
			else {
				logoContainer.setStyle("left","-700px");
				newImage.inject(logoContainer,'top');
				transX = "0px";
			}
			
			btnCheck(current);
			
			var myFx = new Fx.Tween(logoContainer,{duration:300,link:'chain',
			onStart: function() {
				animating = true;
			},
			onComplete: function() {
				animating = false;
	    		logoContainer.setStyle("left","0px");
	    		$('currentlogo').dispose();
	    		newImage.set('id', 'currentlogo');
	    		
	    	}
	    	});;
			
			
			myFx.start('left', transX);
		}
		});
	}
	
	function btnCheck(current) {
		if(current==firstID) {
			blockLeft = true;
			blockRight = false;
			
			left.addClass("nolink")
			
		}
		else if (current==lastID) {
			blockRight = true;
			blockLeft = false;
			
			right.addClass("nolink")
		}
		else {
			blockRight = false;
			blockLeft = false;
			
			right.removeClass("nolink")
			left.removeClass("nolink")
		}
	}
});