var imagenes = new Array();
var i_imagenes = 0;
var url_imag_tira = "img/tira_imagenes_index/";
var naux = 0;
var ext_imag_tira = ".jpg";
var tam =0;
var tira_cargada = 0;
var ini;
var width_img = 160;
var posLeftTopRigth = 0;
var tam_visible = 0;

function iniciar_tira() {
	if(tira_cargada == 1){
		clearTimeout(ini);
		colocarCapas();
	} else{
		ini=setTimeout('iniciar_tira()',500);
	}
}

function incorporar_imagen(numero_img) {
	imagenes[i_imagenes] = new Image();
	imagenes[i_imagenes].src = url_imag_tira + numero_img + ext_imag_tira;
	imagenes[i_imagenes].a = url_imag_tira + numero_img + ext_imag_tira;
	imagenes[i_imagenes].target = "_blank";
	//tam += imagenes[i_imagenes].width;
	
	naux = i_imagenes + 1;

	i_imagenes ++;
}

function colocarCapas(){
	tam = naux * width_img;
	document.getElementById('tira').style.width = tam ;
}



function tira_imagenes(num_img_visibles){
//	posLeftTopRigth = (naux - num_img_visibles2 - 1) * width_img;
	tam = naux * width_img;

	tam_visible = num_img_visibles * width_img;
	posLeftTopRigth = tam - tam_visible;

	for (m=0;m<imagenes.length;m++){
		
		if(imagenes[m].a != ""){
			document.write('<a href="' + imagenes[m].a + '" target="' + imagenes[m].target + '">');
		}
		document.write ('<img border="0"  src ="' + imagenes[m].src + '" id="ima' + m + '" name="ima' + m + '">');
		if(imagenes[m].a != ""){
			document.write ('</a>');
		}
	}
	
	tira_cargada = 1;
}


//nos marcará a cuanto está la tira de su posición left
var posLeftTira = 0;

//nos mueve la tira para donde queramos -> 0 izquierda 1 derecha 2 izq_todo 3 der_todo
function mueve_tira(dir_tira) {
	switch(dir_tira) {
		case 0: //movemos a la izquierda poco a poco
			if(posLeftTira==0) {
				mueve_tira(3);
			} else if((posLeftTira + tam_visible) > 0) {
				mueve_tira(2);
			} else {
				posLeftTira += tam_visible;
				document.getElementById('tira').style.left = posLeftTira;
			}
			break;
		case 1: //movemos a la derecha poco a poco
			if(posLeftTira == -posLeftTopRigth) {
					mueve_tira(2);
			} else if((posLeftTopRigth + posLeftTira) <= tam_visible) {
				mueve_tira(3);
			} else {
				 posLeftTira -= tam_visible;
				document.getElementById('tira').style.left = posLeftTira;
			}
			break;
		case 2: //movemos a la izquierda todo
			posLeftTira = 0;
			document.getElementById('tira').style.left = posLeftTira;
			break;
		case 3: //movemos a la derecha todo
			posLeftTira = -posLeftTopRigth;
			document.getElementById('tira').style.left = posLeftTira;
			break;
	}

}