var offert = '<img id="SO-img" alt="{6}" src="{0}" /><h4>{7}</h4><p class="SO-txt-description">{1}</p><a class="findOut" href="{2}">{4}</a><p><span>{5} </span><span class="p16"><strong>{3}</strong></span></p>';
var CurrentPage = 1;
var maxcount;
var LanguageId = "fr";
var From = "from";
var btnMore = '<img src="/images/interface/en/btn-out-more.gif" alt="Find out more" />';
var Direction = "left";

$(document).ready(function () {

    $('.datepicker').datepicker({
        showOn: "both",
        buttonImage: "/images/interface/calendar.gif",
        buttonImageOnly: true,
        minDate: 0
    });

    $('#banner').cycle({
        fx: 'fade',
        prev: '#panelNavLeft',
        next: '#panelNavRight',
        cleartype: true,
        speed: 3000,
        after: function (currSlideElement, nextSlideElement, options, forwardFlag) {
        },
        before: function (currSlideElement, nextSlideElement, options, forwardFlag) {
            var ImageID = nextSlideElement.id.replace("SliderImage", "");
            $(".PGselected").removeClass("PGselected");
            $("#SliderImageTh" + ImageID).parent("a").addClass("PGselected");
        }
    });

    $("#photosPanel img").bind("click", function (e) {
        e.preventDefault();
        $('#banner').cycle($("#photosPanel img").index(this));
    });


    $("#SOnavRight,#SOnavLeft").click(function (e) {
        e.preventDefault();

        if (e.target.parentNode.id == "SOnavRight") {
            if (CurrentPage == 1 || CurrentPage != maxcount) { CurrentPage += 1; }
            else if (CurrentPage == maxcount) { CurrentPage = 1 }
            Direction = "left"
        }
        else {
            if (CurrentPage == 1) { CurrentPage = maxcount; }
            else if (CurrentPage != 1) { CurrentPage -= 1 }
            Direction = "right"
        }

        var item = { "CurrentPage": CurrentPage, "LanguageId": LanguageId };
        $.ajax({
            type: "POST",
            url: "/modules/SpecialOfferPackage/webservice/SpecialOfferPackageService.asmx/GetItemForCycle",
            data: JSON.stringify(item),
            async: false,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                var objJs = JSON.parse(data.d);
                objJs = objJs.SpecialOfferPackage
                if (objJs != undefined) {
                    CompileTemplate(objJs);
                }
            }
        });

    });

    JuniorSuiteCycle();

});

function JuniorSuiteCycle() {

    if ($("#Junior1").css("display") == "none") {
        $("#Junior2").hide();
        $("#Junior1").fadeIn(1000);
    }
    else {
        $("#Junior1").hide();
        $("#Junior2").fadeIn(1000);
    }

    setTimeout("JuniorSuiteCycle();", 6000);
}

function CompileTemplate(ObjJs) {
    $("#SO-txt").empty();
    var newOffer = $.format(offert, ObjJs.ImageCycle, ObjJs.SubTitleWeb, ObjJs.URLWeb, ObjJs.PriceWeb, btnMore, From, ObjJs.AlternativeTextWeb, ObjJs.TitleWeb)
    $("#SO-txt").append(newOffer).show("slide", { direction: Direction }, 'slow');
}