function installSMSFormHandler() {
    // submit or prevent submit
    $("#main-wrapper #footer input.button").click(function(e) {
        e.preventDefault();

        wrapper = $(this).parent().parent();
        form = $(this).parent();
        gsm = $(wrapper).find("input[name=gsm]");
        var url = "sms";
        if ($(wrapper).find("#www").length == 1) {

            if ($("#www").hasClass("active") || $("#gsm").hasClass("active")) {
                // Disable send button
                $("form[name=sms] input[type=submit]").replaceWith("<img src='media/images/ajax-loader.gif' />");

                $.post('sms',{www:$("#www").val(), gsm:$("#gsm").val()}, function(data) {
                    $(wrapper).html(data);
                    $("#www").addClass("active");
                    $("#gsm").addClass("active");

                    installSMSFormHandler();
                });
            }
        } else {
            url = "sms2";
            if ($(gsm).hasClass("active")) {
                // Disable send button
                $(this).replaceWith("<img src='media/images/ajax-loader.gif' />");

                $.post(url,{gsm:$(gsm).val()}, function(data) {
                    $(wrapper).html(data);
                    $(gsm).addClass("active");

                    installSMSFormHandler();
                });
            }
        }
    });

}

function installOrderFormHandler() {

    // submit or prevent submit
    $("input[value=order]").click(function(e) {
    	   $(".web-site-details").slideDown();
    });

    $("input[value=contactme]").click(function(e) {
           $(".web-site-details").slideUp();
    });


    $("form[name=order] input[type=submit]").click(function(e) {
        e.preventDefault();
        form = $(this).parent().parent();
        // Disable send button
        $(this).replaceWith("<img src='media/images/ajax-loader.gif' />");

        $.post('order', $(form).serialize(), function(data) {
                $(form).replaceWith(data);
                console.log($(this));
                installOrderFormHandler();
        });

    });

}


$(document).ready(function(){
    // needed elements

    var marketingNav = $("#marketingNav"),
        pagesNav = $("#pagesNav"),
        navs = $(".navigation"),
        marketingTester = $("#marketingTester"),
        pagesTester = $("#pagesTester"),
        testerWrapper = $("#tester-wrapper"),
        paymentsContent = $("#mobipayments-content"),
        wrapper = $("#content-wrapper"),
        closeButton = $(".closeButton", wrapper);

    var bgPos = "0px 0px";

    // content box resizer
    resizeContent = function(next, wrapper) {
        //resizes the content-wrapper and left- and right-borders
        new_height = parseInt(next.css("height"));
        //if content-wrapper is hidden, no need to animate
        if (wrapper.is(":hidden")) {
            wrapper.height(new_height + 20);
            wrapper.children(".side-border").height(new_height);
        } else {
            wrapper.animate({height: new_height + 20}, 250);
            wrapper.children(".side-border").animate({height: new_height}, 250);
        }
    }

    // site navigation / change pages
    $("#sitenav span").click(function(e) {
        clicked = $(this);
        if (!clicked.hasClass("selected")) {
            var cID = clicked.attr("id");
            if (cID != "mobipayments") {
                closeContent(125);
            }
            $("#sitenav .selected").removeClass("selected");
            clicked.addClass("selected");

            oldNav = $(".navigation.selected");
            oldNav.slideUp("fast").removeClass("selected");

            oldTester = $(".tester.selected");
            oldTester.slideUp("fast").removeClass("selected");
            if (cID == "mobimarketing") {
                marketingNav.slideDown("fast").addClass("selected");
                marketingTester.slideDown("fast").addClass("selected");

                $("#tester-wrapper:hidden").slideDown("fast");
                bgPos = "-960px 0px;";

            } else if (cID == "mobipages") {
                pagesNav.slideDown("fast").addClass("selected");
                pagesTester.slideDown("fast").addClass("selected");

                $("#tester-wrapper:hidden").slideDown("fast");
                bgPos = "0px 0px";

            } else if (cID == "mobipayments") {
                navs.slideUp("fast");
                testerWrapper.slideUp("fast");
                if (wrapper.is(":hidden")) {
                    resizeContent(paymentsContent,wrapper);
                    wrapper.slideDown(250, function() {
                        paymentsContent.fadeIn(250).addClass("visible");
                    });
                } else {
                    $("#content-wrapper .visible").removeClass("visible").fadeOut(250, function(e) {
                        resizeContent(paymentsContent,wrapper);
                        paymentsContent.fadeIn(250).addClass("visible");
                    });
                }

                closeButton.fadeOut("fast");
                bgPos = "-1920px 0px;";
            }

            $("#header").animate({
                backgroundPosition: bgPos
            }, "fast");


        }
    });

    // global navigation
    $(".navigation span").click(function(e) {
        clicked = $(this);
        $(".navigation .selected").removeClass("selected");
        clicked.addClass("selected");

        var next = $("#" + clicked.attr("id") + "-content");

        if (wrapper.is(":hidden")) {
            resizeContent(next,wrapper);
            wrapper.slideDown(250, function() {

                $("#" + clicked.attr("id") + "-content").fadeIn(250).addClass("visible");
            });

        } else {
            $("#content-wrapper .visible").removeClass("visible").fadeOut(250, function(e) {
                resizeContent(next,wrapper);
                next.fadeIn(250).addClass("visible");
            });

        }
    });

    // lomake navigation
    $("#tilaa-content .lomake a").click(function() {
        //e.preventDefault();
        wrapper = $("#content-wrapper");
        next = $("#lomake-content");
        $("#content-wrapper .visible").removeClass("visible").fadeOut(250, function(e) {
            resizeContent(next,wrapper);
            next.fadeIn(250).addClass("visible");
        });
        return false;
    });
    $("#tilaa2-content .lomake a").click(function() {
        //e.preventDefault();
        wrapper = $("#content-wrapper");
        next = $("#lomake2-content");
        $("#content-wrapper .visible").removeClass("visible").fadeOut(250, function(e) {
            resizeContent(next,wrapper);
            next.fadeIn(250).addClass("visible");
        });
        return false;
    });

    // close content
    closeContent = function(speed) {
        if (!speed)
            speed = 250;
        $("#content-wrapper .visible").removeClass("visible").fadeOut(speed, function() {
            $(this).parent().slideUp(speed);
            $(".navigation .selected").removeClass("selected");
        });
        closeButton.fadeIn("fast");
    };
    $("#content-wrapper .closeButton").click(function() {closeContent();});

    // website tester form handlers
    www = $("#footer #www").attr("value");
    gsm = $("#footer #gsm").attr("value");
    $("#main-wrapper #footer input[type^=text]").live("focusin", function() {
        if (!$(this).hasClass("active")) {
            $(this).addClass("active");
        }
        if (this.value == www) {
            this.value = "";
        }


        if(this.value == gsm) {
            this.value = "+358";
        }
    }).live("focusout", function () {

        if (this.value == "" || this.value == "+358") {
            id = $(this).attr("id");
            this.value = id == "www" ? www : gsm;
            $(this).removeClass("active");
        }
    });


    installSMSFormHandler();

    installOrderFormHandler();
});