// JavaScript Document

$(document).ready(init);
var num;
var pos;
var texto;
function init(){
	/*for (i=1;i<150;i++){
		document.write("<img src='img/wyposazenie/mini/foto"+i+".jpg' alt='"+i+"'/>")
		
	}*/
	
	
	$(".derecha").click(restarMargin);
	$(".izquierda").click(sumarMargin);
	
	$(".derecha").mousedown(resaltaDerecha);	
	$(".derecha").mouseup(normalDerecha);
	
	$(".izquierda").mouseup(normalIzquierda);
	$(".izquierda").mousedown(resaltaIzquierda);
	
	$("#izquierdaGrande").click(anterior);
	$("#derechaGrande").click(siguiente);
	
	$("#izquierdaGrande").mousedown(resaltaDGrande);
	$("#izquierdaGrande").mouseup(normalDGrande);
	
	$("#derechaGrande").mousedown(resaltaIGrande);
	$("#derechaGrande").mouseup(normalIGrande);	
	
	
	var imagen=$(".columpio img").eq(0).attr("src");	
	var ultpos=imagen.lastIndexOf("/");
	imagen=imagen.substr(ultpos+1,imagen.length);
	var x=$(".grande img");		
	x.attr("src","img/"+page+"/gran/"+imagen).load(carga);
	
	$(".columpio img").click(cargaImagen);
	num=$(".columpio img");
	pos=0;
	
	texto=$(".columpio img").eq(0).attr("alt");
	$(".grande p span").text(texto);
	
}
function siguiente(){
	//alert(texto+"    "+num.length)
	
	if(texto<num.length){
		var imagen=$(".columpio img[alt="+texto+"]").next().attr("src");
		var ultpos=imagen.lastIndexOf("/");
		imagen=imagen.substr(ultpos+1,imagen.length);
		var x=$(".grande img");		
		x.fadeOut(200).attr("src","img/"+page+"/gran/"+imagen).load(carga);
		texto++;
		$(".grande p span").text(texto);
		restarMargin();
	}
}
function anterior(){
	if(texto>0){
		var imagen=$(".columpio img[alt="+texto+"]").prev().attr("src");
		var ultpos=imagen.lastIndexOf("/");
		imagen=imagen.substr(ultpos+1,imagen.length);
		var x=$(".grande img");		
		x.fadeOut(200).attr("src","img/"+page+"/gran/"+imagen).load(carga);
		texto--;
		$(".grande p span").text(texto);
		sumarMargin();
	}	
	
}

function restarMargin(){
	
	if(pos<num.length-5){	
		$(".izquierda").unbind("click");
		$(".derecha").unbind("click");
		var left=$(".columpio").css("margin-left");
		left=parseInt(left)-165;	
		$(".columpio").animate({marginLeft: left}, "fast",eventos());	
		pos++;
	}
	
	
}
function sumarMargin(){
	
	if(pos>0){
		$(".izquierda").unbind("click");
		$(".derecha").unbind("click");
		var right=$(".columpio").css("margin-left");
		right=parseInt(right)+165;	
		$(".columpio").animate({marginLeft: right}, "fast",eventos());
		pos--;
	}
}
function cargaImagen(){	
	var imagen=$(this).attr("src");	
	var ultpos=imagen.lastIndexOf("/");
	imagen=imagen.substr(ultpos+1,imagen.length);
	var x=$(".grande img");	
	texto=$(this).attr("alt");
	$(".grande p span").text(texto);
	
	x.fadeOut(200).attr("src","img/"+page+"/gran/"+imagen).load(carga);	
	
}
function carga(){
	//alert("si")
	var marco;
	$(this).fadeIn(400);
	if($(this).width()==567){
	   marco="h";
	   $(".grande img").css("margin-left", "35px");
	}
	else
	{
		marco="v";
		$(".grande img").css("margin-left", "163px");
	}
	
	var y=$("#mark");
		y.removeClass("marcov");
		y.removeClass("marcoh");	
		y.addClass("marco"+marco);
	
	
}
function eventos(){
	$(".derecha").click(restarMargin);
	$(".izquierda").click(sumarMargin);
}
function resaltaIzquierda(){
	$(this).css("background-Image","url(images/left_hover.jpg)")	
}
function normalIzquierda(){
	$(this).css("background-Image","url(images/left_link.jpg)")	
}


function resaltaDerecha(){
	$(this).css("background-Image","url(images/right_hover.jpg)")	
}
function normalDerecha(){
	$(this).css("background-Image","url(images/right_link.jpg)")	
}

function resaltaDGrande(){
	$(this).fadeTo(200,0.5)
}
function normalDGrande(){
	$(this).fadeTo(200,1)
}
function resaltaIGrande(){
	$(this).fadeTo(200,0.5)
}
function normalIGrande(){
	$(this).fadeTo(200,1)
}