(function ($) {


   

        $.fn.shuffle = function () {
            return this.each(function () {
                var items = $(this).children().clone(true);
                return (items.length) ? $(this).html($.shuffle(items)) : this;
            });
        }

        $.shuffle = function (arr) {
            for (var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
            return arr;
        }

  

    $(document).ready(function () {
        $.ajax({
            type: "POST",
            url: "http://www.pinamar.com/Default.aspx/CargarRO",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {

                if (msg.d.Reservas.length > 0) {
                    msg.d.Reservas = $.shuffle(msg.d.Reservas);
                    msg.d.Reservas = $.shuffle(msg.d.Reservas);
                    msg.d.Reservas = $.shuffle(msg.d.Reservas);
                    msg.d.Reservas = $.shuffle(msg.d.Reservas);

                    var isFirst = true
                    var link = "http://www.pinamar.com/Pinamar-Alojamiento/Detalle.aspx?Entidad=";
                    var linkId = "";
                    $.each(msg.d.Reservas, function (i) {
                        var id = msg.d.Reservas[i].IdEntidad;
                        var strDescuento = "";
                        var imgSrc = "http://www.pinamar.com/Imagenes/FotosTarifas/" + id + ".png";
                        linkId = link + id;


                        $("#contenedorReservas").append("<div id='divReserva" + id + "' name='" + msg.d.Reservas[i].Alojamiento.replace(" ", "-").replace(" ", "-").replace(" ", "-").replace(" ", "-").replace(" ", "-").replace("+", "-") + "' class='hide divReserva'><div id='divImgReserva'><img id='imgTarifaAlojamiento' alt='Reservas Online " + msg.d.Reservas[i].Alojamiento + "' src='" + imgSrc + "' /></div><div id='ReservaTitulo'>Reservando Online</div><div id='divDatosReserva'><div style='float:left;'>" + strDescuento + "<span id='divReservaDesc'>$" + msg.d.Reservas[i].ImporteMostrador + "</span>      <span id='divReservaImporte'>$" + msg.d.Reservas[i].Importe + "</span></div></div></div>");

                        var idDiv = "#divReserva" + id

                        var divReservaActual = "#divReserva" + id;
                        //$(divReservaActual).append("<img src='http://www.pinamar.com/imagenes/fotostarifas/flecha_izq.png' class='btnPrev'/>");
                        $(divReservaActual).click(function () {
                            window.location = "http://www.pinamar.com/Pinamar-Alojamiento/Detalle.aspx?Entidad=" + this.attributes["name"].nodeValue + "&Ro=1"; /*Go there! Only works with jquery 1.3 (due to the use of nearest. */
                        });

                        if (isFirst) {


                            isFirst = false;
                            $(idDiv).removeClass("hide");


                        }
                    });
                    $("#divDefault").addClass("hide");

                    $("#panelReservas").append("<div id='divBtnSig'><img  title='Tarifas actualizadas y reservas online' alt='Ostende Reservas Online' src='http://www.pinamar.com/Imagenes/Sitio/tarifas-actualizadas-reservas-online.png'</div>");
                    if (msg.d.Reservas.length > 1) {
                    $("#panelReservas").prepend("<div id='divBtnAnt' style='width:30px;overflow:auto;'><div   style='float:left;width:15px;height:14px;background-image:url(http://www.pinamar.com/imagenes/fotostarifas/flecha_izq.png);' class='btnPrev'></div><div   style='float:left;width:15px;height:14px;background-image:url(http://www.pinamar.com/imagenes/fotostarifas/flecha_der.png);' name='btnNext'  class='btnNext' id='btnNext'></div></div>")
                }
                    $("#panelReservas").fadeIn(1400);
                    $("#btnNext").click(function () {



                        var $divActual = $(this).parent().parent().parent().parent().find("div[id^='divReserva']:not(.hide)");
                        if ($divActual.next()[0] == null) {
                            
                            $divActual.parent().children(":first-child").fadeIn(700);
                            $divActual.parent().children(":first-child").removeClass('hide');

                        }
                        else {


                            $divActual.next().fadeIn(700);
                             $divActual.next().removeClass('hide');
                        }


                        $divActual.css("display", "none");
                        $divActual.addClass('hide');
                    });

                    $(".btnPrev").click(function () {
                        var $divActual = $(this).parent().parent().parent().parent().find("div[id^='divReserva']:not(.hide)");
                        if ($divActual.prev()[0] == null) {
                            $divActual.parent().children(":last-child").fadeIn(700);
                            $divActual.parent().children(":last-child").removeClass('hide');
                        }
                        else {
                            $divActual.prev().fadeIn(700);
                            $divActual.prev().removeClass('hide');
                        }
                        $divActual.css("display", "none");
                        $divActual.addClass('hide');
                    });




                }
            }
        });
      
   
      $(function() {
        $(".btnNext").mouseover(function () {
            var src =  "http://www.pinamar.com/imagenes/fotostarifas/flecha_der_mouseover.png";
            $(this).attr("src", src);
        })
    });
});
})(jQuery);