/*
 * $ Skembox Lite 0.1.2
 * (cc) 2010 Fabbian Alvarez (http://mrfabbianz.com)
 * Versi—n adaptada para feels, para ver el original visita: http://skemboo.com/js/skembox.js
 * Actualizado: 13/03/11
*/

if(typeof jQuery=="undefined"){throw"Error: Skembox necesita jQuery"}
var skbox_ok = false, skbox_a = 0;
var esIE6 = (jQuery.browser.msie && parseInt(jQuery.browser.version.substr(0,1)) < 7);

(function($) {                              
	$.skbox = {
		mostrar: function(url, titulo, descripcion, alto, ancho) {
			if(titulo){ altoTitulo = 27; claseCerrar = null; }
			else{ titulo = ''; altoTitulo = 0; claseCerrar = 1; }

	  		if(!skbox_ok) $(document.body).append('<div class="overlay"></div><div id="skbox_v" style="display: none;"><a class="skbox_bc" title="Cerrar" onclick="$.skbox.ocultar()">Cerrar</a><div class="skbox_b"><div id="skbox_i"></div><a id="skbox_prev" onclick="$.skbox.anterior()">Anterior</a><a id="skbox_sig" onclick="$.skbox.siguiente()">Siguiente</a></div><div id="skbox_t" style="display:none"></div><div id="skbox_d"></div>');
		
			$(document).unbind('keydown.skbox').bind('keydown.skbox', function(e) {
					if(e.keyCode == 27) $.skbox.ocultar();
					else if(e.keyCode == 37) $.skbox.anterior();
					else if(e.keyCode == 39) $.skbox.siguiente();
			});
			if(!url.match(/.(gif|png|jpg|jpeg)$/i)){ url = $(skmXes).eq(skbox_a).find('img').attr('src').replace('/p_','/g_').replace('/t_','/g_').replace('/m_','/g_').replace('/64/','/300/').replace('/80/','/300/').replace('/100/','/300/');}
			if(url == $('#skbox_f').attr('src')) return false;
		
			$(window).unbind("resize");
			skmXAlto = alto || 400;
			skmXAncho = ancho || 650;
	  		$(window).resize($.skbox.posicion);

	  		if(!skbox_ok){ $.skbox.posicion(); skbox_ok = true;}
	  		$.skbox.enlaces();
	  		$('#cargando_nombre').html(titulo);
			$('.infobar, #loading').show();

			var imagen = new Image();
			imagen.src = url;
			$imagen = $('<img src="'+url+'" id="skbox_f" border="0" style="display:none" />');
			$imagen.load(function(){
				$('.infobar, #loading').hide();
				imagenAlto = imagen.height;
				imagenAncho = imagen.width;
				$("#skbox_f").remove();
				$(window).unbind("resize");
				$(window).resize($.skbox.tamanioImagen);
				if(claseCerrar) $('.skbox_bc').addClass('sin_t');
				else $('.skbox_bc').removeClass('sin_t');
		  		
				if(titulo !== '')$("#skbox_t").html(titulo);
				
				if(descripcion) $('#skbox_d').html(descripcion).show();
				else $('#skbox_d').html('').hide();
				
				
				$('#skbox_f, #skbox_t, .overlay').fadeIn();
				$(this).appendTo("#skbox_i").fadeIn();
				$.skbox.tamanioImagen();
				$("#skbox_v").fadeIn();
				$.skbox.posicion();
			});
		},
		enlaces: function(){
			if(skbox_a <= 0) $('#skbox_prev').hide(); 
			else $('#skbox_prev').show();
			
			if($(skmXes).length < (skbox_a+2)) $('#skbox_sig').hide(); 
			else $('#skbox_sig').show();
		},
		anterior: function(){
			if(skbox_a <= 0) skbox_a = 1;
			if($(skmXes).eq(skbox_a-1).parent().is('.skmC_visible') == false) $('.skmC_ant').click();
			$(skmXes).eq(skbox_a-1).click();
		},
		siguiente: function(){
			if($(skmXes).length == skbox_a){ skbox_a = skbox_a-1;}			
			if($(skmXes).eq(skbox_a+1).parent().is('.skmC_visible') == false) $('.skmC_sig').click();
			$(skmXes).eq(skbox_a+1).click();
		},
		ocultar: function() {
  			abierto = false;
  			titulo = '';
  			$(document).unbind('keydown.skbox');
  			$('.infobar, #loading').hide();
  			$("#skbox_v, .overlay").fadeOut(300,function(){
	  			$("#skbox_i").html(' '); 
	  			$("#skbox_f").remove(); 
  			});
	  		$(window).unbind("resize");
		},
		posicion: function(an,al){
		  	var w = $(window).width(), h = $(window).height();
		
		  	$("#skbox_v").css({height:skmXAlto+58+altoTitulo+"px",left: ((w - skmXAncho-28)/2)+"px" });
		  	if(!(esIE6)){   	
		  		var ht = (h - skmXAlto-58)/2;
		   		if(ht < 0) ht = 0; 
		   		$("#skbox_v").css({top: ht+"px" }); 
		   	}
		  	$("#skbox_f").css({width:skmXAncho+"px",height:skmXAlto+"px"});
	  		$("#skbox_i").css({width:skmXAncho+"px",height:skmXAlto+"px"});
		},
		tamanioImagen: function (){ // Redimensionar imagenes grandes - basado en original de Christian Montoya.
			var x = $(window).width() - 40, y = $(window).height() - (90+altoTitulo), an = imagenAncho, al = imagenAlto;
			if (an > x) {
				al = al * (x / an); 
				an = x; 
				if (al > y) { 
					an = an * (y / al); 
					al = y; 
				}
			} else if (al > y) { 
				an = an * (y / al); 
				al = y; 
				if (an > x) { 
					al = al * (x / an); 
					an = x;
				}
			}
			if(an < 50) an = 50;
			if(al < 50) al = 50;
			skmXAlto = al || 400;
  			skmXAncho = an || 650;
  			$.skbox.posicion(an,al);
		}
	}

	$.fn.skembox_w = function() {
		skmXes	= $(this);
		$(this).click(function(){  
			skbox_a	= skmXes.index(this);
			$(skmXes).removeClass('skbox_a');
			$(skmXes).eq(skbox_a).addClass('skbox_a');
			$.skbox.mostrar($(this).attr('href'), $(this).attr('datos:titulo'), $(this).attr('rel'));
			return false;
		});	
	};


})($);

jQuery(document).ready(function(jQuery) {
	$('.skmX').skembox_w();
});