var inicio = "";
var resBase = 500;
var alturaImgGaleria = 50;

$(window).resize(function() {
  cargarLogo();			
  cargarImagenes();
  if(inicio == 'cargar')
     cargar();
  else
     cargarUnico();
});
$(window).load(function() {
  cargarLogo();		
  cargarImagenes();
  if(inicio == 'cargar')
     cargar();
  else if(inicio == 'cargarUnico')
     cargarUnico();
});


function cargar(){
   var pantalla = $(window).height()-16; 
   $('#cuerpo').css("height",pantalla+"px");
   inicio = 'cargar';
   cargarLogo();
   cargarImagenes();
}
function cargarUnico(){
   var pantalla = $(window).height()-12; 
   $('#unico img').css("height",pantalla+"px");
   mapsImagenes();
   inicio = 'cargarUnico';
   cargarLogo();
}

function mapsImagenes(){
	$("#unico area").each(function(){
		var coordenadas = $(this).attr("coords");		
		var x = coordenadas.substr(0,coordenadas.indexOf(',',0));
		coordenadas = coordenadas.substr(coordenadas.indexOf(',')+1,coordenadas.length);
		var y = coordenadas.substr(0,coordenadas.indexOf(',',0));
		coordenadas = coordenadas.substr(coordenadas.indexOf(',')+1,coordenadas.length);
		var z = coordenadas.substr(0,coordenadas.indexOf(',',0));
		coordenadas = coordenadas.substr(coordenadas.indexOf(',')+1,coordenadas.length);
		var zz = coordenadas;
		
		var coAlto = $('#unico').height()/resBase;
		x = x * coAlto;
		y = y * coAlto;
		z = z * coAlto;
		zz = zz * coAlto;
		
		var coordenadasNuevas = x + "," + y + "," + z + "," + zz;
		$(this).attr("coords",coordenadasNuevas);
	});   
	resBase = $('#unico').height();
}
function cargarLogo(){
	var altura = $(window).height();
	var alturaObj = $(window).height() * 0.70;
	$('.logo').css('height',alturaObj);
}
function cargarImagenes(){
	var altura = $(window).height();
	var coeficiente = 0.45;
	var alturaObj = $(window).height() * coeficiente;
	$('#colecciones img').css('height',alturaObj);
	
	if(altura < 530){
		$('#colecciones img').css('margin',2);
	}else{
		$('#colecciones img').css('margin',5);
	}
	
	while(  ($('#colecciones').height()>$(window).height()) && (alturaObj>120) ){
		$('#colecciones img').css('height',alturaObj);
		alturaObj = alturaObj - 1;
		alturaImgGaleria = alturaObj;
		
	}
}
function getMargen(){
	if(altura < 530){
		return $('#colecciones img').css('margin',3);
	}else{
		return $('#colecciones img').css('margin',7);
	}
	
}

jQuery(document).ready(function(){
	$("#colecciones img").hover(
	  function () {
		efectoOn(this);
	  }, 
	  function () {
		efectoOff(this);
	  }
	);
});

function efectoOn(variable){
	$(variable).fadeTo("fast", 0.5);

}
function efectoOff(variable){
	$(variable).fadeTo("slow", 1);
}