jQuery(function ($) {

    //set gP - global parameters
    window.gP = new scopeParam();
    hashChanged();

    var $dialog = $('<div></div>')
		.html('<img src="/Poncho/images/design/ajax-loader.gif" alt="loader"/>')
		.dialog({
		    autoOpen: false,
		    title: 'Loading.... Please wait',
		    closeOnEscape: false,
		    draggable: false,
		    width: 245,
		    minHeight: 55,
		    modal: true,
		    buttons: {},
		    resizable: false
		});
    //$.scrollTo($('#' + gP.hash), { axis: 'xy', duration: 400, easing: 'swing', offset: { left: gP.offLeft, top: gP.offTop} });
    $dialog.dialog('open');

    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) { return; }
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    } (document, 'script', 'facebook-jssdk'));

    prepareData();

    //$('#container').width($(window).width()).height($(window).height());	

    //adjustLocation(start);

    $(window).bind('hashchange', hashChanged);
    //$(window).hashchange();

    $('.nav .menu li.customlink a, .orderonlinenow a, #Order-Online .content a, #Home #countdown a, #Home #latestNews a, .nav .logo a, #thankYouMenu').click(function (event) {
        event.preventDefault();
        var link = $(this).attr('href');
        gP.start = document.location.href.split('#')[1].split('?')[0];
        gP.stop = link.split('#')[1].split('?')[0];
        gP.hash = gP.stop;
        if (gP.start !== gP.stop) {
            var ua = $.browser;
            if (ua.msie) {
                $(".horizontal-nav").removeClass('opacity75');
                $(".vertical-nav").removeClass('opacity75');
            }
            $(window).unbind('hashchange', hashChanged);

            var id = gP.stop;
            var elem = document.getElementById(id) || document.getElementsByName(id)[0];

            if (!elem)
                return;

            elem["id"] = '';
            location = link;
            elem["id"] = id;
            //$("#" + gP.start).removeClass('selectedPanel');
            //$("#" + gP.stop).addClass('selectedPanel');
            goToNextStep();
        }
    });

    // panel
    $('#canvas div.panel').each(function (index) {
        //$(this).html( $(this).attr('id')); 
        var position = index + 1;
        if (position < 10) {
            position = '0' + position;
        }
        //$(this).append("<img src='/Poncho/images/canvas_background_" + position + ".png' style='position:absolute; z-index:-1; top:0;'/>");
        //$(this).css("background-image", "url('/Poncho/images/canvas_background_" + position + ".jpg')");
        $(this).append("<div style='width: 960px; height: 600px; position:absolute; z-index:-1; top:0; background-image: url(/Poncho/images/canvas_background_" + position + ".png)'></div>");

    });

    //setTimeout(setFlash, 100);
    //setTimeout(setGoogle, 100);
    setFlash();
    setGoogle();

    $("#Our-locations .content .columns .moreDetails a").click(function (event) {
        $("#" + $(this).attr("class").substring(6)).css('visibility', 'visible');
    });
    $("#Our-locations .content .columns .moreDetailed .closeDetails a").click(function (event) {
        $("#" + $(this).attr("class").substring(6)).css('visibility', 'hidden');
    });

    $("#Home .birthday").focusin(function (event) {
        if ($(this).attr("value") == "DD / MM / YYYY") {
            $(this).attr("value", "");
        }
    }).focusout(function () {
        if ($(this).attr("value") == "") {
            $(this).attr("value", "DD / MM / YYYY");
        }
    });

    $(".chooseItem").bind("mouseenter", function () {
        var name = '#' + $(this).attr('id') + '-rollover';
        var position = $(this).position();
        var offset = (135 - $(name).find("img").width()) / 2;

        $(name).css('left', position.left + offset);
        $(name).css('visibility', 'visible');
    }).bind("mouseleave", function () {
        var name = '#' + $(this).attr('id') + '-rollover';
        $(name).css('visibility', 'hidden');
    });

    $("#sections .fillWithItem img").hover(function () {
        $(this).parent().find(".nutrition").css('visibility', 'visible');
    }, function () {
        $(this).parent().find(".nutrition").css('visibility', 'hidden');
    });

    $(".extraItem").bind("mouseenter", function () {
        var name = '#' + $(this).attr('id') + '-rollover';
        var position = $(this).position();
        var offset = (135 - $(name).find("img").width()) / 2;

        $(name).css('left', position.left + offset);
        $(name).css('visibility', 'visible');
    }).bind("mouseleave", function () {
        var name = '#' + $(this).attr('id') + '-rollover';
        $(name).css('visibility', 'hidden');
    });

    setCountdown();
    //hashChanged();

    $('#DataPager a').each(function (index) { $(this).attr('href', '#Que-Pasa?newslist_' + $(this).html()) });
    $('#DataPager').css("display", "inline");

    $("#ctl00_sendMessage").click(function () {
        $("#aspnetForm").attr("action", "#Talk-to-Frank");
    });

    $("#ctl00_subscribeNewsletter").click(function () {
        $("#aspnetForm").attr("action", "#Home");
    });

    $('#sections').animate({ scrollLeft: 0 }, 20);

    $('#next').click(function (event) {
        $('#sections').animate({ scrollLeft: "+=610px" }, 500);
        $('#previous').css('visibility', 'visible');
        if ($('#sections').scrollLeft() > 1800) {
            $('#next').css('visibility', 'hidden');
            $("#extraTab").removeClass('selected');
            $("#finallyTab").addClass('selected');
            $("#down").css('left', "220px");
        } else if ($('#sections').scrollLeft() > 1200) {
            $("#toppingsTab").removeClass('selected');
            $("#extraTab").addClass('selected');
            $("#down").css('left', "115px");
        } else if ($('#sections').scrollLeft() > 600) {
            $("#fillTab").removeClass('selected');
            $("#toppingsTab").addClass('selected');
            $("#down").css('left', "5px");
        } else {
            $("#chooseTab").removeClass('selected');
            $("#fillTab").addClass('selected');
            $("#down").css('left', "-110px");
        }
    });
    $('#previous').click(function (event) {
        $('#sections').animate({ scrollLeft: "-=610px" }, 500);
        $('#next').css('visibility', 'visible');
        if ($('#sections').scrollLeft() < 620) {
            $('#previous').css('visibility', 'hidden');
            $("#fillTab").removeClass('selected');
            $("#chooseTab").addClass('selected');
            $("#down").css('left', "-215px");
        } else if ($('#sections').scrollLeft() < 1230) {
            $("#toppingsTab").removeClass('selected');
            $("#fillTab").addClass('selected');
            $("#down").css('left', "-110px");
        } else if ($('#sections').scrollLeft() < 1840) {
            $("#extraTab").removeClass('selected');
            $("#toppingsTab").addClass('selected');
            $("#down").css('left', "5px");
        } else {
            $("#finallyTab").removeClass('selected');
            $("#extraTab").addClass('selected');
            $("#down").css('left', "115px");
        }
    });
    $('.chooseItem').click(function (event) {
        var id = $(this).attr('id').split('-')[1];
        $('.fillWithContainer').hide();
        $('#fillWith-' + id).show();
        $('#sections').animate({ scrollLeft: "+=610px" }, 500);
        $('#previous').css('visibility', 'visible');
        $('#next').css('visibility', 'visible');
        $("#chooseTab").removeClass('selected');
        $("#fillTab").addClass('selected');
        $("#down").css('left', "-110px");
    });

    $('.fillWithItem').click(function (event) {
        $('#sections').animate({ scrollLeft: "+=610px" }, 500);
        $("#fillTab").removeClass('selected');
        $("#toppingsTab").addClass('selected');
        $("#down").css('left', "5px");
    });
    $('.toppingItem').click(function (event) {
        $('#sections').animate({ scrollLeft: "+=610px" }, 500);
        $("#toppingsTab").removeClass('selected');
        $("#extraTab").addClass('selected');
        $("#down").css('left', "115px");
    });
    $('.extraItem').click(function (event) {
        $('#sections').animate({ scrollLeft: "+=610px" }, 500);
        $("#extraTab").removeClass('selected');
        $("#finallyTab").addClass('selected');
        $("#down").css('left', "220px");
    });
    $('#chooseTab').click(function (event) {
        $('#sections').animate({ scrollLeft: "0px" }, 500);
        $('#previous').css('visibility', 'hidden');
        $('#next').css('visibility', 'visible');
        $("#fillTab,#extraTab,#toppingsTab,#finallyTab").removeClass('selected');
        $("#chooseTab").addClass('selected');
        $("#down").css('left', "-215px");
    });
    $('#fillTab').click(function (event) {
        $('#sections').animate({ scrollLeft: "610px" }, 500);
        $('#previous').css('visibility', 'visible');
        $('#next').css('visibility', 'visible');
        $("#chooseTab,#extraTab,#toppingsTab,#finallyTab").removeClass('selected');
        $("#fillTab").addClass('selected');
        $("#down").css('left', "-110px");
    });
    $('#toppingsTab').click(function (event) {
        $('#sections').animate({ scrollLeft: "1220px" }, 500);
        $('#previous').css('visibility', 'visible');
        $('#next').css('visibility', 'visible');
        $("#fillTab,#chooseTab,#extraTab,#finallyTab").removeClass('selected');
        $("#toppingsTab").addClass('selected');
        $("#down").css('left', "5px");
    });
    $('#extraTab').click(function (event) {
        $('#sections').animate({ scrollLeft: "1830px" }, 500);
        $('#previous').css('visibility', 'visible');
        $('#next').css('visibility', 'visible');
        $("#fillTab,#chooseTab,#toppingsTab,#finallyTab").removeClass('selected');
        $("#extraTab").addClass('selected');
        $("#down").css('left', "115px");
    });
    $('#finallyTab').click(function (event) {
        $('#sections').animate({ scrollLeft: "2440px" }, 500);
        $('#previous').css('visibility', 'visible');
        $('#next').css('visibility', 'hidden');
        $("#fillTab,#chooseTab,#toppingsTab,#extraTab").removeClass('selected');
        $("#finallyTab").addClass('selected');
        $("#down").css('left', "220px");
    });

    $("#job-close").click(function () {
        $("#Job").css("visibility", "hidden");
    });

    $(".jobpage").click(function () {
        $("#Job").css("visibility", "visible");
    });

    $("#orderSoho").click(function () {
        setTimeout(function () {
            if ($("#OrderOnline iframe").attr('src') != 'http://www.soho.poncho8.com/Menu.aspx') {
                $("#OrderOnline iframe").attr('src', 'http://www.soho.poncho8.com/Menu.aspx');
            }
        }, 800);
    });
    $("#orderStpaul").click(function () {
        setTimeout(function () {
            if ($("#OrderOnline iframe").attr('src') != 'http://www.stpauls.poncho8.com/Menu.aspx') {
                $("#OrderOnline iframe").attr('src', 'http://www.stpauls.poncho8.com/Menu.aspx');
            }
        }, 800);
    });
    $("#orderSpitalfields").click(function () {
        setTimeout(function () {
            if ($("#OrderOnline iframe").attr('src') != 'http://www.spitalfields.poncho8.com/Menu.aspx') {
                $("#OrderOnline iframe").attr('src', 'http://www.spitalfields.poncho8.com/Menu.aspx');
            }
        }, 800);
    });

    $("#Our-locations").click(function () {
        if (!$(".columns").is(':hover')) {
            $('#soho, #stpaul, #spitalfield').css('visibility', 'hidden');
        }
    });

    $(window).resize(function () {
        adjustLocation(gP.hash);
    });

    $(window).load(function () {
        $.scrollTo($('#' + gP.hash), { axis: 'xy', duration: 400, easing: 'swing', offset: { left: gP.offLeft, top: gP.offTop} });
        $dialog.dialog('close');
    });


    $('#ctl00_NewsList_DataPager1 a').each(function (index) {
        if ($(this).html() == '...') {

        } else {
            $(this).attr('href', '#Que-Pasa?newslist_' + $(this).html());
        }
        $(this).html();
    });


});