/// <reference path="../jquery-1.3.2-vsdoc.js" />

var i = 0;
var j = 0;
var t = [1, 3, 5, 7, 9, 11,13,15];
var selectedProducts = 0;
var totalProducts = 0;


var cubeColor = "#ff9044";

var mainSelected = -1;
var subSelected = -1;
var colorMenuType = "background-color";
var colorMenu = 'black';
var colorTextMenu = "white";
var defaultColorTextMenu = "black";
var defaultColorMenu = "transparent";

var colorSubmenuType = "background-color";
var colorSubmenu = "#ff9044";
var defaultColorSubMenu = "white";
var colorTextSubMenu = "black";
var defaultColorTextSubMenu = "black";



$(function() {
    $("#feedback").click(function() {
        $(".feedbackdialog").dialog({
            bgiframe: true,
            resizable: false,
            height: 500,
            width: 290,
            title: '<p style="text-align:center; font-weight: lighter; font-size: 20px; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px">Czekamy na Twoje uwagi</p>',
            modal: true,
            overlay: {
                backgroundColor: '#000000',
                opacity: 0.4
            },
            buttons: {

                'Zamknij okno': function() {
                    $("#FeedbackSubjectError").text("");
                    $("#FeedbackMailAddressError").text("");
                    $("#FeedbackMessageError").text("");
                    $("#FeedbackSubject").val("");
                    $("#FeedbackMailAddress").val("");
                    $("#FeedbackMessage").val("");
                    $(this).dialog('destroy');
                },
                'Wyslij wiadomość': function() {
                    if (FeedBackDialogValidation() == true) {
                        sendMessage($("#FeedbackSubject").val(), $("#FeedbackMailAddress").val(), $("#FeedbackMessage").val(), $("#FeetbackSenderName").val());
                    }
                }
            }
        });
        return false;
    });

    $("#FeedbackSubject").blur(function() {
        if ($("#FeedbackSubject").val().length <= 0) {
            $("#FeedbackSubjectError").text("Podaj tytuł wiadomości");
            $("#FeedbackSubjectError").css("display", "inline-block").css("color", "red");
        }
        else {
            $("#FeedbackSubjectError").text("");
        }
    });

    $("#FeedbackMailAddress").blur(function() {
        var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
        if (!filter.test($("#FeedbackMailAddress").val())) {
            $("#FeedbackMailAddressError").text("Podaj poprawny adres email");
            $("#FeedbackMailAddressError").css("display", "inline-block").css("color", "red");
        }
        else {
            $("#FeedbackMailAddressError").text("");
        }
    });
    $("#FeedbackMessage").blur(function() {
        if ($("#FeedbackMessage").val().length < 10) {
            $("#FeedbackMessageError").text("Podaj treść wiadomości, co najmniej 10 znaków");
            $("#FeedbackMessageError").css("display", "inline-block").css("color", "red");
        }
        else {
            $("#FeedbackMessageError").text("");
        }
    });

    setTimeout("refresh()", 1000);

    moveTopMerchantUp();
    //run the currently selected effect
    $(".top .center ul li a").each(function() {
        if ($(this).attr("i") == "1") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_pliki-xml.png')");
        }
        if ($(this).attr("i") == "2") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_webesklep.png')");

        }
        if ($(this).attr("i") == "3") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_widżety.png')");

        }
        if ($(this).attr("i") == "4") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_webeWklej.png')");

        }
    });

    $(".top .center ul li a").hover(function() {
        if ($(this).attr("i") == "1") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_pliki-xml_czarny.png')");
        }
        if ($(this).attr("i") == "2") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_webesklep_czarny.png')");

        }
        if ($(this).attr("i") == "3") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_widżety_czarny.png')");

        }
        if ($(this).attr("i") == "4") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_webeWklej_czarny.png')");

        }
    }, function() {
        if ($(this).attr("i") == "1") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_pliki-xml.png')");
        }
        if ($(this).attr("i") == "2") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_webesklep.png')");

        }
        if ($(this).attr("i") == "3") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_widżety.png')");

        }
        if ($(this).attr("i") == "4") {
            $(this).css("background-image", "url('/images/Backgrounds/przycisk_webeWklej.png')");

        }
    });


    $(".background").css('padding', '8px').corner("round 8px");
    $(".border").css('padding', '2px').corner("round 10px");
    $("ul.menu li a").hover(
            function() {
                $("ul.menu li a").css(colorMenuType, defaultColorMenu);
                $("ul.menu li a").css("color", defaultColorTextMenu);
                $(this).css(colorMenuType, colorMenu);
                $(this).css("color", colorTextMenu);
                var i = $(this).attr("i");
                if (i != null) {
                    $("#submenu ul").css("display", "none");
                    $("#submenu ul li").css("display", "none");
                    if ($("#submenu ul[id='sub" + i + "']").size() != 0) {
                        $("#submenu ul[id='sub" + i + "']").css("display", "block");
                        $("#submenu ul[id='sub" + i + "'] li").css("display", "inline");

                        $("#submenu").show();
                    }
                    else {
                        $("#submenu").hide();
                    }
                }
                else {
                    $("#submenu").hide();
                }
            },
            function() {
                var i = $(this).attr("i");
                if (i != null) {
                    if ($("#submenu ul[id='sub" + i + "']").size() != 0) {
                    }
                    else {
                        $(this).css("color", colorTextMenu);
                    }
                }
                else {
                    $(this).css(colorMenuType, defaultColorTextMenu);
                }

            });
    $("#mainMenu").hover(function() { }, function() {
        $("ul.menu li a").css(colorMenuType, defaultColorMenu);
        $("ul.menu li a").css("color", defaultColorTextMenu);
        $("ul.sub li a").css(colorSubmenuType, defaultColorSubMenu);
        $("ul.sub li a").css("color", defaultColorTextSubMenu);
        $("#submenu ul").css("display", "none");
        $("#submenu ul li").css("display", "none");

        markCurrentOption();
    });

    $("ul.sub li a").hover(function() {
        $("ul.sub li a").css("color", defaultColorTextSubMenu);
        $("ul.sub li a").css(colorSubmenuType, defaultColorSubMenu);
        $(this).css("color", colorTextSubMenu);
        $(this).css(colorSubmenuType, colorSubmenu);
    }
    ,
    function() {
        $(this).css("color", "black");
        $(this).css(colorSubmenuType, defaultColorSubMenu);
    });
    $("tr:nth-child(odd)").addClass("odd");
    markCurrentOption();




    function runEffect() {

        //get effect type from 
        var selectedEffect = $('#effectTypes').val();

        //most effect types need no options passed by default
        var options = {};
        //check if it's scale, transfer, or size - they need options explicitly set
        if (selectedEffect == 'scale') { options = { percent: 0 }; }
        else if (selectedEffect == 'transfer') { options = { to: "#button", className: 'ui-effects-transfer' }; }
        else if (selectedEffect == 'size') { options = { to: { width: 200, height: 60} }; }

        //run the effect
        $("#effect").effect(selectedEffect, options, 500, callback);
    };

    //callback function to bring a hidden box back
    function callback() {
        setTimeout(function() {
            $("#effect:hidden").removeAttr('style').hide().fadeIn();
            change();
        }, 1000);
    };

    //set effect from select menu value
    $("#button").click(function() {
        runEffect();
        return false;
    });
    //    var kolejka = $(".bestMerchants > div");
    //    // k = kolejka;
    //    for (var a = 0; a < kolejka.length; a++) {
    //        k.push(kolejka[a]);
    //    }
    //    $(".bestMerchants > div").remove();

    //    animate();

});

