var exterior_actual = 1;
var interior_actual = 1;

var posX = 0;
var posY = 0;

var intervalo;

function init() {
	document.getElementById('thumbs_exterior_1').style.left = '0px';
	document.getElementById('thumbs_exterior_2').style.left = '0px';
	document.getElementById('thumbs_exterior_3').style.left = '0px';
	document.getElementById('thumbs_exterior_4').style.left = '0px';
}

function init_interior() {
	document.getElementById('thumbs_interior_1').style.left = '0px';
	document.getElementById('thumbs_interior_2').style.left = '0px';
	document.getElementById('thumbs_interior_3').style.left = '0px';
	document.getElementById('thumbs_interior_4').style.left = '0px';
}

function init_montaje() {
	document.getElementById('thumbs_montaje_1').style.left = '0px';
}

function scroll_left(tipo) {
	
	var w = document.getElementById('thumbs_'+tipo+'_'+exterior_actual).offsetWidth;

	var moviment = (w-3) - 585;
	
	posicio = parseInt(document.getElementById('thumbs_'+tipo+'_'+exterior_actual).style.left);
	if (posicio < 0) {
		posicio += 2;
		posicio += 'px';
		document.getElementById('thumbs_'+tipo+'_'+exterior_actual).style.left = posicio;
		intervalo = setTimeout("scroll_left('"+tipo+"')",10);
	}
}

function scroll_left_interior(tipo) {
	
	var w = document.getElementById('thumbs_'+tipo+'_'+interior_actual).offsetWidth;
	
	var moviment = (w-3) - 585;
	
	posicio = parseInt(document.getElementById('thumbs_'+tipo+'_'+interior_actual).style.left);
	if (posicio < 0) {
		posicio += 2;
		posicio += 'px';
		document.getElementById('thumbs_'+tipo+'_'+interior_actual).style.left = posicio;
		intervalo = setTimeout("scroll_left_interior('"+tipo+"')",10);
	}
}

function scroll_right(tipo) {
	
	var w = document.getElementById('thumbs_'+tipo+'_'+exterior_actual).offsetWidth;
	
	var moviment = (w-3) - 585;
	
	posicio = parseInt(document.getElementById('thumbs_'+tipo+'_'+exterior_actual).style.left);
	
	if (posicio > -moviment) {
		posicio -= 2;
		posicio += 'px';
		document.getElementById('thumbs_'+tipo+'_'+exterior_actual).style.left = posicio;
		intervalo = setTimeout("scroll_right('"+tipo+"')",10);
	}
}

function scroll_right_interior(tipo) {
	
	var w = document.getElementById('thumbs_'+tipo+'_'+interior_actual).offsetWidth;
	
	var moviment = (w-3) - 585;
	
	posicio = parseInt(document.getElementById('thumbs_'+tipo+'_'+interior_actual).style.left);
	
	if (posicio > -moviment) {
		posicio -= 2;
		posicio += 'px';
		document.getElementById('thumbs_'+tipo+'_'+interior_actual).style.left = posicio;
		intervalo = setTimeout("scroll_right_interior('"+tipo+"')",10);
	}
}

function stop_scroll() {
	clearTimeout(intervalo);
}

function change_photo(clase,id) {
	
	document.getElementById('img_foto_gran').src = 'img/fotos_carpas/'+clase+'_'+id+'.jpg';	
}

function canvi_projecte(tipus_projecte) {
	
	var num_proj;
	
	if (tipus_projecte=='exterior') {
		
		document.getElementById('thumbs_'+tipus_projecte+'_'+exterior_actual).style.display='none';
		
		if (exterior_actual!=4) {
			exterior_actual++;	
		} else {
			exterior_actual = 1;	
		}
		
		num_proj = exterior_actual;
		
		init();
		
	}
	
	if (tipus_projecte=='interior') {
		
		document.getElementById('thumbs_'+tipus_projecte+'_'+interior_actual).style.display='none';
		
		if (interior_actual!=4) {
			interior_actual++;	
		} else {
			interior_actual = 1;	
		}
		
		num_proj = interior_actual;
		
		init_interior();
		
	}
	
	document.getElementById('thumbs_'+tipus_projecte+'_'+num_proj).style.display='block';
	document.getElementById('foto_inner').src = 'img/fotos/'+tipus_projecte+'_'+num_proj+'.jpg';
	document.getElementById('img_foto_gran').src = 'img/fotos_carpas/'+tipus_projecte+'_'+num_proj+'_1.jpg';
	document.getElementById('titolar').innerHTML = document.getElementById('titol_'+tipus_projecte+'_'+num_proj+'').innerHTML;
	document.getElementById('texte').innerHTML = document.getElementById('text_'+tipus_projecte+'_'+num_proj).innerHTML;
}

function pop_up(id,ancho) {
	
	document.getElementById('cerrar').style.display = 'none';

	var altura = 282;
	
	document.getElementById('ampliacio_thumbs').innerHTML = '<img src=img/montaje/thumb_'+id+'.jpg>';
	document.getElementById('ampliacio_thumbs').style.display = 'block';
	document.getElementById('ampliacio_thumbs').style.left = (1000 - (ancho+8))/2 + 'px';
	document.getElementById('ampliacio_thumbs').style.top = '290px';
	
	moure(id,ancho);
}

function moure(id,ancho) {
	
	var posicio_actual = parseInt(document.getElementById('ampliacio_thumbs').style.top);
	if (posicio_actual > 0) {
		posicio_actual -= 10;
		posicio_actual += 'px';
		document.getElementById('ampliacio_thumbs').style.top = posicio_actual;
		interval_fotos = setTimeout("moure('"+id+"','"+ancho+"')",10);
	} else {
		document.getElementById('cerrar').style.top = '3px';
		pos_close = (( 1000 - (parseInt(ancho)+8) )/2) + parseInt(ancho);
		pos_close -= 9;
		pos_close += 'px';
		document.getElementById('cerrar').style.left = pos_close;
		document.getElementById('cerrar').style.display = 'block';
		clearInterval(interval_fotos);
	}
}

function cerrar_ampliacion() {
	document.getElementById('cerrar').style.display = 'none';
	document.getElementById('ampliacio_thumbs').style.display = 'none';
}