// JavaScript Document
var global_num_imagen = 1;
var cargando = "";
var global_texto = ""; //Texto que pasaremos ja que tenemos varios idiomas
var global_idcategoria = 1; //La categorķa por defecto que mostramos es la 1

function muestra_imagen( width , height )
{
	cargando = '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="'+height+'" align="center" valign="middle"><img src=\"img/cargando.gif\" ></td></tr></table>';
	sin_imagen = '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="'+height+'" align="center" valign="middle"><img src=\"img/sin_imagen.gif\" ></td></tr></table>';	
	document.getElementById("visor_imagen").innerHTML = cargando;
	
	var con_muestra_imagen = new XHConn();
	var fin_muestra_imagen = function (oXML)
	{
		xml_carrito = oXML.responseXML;
		//Obtenemos del xml los elementos con etiquetas "imagen"
		var imagen = xml_carrito.getElementsByTagName("imagen");
		//Si no hay nada mostramos un mensaje
		
		if( imagen.length == 0 )
		{
			document.getElementById("visor_imagen").innerHTML = sin_imagen;		
		}
		
		for (var i = 0; i < imagen.length; i++)
		{
			var num_imagen = 0;
			var total_imagenes = 0;
			var url = imagen[i].getElementsByTagName('url')[0].childNodes[0].nodeValue;
			var url_color_asociado = imagen[i].getElementsByTagName('url_color_asociado')[0].childNodes[0].nodeValue;
			var color_asociado = imagen[i].getElementsByTagName('color_asociado')[0].childNodes[0].nodeValue;
			var descripcion_imagen = imagen[i].getElementsByTagName('descripcion_imagen')[0].childNodes[0].nodeValue;
			num_imagen = parseInt(imagen[i].getElementsByTagName('num_imagen')[0].childNodes[0].nodeValue);
			total_imagenes = parseInt(imagen[i].getElementsByTagName('total_imagenes')[0].childNodes[0].nodeValue);
			
//			document.getElementById("visor_imagen").innerHTML = "<img src=\"dinamic/redimensiona_imagenes.php?src=../img/"+url+"&anchura_max="+width+"&altura_max="+height+"\" />";
			document.getElementById("visor_imagen").innerHTML = "<img src=\"dinamic/redimensiona_imagenes.php?src=../img/"+url+"&anchura_max="+width+"&altura_max="+height+"\" />";
			
			document.getElementById("desc_imagen").innerHTML = descripcion_imagen;
			document.getElementById("paginacion").innerHTML = "<p>"+num_imagen+" / "+total_imagenes+"</p>";
			/*paginacion += (global_texto != "" )? "<a href=\"javascript:ampliar_imagen("+num_imagen+" , "+global_idcategoria+");\" class=\"ampliar_imagen\">"+global_texto+"</a>" : "";*/			
			document.getElementById("pag_anterior").innerHTML = ( num_imagen > 1 )? "<a href=\"javascript:imagen_anterior("+width+","+height+");\" class=\"anterior\">&nbsp;</a>" : "<p class=\"anterior\">&nbsp;</p>";
			document.getElementById("pag_siguiente").innerHTML = ( num_imagen < total_imagenes ) ? "<a href=\"javascript:imagen_siguiente("+width+","+height+");\" class=\"siguiente\">&nbsp;</a>" : "<p class=\"siguiente\">&nbsp;</p>";
			document.getElementById("color_asoc").innerHTML = "<img src=\"dinamic/redimensiona_imagenes.php?src="+url_color_asociado+"&anchura_max=40&altura_max=40\" /><p>Color aplicado <span>"+color_asociado+"</span></p>";
		}
	};
	con_muestra_imagen.connect("dinamic/xml_visor_imagenes.php", "GET", "num_imagen="+global_num_imagen , fin_muestra_imagen);
}

function set_texto( texto )
{
	global_texto = texto;
	muestra_imagen( 400 , 273 );
}

function set_idcategoria( idcategoria )
{
	global_idcategoria = idcategoria;
}
function set_num_imagen( num_imagen )
{
	global_num_imagen = num_imagen;
}

function imagen_siguiente( width , height )
{
	global_num_imagen++;
	muestra_imagen( width , height );
}
function imagen_anterior( width , height )
{
	global_num_imagen--;
	muestra_imagen( width , height );
}

function ampliar_imagen( num_imagen , global_idcategoria)
{
	document.location.href = "imagenes.php?idcategoria="+global_idcategoria+"&num_imagen="+num_imagen;
}