function switchImage() {
    var im = $(".images");
    var count = ($(".images")).length;
    for (var i = 0; i < count; i++) {
        switchI(im[i]);
    }

    setTimeout("refresh()", 3000);
}

function switchI(elem) {
    var milisec = Math.random() * 500;
    setTimeout(function() {

        var vis = $(elem).children('img:visible');
        var hidden = $(elem).children('img:hidden');
        $(vis[0]).fadeOut("1000", function() { $(hidden[0]).fadeIn("1000"); });

    }, milisec);
}

function refresh() {
    switchImage();
}



function clear() {
    $(this).val("");
}

////var k = Array();
//////var kolejka = new Array();

////var anim;
////function animate() {

////    $(".bestMerchants").html(k);

////    $(k[k.length - 1]).css("margin-top", 0);
////    
////    anim = k.shift();

////    k.push(anim);

////    var options = {};
////   // $(anim).css("display", "none");
////   // $(anim).slideDown(1000,call);  //.hide("blind", options, 2000, null);
//////    for (var i = $(anim).height(); i > 0; i--) {
//////        setTimeout("resize()", 5000);
////    //    }
////    var m = $(anim).css("margin-top", 0);
////   // $(anim).slideUp($(anim).height()*50, null);
////    resize();
////    
////    
////}

