// JavaScript Document

$(document).ready(init);
var num;
var pos;
var texto;
var title;

function init(){
	
	
	$(".rightbtnanch").click(restarMargin);
	$(".leftbtnanch").click(sumarMargin);

	$(".rightbtnanch").mouseup(normalDerecha);	
	$(".rightbtnanch").mousedown(resaltaDerecha);	
	
	$(".leftbtnanch").mouseup(normalIzquierda);
	$(".leftbtnanch").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);
	$(".text3").css("display", "block");
	$(".grande").css("background-image", "none");
	//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");
	//title=$(".columpio img").attr("title");
	$(".grande p span").text(title);
	
}

function siguiente(){
	
	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++;
		$(".text3").css("display", "none");
		document.getElementById("fotka").style.backgroundImage = "url(images/precarga.gif)";
//		$(".grande").css("background-image", "url(images/precarga.gif)");
		title=$(".columpio img").attr("title");
		$(".grande p span").text(title);s
		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--;
		$(".text3").css("display", "none");
		document.getElementById("fotka").style.backgroundImage = "url(images/precarga.gif)";
//		$(".grande").css('background-image', "url(images/precarga.gif)");
		title=$(".columpio img").attr("title");
		$(".grande p span").text(title);
		sumarMargin();
	}	
	
}

function restarMargin(){
	
	if(pos<num.length-5){	
		$(".izquierda").unbind("click");
		$(".derecha").unbind("click");
		var left=$(".columpio").css("margin-left");
		left=parseInt(left)-166;	
		$(".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)+166;	
		$(".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");
	title=$(this).attr("title");
	$(".grande p span").text(title);
	document.getElementById("fotka").style.backgroundImage = "url(images/precarga.gif)";	
	$(".text3").css("display", "none");	
	x.fadeOut(200).attr("src","img/"+page+"/gran/"+imagen).load(carga);	
	
}
function carga(){
//			alert("si")
	var marco;
	$(this).fadeIn(400);
	if($(this).width()>422){

	   marco="h";
	   $(".grande img").css("margin-left", "40px");
	}
	else
	{

		marco="v";
		$(".grande img").css("margin-left", "40px");
	}
	
	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.png)")	
}
function normalIzquierda(){
	$(this).css("background-Image","url(images/left_link.png)")	
}


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

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)
}


function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImagesbyTG() {
	if (document.images) {
		id05 = newImage("images/05_.jpg");
		id08 = newImage("images/08_.jpg");
		id09 = newImage("images/09_.jpg");
		id10 = newImage("images/10_.jpg");
		id11 = newImage("images/11_.jpg");
		id12 = newImage("images/12_.jpg");
		preloadFlag = true;
	}
}