$(document).ready(function (){
/* probando fallas del IE*/
  $("#Exposiciones .obra").hide();
  $("#galeria_obras").hide();
  $("#otra_serie").hide();
  $("#galeria").hide();
  $("a#prev").hide();
  $("a#next").hide();
  $("#descripcion_galeria").hide();
  $("#nav").hide();
  $("#Exposiciones .obra").fadeIn("normal");
/* fin */

    var startingSlide = 0;
	$("#descripcion_info").click(function(){
		$(this).slideToggle("fast");
		$("#descripcion_texto").slideToggle();
	});

	$("#descripcion_texto").click(function(){
		$(this).slideToggle("fast");
		$("#descripcion_info").slideToggle();
	});

    $(".obra a").click( function(e){
        e.preventDefault();
        var pagina = $.trim($(this).attr("href"));
        var tituloSerie = $(this).parent("div").find("h2").text();
        startingSlide = $(this).children("em").text() | 0;
		//console.info("inicio: " + startingSlide);

        $.get(pagina, function(data){
            $(".obra").hide();
            $(".eventos").hide().text("").html(data).fadeIn();
            $("#galeria_obras").show();
            $("#header_img").hide("fast");
            $(".eventos").css({
                width:"70%"
            });
            $("#galeria_obras img:visible").mouseover( function(e){
                $("#magnifier").css({
                    display:"block",
                    top:(e.pageY-$(this).width())+"px",
                    left:(e.pageX-$(this).height())+"px",
                    border:"1px solid black"
                });
            });
            $("#galeria_obras img:visible").mousemove( function(e){
                $("#magnifier").css({
                    display:"block",
                    top:(e.pageY+10)+"px",
                    left:(e.pageX+10)+"px"
                });
                var w = $("#galeria_obras img:visible").width();
                var h = $("#galeria_obras img:visible").height();
                var _zoomsize = {
                    w: w*2,
                    h: h*2
                };
                var  m= {
                    size: _zoomsize,
                    srcnode:$("#galeria_obras img:visible")
                    };
                var _off = m.srcnode.offset({
                    scroll:true
                });
                var xOff = (e.pageX - _off.left) / w;
                var yOff = (e.pageY - _off.top) / h;
                var x = (m.size.w * xOff * -1) +xOff+($("#magnifier").width()/2.5);
                var y = (m.size.h * yOff * -1) +yOff+($("#magnifier").height()/2.5);
                $("#magnifier .contenedor img").css({
                    display:"block",
                    width:_zoomsize.w,
                    height:_zoomsize.h,
                    top: y + "px",
                    left: x + "px"
                });
            });
            $("#galeria_obras img:visible").mouseout( function(e){
                $("#magnifier").css({
                    display:"none"
                });
            });
            $("#galeria_obras").before("<ul id='nav'>").cycle({
                fx:"scrollHorz",
                timeout:0,
                speed:"slow",
                startingSlide: startingSlide,
                pager:"#nav",
                slideExpr:"img",
                next:"#next",
                prev:"#prev",
                pagerClick:function(){
                    $("#nav").fadeOut("fast");
                    $("#galeria_obras").show("normal");
                    $("a#prev").show();
                    $("a#next").show();
                    $("#descripcion_galeria").show("slow");
                    $("#otra_serie").show("slow");
                },
                after: function(){
                    descripcion = $(this).next("span").html().split("<br>");
                    titulo = descripcion[0].split("</b>");
                    serie = titulo[1];
                    $("#descripcion_titulo").text(serie);
                    $("#descripcion_texto").html($(this).next("span").html());
                    $("#magnifier .contenedor img").attr({
                        src:$("#galeria_obras img:visible").attr("src")
                    }).hide().load( function(){
                        $("#magnifier .contenedor img").show();
                    });
                },
                pagerAnchorBuilder: function(idx, slide){
                    imagen = slide.src.split("/");
                    return '<li><a href="#"><img src="' + "images/obras/miniaturas/"+imagen[imagen.length-1] + '" width="60" height="60" /></a></li>';
                }
            }).before("<a id='galeria'><img src='images/galeria.jpg'/></a>").after("<a id='otra_serie'><img src='images/cambiar_serie.jpg'/></a>");

            $("#descripcion_galeria").show();
            $("#galeria").show().find("img").css("cursor","pointer").click(function(){
                $("#nav").slideToggle();
                $("#galeria_obras").toggle();
            });
            $("#otra_serie").show().find("img").css("cursor","pointer").click(function(){
                $("#galeria_obras").hide();
                $(this).hide();
                $("#galeria").hide();
                $("a#prev").hide();
                $("a#next").hide();
                $("#descripcion_galeria").hide();
                $("#nav").hide();
                $("#Exposiciones .obra").fadeIn("normal");
            });
            $("#next").show();
            $("#prev").show();
        });
    });
});