function resize() {

    var h = $(anim).height();
    var m = parseInt($(anim).css("margin-top").replace("px", ""));


    if (Math.abs(m) <h) {
        //$(anim).height(h - 1);
       
       $(anim).css("margin-top", m - 1);
        setTimeout("resize()", 50);
    }
    else {
        animate();
    }

}


function call() {
//    var anim = $(".bestMerchants").children();

//    var b = 4 - a;

//    $(anim[b]).css("display", "block");
//    
//    a++;
//    if (a > 4) {
//        a = 0;
//    }
    animate();
}


function markCurrentOption() {
    var queryString = ((window.location.href.toString()).split('?'))[0];
    var hrefString = "";
    var partString = queryString.split('/');
    for (var i = 3; i < partString.length; i++) {
        hrefString += "/" + partString[i];
    }

    var items = $("ul.menu li a[href*='" + hrefString + "']");
    var attrHref = $(items[0]).attr("i");
    if (items.length == 0) {
        var it = null;
        if (hrefString.indexOf("Welcome/", 0) != -1 || hrefString.indexOf("Welcome", 0) + 6 == hrefString.length) {
            it = $("ul.sub li a[href*='" + hrefString + "']").parent().parent();
        }
        if (it != null && it.length > 0) {
            mainSelected = parseInt($(it[0]).attr("id").substr(3, $(it[0]).attr("id").length));
            $("#submenu").show();
            $("#submenu ul[id='sub" + mainSelected + "']").css("display", "block");
            $("#submenu ul[id='sub" + mainSelected + "'] li").css("display", "inline");
            $("ul.sub li a[href*='" + hrefString + "']").css(colorSubmenuType, colorSubmenu);
            $("ul.sub li a[href*='" + hrefString + "']").css("color", colorTextSubMenu);
        }
        else {
            $("#submenu").hide();
        }
    }
    else {
        mainSelected = parseInt(attrHref);
        if ($("#sub" + mainSelected).length > 0) {
            $("#submenu").show();
            $("#submenu ul[id='sub" + mainSelected + "']").css("display", "block");
            $("#submenu ul[id='sub" + mainSelected + "'] li").css("display", "inline");
        }
        else {
            $("#submenu").hide();
        }
    }

    hrefString = "";
    partString = (window.location.href.toString()).split('/');
    for (var i = 3; i < partString.length; i++) {
        hrefString += "/" + partString[i];
    }
    $("#leftMenu ul li a[href='" + hrefString + "']").css("background-color", "#f0f0f0");
    mark(mainSelected, subSelected);
}

function mark(mainmenu, submenu) {
    $("ul.menu li a[i=\"" + mainmenu + "\"]").css(colorMenuType, colorMenu);
    $("ul.menu li a[i=\"" + mainmenu + "\"]").css("color", colorTextMenu);
}


/************************ Funkcje dla przesuwania polecanych klientów ************************/



function moveTopMerchantUp() {

    var bestM = $(".bestMerchant");
    var sumH = 0;
    $(".bestMerchant").each(function() { sumH += $(this).height(); });
    if (sumH > 0 && sumH > $(".content").height()) {
        var time = $(bestM[0]).height() * 50;
        $(".content").append($(bestM[0]).clone());
        $(bestM[0]).animate({ marginTop: "-=" + $(bestM[0]).height() + "px" }, time, "linear", function() { $(bestM[0]).remove(); switchBest(); });
    }
}

function switchBest()
{
    var bestM = $(".bestMerchant");
    $(".content").append($(bestM[0]).clone());
    var time = $(bestM[0]).height()*50;
    $(bestM[0]).animate({ marginTop: "-=" + $(bestM[0]).height() + "px" }, time, "linear", function() { $(bestM[0]).remove(); switchBest(); });
}

