var PROJ_WIDTH = 203;
var projN = 0;

function initCarrousel() {
	
	var projs = document.getElementById('proyectosContainer').getElementsByTagName('div');
	
	document.getElementById('proyectosContainer').style.width = ((projs.length - 1)*PROJ_WIDTH) + 'px';
	document.getElementById('proyectosContainer').style.marginLeft = 0;
	
	document.getElementById('next').onclick = function() {
		slide(1)
	}
	
	document.getElementById('prev').onclick = function() {
		slide(-1)
	}
}

function slide(where) {

	var x = parseInt(document.getElementById('proyectosContainer').style.marginLeft)
	x += where*PROJ_WIDTH;

	if(x > 0)
		x = 0;
		
	var maxWidth = parseFloat(document.getElementById('proyectosContainer').style.width) - (PROJ_WIDTH * 4)
	if(x*where > maxWidth)
		x = maxWidth * where;
	
	document.getElementById('proyectosContainer').style.marginLeft = x + 'px'

}

function slide(where) {
	var dts = $('#proyectosContainer > div');
	var ultimo = dts.length - 4;
	
	projN += where;

	if(projN < 0)
		projN = 0;
		
	if(projN > ultimo)
		projN = ultimo;	
	
	$('#proyectosContainer').animate({
		'margin-left': (-projN*PROJ_WIDTH) + 'px'
	});

}