function setCorner() {
    var queryString = ((window.location.href.toString()).split('?'))[0];
    if (queryString.indexOf('ONas') >= 0 || queryString.indexOf('Index') >= 0) {
        if (queryString.indexOf('Index') >= 0 || (queryString.indexOf('Welcome')+7)==queryString.length) {

            $(".top .left").corner("tl 10px");
            $(".top .right").corner("tr 10px");
            $(".middle .left").corner("bl 10px");
            $(".middle .center").corner("br 10px");
            $(".top").corner("top 10px");
            $(".middle").corner("bottom 10px");
        }
        else {
            $(".top .left").corner("tl 10px");
            $(".top .center").corner("tr 10px");
            $(".middle .left").corner("bl 10px");
            $(".middle .center").corner("br 10px");
            $(".middle").corner("bottom 10px");
        }
    }
    else {
        if (queryString.indexOf('LogOn') >= 0 || queryString.indexOf('Contact') >= 0 || queryString.indexOf('Register') >= 0 || queryString.indexOf('RemindPassword') >= 0) {
            $(".top .left").corner("tl 10px");
            $(".top .right").corner("tr 10px");
            $(".top").corner(" top 10px"); 
        }
        else {

            $(".top .left").corner("tl 10px").corner("bl 10px");
            $(".top .right").corner("tr 10px").corner("br 10px");
            $(".top").corner("10px"); 
        }
    }
}

function FeedBackDialogValidation() {
    var errors = 0;
    var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
    if ($("#FeedbackSubject").val().length <= 0) {
        $("#FeedbackSubjectError").text("Podaj tytuł wiadomości");
        $("#FeedbackSubjectError").css("display", "inline-block").css("color", "red");
        errors += 1;
    }
    else {
        $("#FeedbackSubjectError").text("");
    }
    if (!filter.test($("#FeedbackMailAddress").val())) {
        $("#FeedbackMailAddressError").text("Podaj poprawny adres email");
        $("#FeedbackMailAddressError").css("display", "inline-block").css("color", "red");
        errors += 1;
    }
    else {
        $("#FeedbackMailAddressError").text("");
    }
    if ($("#FeedbackMessage").val().length < 10) {
        $("#FeedbackMessageError").text("Podaj treść wiadomości, co najmniej 10 znaków");
        $("#FeedbackMessageError").css("display", "inline-block").css("color", "red");
        errors += 1;
    }
    else {
        $("#FeedbackMessageError").text("");
    }

    if (errors > 0) 
    {
        return false;
    }
    else 
    {
        return true;
    }
}

function sendMessage(subject, email, message, name) {
    var param = '{ subject:"' + subject + '" ,email:"' + email + '" , message:"' + message + '", name:"' + name + '"}';
    getJsonAjaxObjectS('SendFeedBack', param);
}


function getJsonAjaxObjectS(methodName, jsonData, result) {
    var output;
    $.ajax({
        async: true,
        url: "/WebService1.asmx/" + methodName,
        data: jsonData,
        type: "POST",
        contentType: "application/json; charset=utf-8",
        processData: false,
        dataType: "json",
        success: function(fn) {
            if (fn.d == true) {
                $("#FeedbackSubject").val("");
                $("#FeedbackMailAddress").val("");
                $("#FeedbackMessage").val("");
                $(".feedbackdialog").dialog('destroy');
                $(".feetBackConfirmationDialog p").text("Wiadomość została wysłana");
                $(".feetBackConfirmationDialog").dialog({
                    bgiframe: true,
                    resizable: false,
                    height: 100,
                    width: 200,
                    title: "Potwierdzenie",
                    modal: true,
                    overlay: {
                        backgroundColor: '#000000',
                        opacity: 0.4
                    },
                    buttons: {
                        'Zamknij': function() {

                            $(".feetBackConfirmationDialog").dialog('destroy');
                        }
                    }
                });
            }
            else {
                $(".feetBackConfirmationDialog p").text("Wystąpił błąd podczas wysyłania wiadomości, proszę spróbować za moment");
                $(".feetBackConfirmationDialog").dialog({
                    bgiframe: true,
                    resizable: false,
                    height: 200,
                    width: 300,
                    title: "Błąd",
                    modal: true,
                    overlay: {
                        backgroundColor: '#000000',
                        opacity: 0.4
                    },
                    buttons: {
                        'Zamknij': function() {
                            $(".feetBackConfirmationDialog").dialog('destroy');
                        }
                    }
                });
            }
        }
    });
    return output;
}