var baseURL1 = "http://moblio.nl";
    var baseURL2 = "http://www.moblio.nl";
    
    function getRestParamsFromURL(url) {
        if(url.indexOf(baseURL1) != -1) {
            return url.substring(baseURL1.length, url.length).toLowerCase();
        }
        else if(url.indexOf(baseURL2) != -1) {
            return url.substring(baseURL2.length, url.length).toLowerCase();
        }
        else {
            return '';
        }
    }
    
    function swapPanels(panel1, panel2) {
        var p1 = document.getElementById(panel1);
        var p2 = document.getElementById(panel2);
        
        if(p1.style.display == 'none' || p1.style.display=='') {
            p1.style.display = 'block';
            p2.style.display = 'none';
        }
        else {
            p1.style.display = 'none';
            p2.style.display = 'block';
        }
    }
    function isValidEmailAddress(emailAddress) {
        var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
        return pattern.test(emailAddress);
    }
    
    function emailValidate(app) {
        var email = $("input#"+app+"email").val();
        if(email != 0)
        {
                if(isValidEmailAddress(email))
                {
                        $("#"+app+"validEmail").css({
                            "background-image": "url('img/validYes.png')"
                        }).delay(2000).fadeOut(1000, function() {
                            $(this).css("background-image","none");
                            $(this).css("display", "block");
                            });
                } else {
                        $("#"+app+"validEmail").css({
                            "background-image": "url('img/validNo.png')"
                        });
                }
        } else {
                $("#"+app+"validEmail").css({
                    "background-image": "none"
                });			
        }
    }
    
    function supportButtonClicked(app, appFullname, urlParam) {
        if($("#"+app+"support").css("display") == "block") {
                $("#"+app+"support").fadeOut(400);
                $("#"+app+"maincontent").delay(400).fadeIn(400);
                pageTracker._trackEvent(appFullname, 'Overview', 'Open');
                
                //window.location.href = baseURL2 + "#/" + urlParam + "/";
           }
           else {
                $("#"+app+"maincontent").fadeOut(200);
                $("#"+app+"support").delay(200).fadeIn(400);
                pageTracker._trackEvent(appFullname, 'Support', 'Open');
                
                //window.location.href = baseURL2 + "#/" + urlParam + "/support/";
           }
           //return false;
    }
    function submitForm(app, appName) {
        if($("#"+app+"name").val() == 'naam') {
            $("#"+app+"name").css('font-weight', 'bold');
            $("#"+app+"name").css('color', 'red');
            $("#"+app+"name").fadeOut(500, function() {
                $(this).css('color', 'black');
                $(this).css('font-weight', 'normal');
                $(this).text("naam").show().fadeIn(300);
            });
            return false;
        }
        
        if($("#"+app+"email").val() == 'email') {
            $("#"+app+"email").css('font-weight', 'bold');
            $("#"+app+"email").css('color', 'red');
            $("#"+app+"email").text("Please add a valid email address!").show().fadeOut(1000, function() {
                $(this).css('color', 'black');
                $(this).css('font-weight', 'normal');
                $(this).text("email").show();
            });
            return false;
        }
        
        if(!isValidEmailAddress($("#"+app+"email").val())) {
            $("#"+app+"validEmail").css({
                "background-image": "url('img/validNo.png')"
            }).delay(1500).fadeOut(500, function() {
                    $(this).css("background-image","none");
                    $(this).css("display", "block");
                });
            return false;
        }
        
        if($("#"+app+"comments").val() == 'comments / support') {
            $("#"+app+"comments").css('font-weight', 'bold');
            $("#"+app+"comments").css('color', 'red');
            $("#"+app+"comments").text("Please add your comments/thoughts!").show().fadeOut(1000, function() {
                $(this).css('color', 'black');
                $(this).css('font-weight', 'normal');
                $(this).text("comments / support").show();
            });
            return false;
        }
        
        $.post("send.php",
               {
                    app: appName,
                    name: $("#"+app+"name").val(),
                    email: $("#"+app+"email").val(),
                    comments: $("#"+app+"comments").val()
                },
               function(data) {
                $("#"+app+"status").text("Message delivered. Thank you for your effort to help us make our application better!")
                            .show().delay(3000).fadeOut(2000, function() {
                    $("#"+app+"name").val("naam");
                    $("#"+app+"email").val("email");
                    $("#"+app+"comments").val("comments / support");
                    return true;
                }).delay(2500, function() { supportButtonClicked(app); });
                
               });
        
        return false;
    }

    $(function(){ 
        settings = {
                tl: { radius: 15 },
                tr: { radius: 15 },
                bl: { radius: 15 },
                br: { radius: 15 },
                antiAlias: true,
                autoPad: true,
                validTags: ["div"]
        }
        
        $("#vuvu-name").placeholder();
        $("#vuvu-email").placeholder();
        $("#vuvu-comments").placeholder();
            
        $("#lot-name").placeholder();
        $("#lot-email").placeholder();
        $("#lot-comments").placeholder();
    
        $('#vuvu-support-send').submit(function() {
            var ok = submitForm("vuvu-", "vuvuzela");
            pageTracker._trackEvent('Vuvuzela', 'Support', 'Send');
            return ok;            
        });
        
        $('#lot-support-send').submit(function() {
            pageTracker._trackEvent('Loterij', 'Support', 'Send');
            return submitForm("lot-", "loterij");
        });
        
        $("#vuvu-email").keyup(function(){
            emailValidate("vuvu-");
	});
        $("#lot-email").keyup(function(){
            emailValidate("lot-");
	});
        
        $("#vuvu-support-btn").click(function() {
           supportButtonClicked("vuvu-", "Vuvuzela", "vuvuzela");
        });
        $("#lot-support-btn").click(function() {
           supportButtonClicked("lot-", "Loterij", "loterij");
        });
        
        
        $("#app-Loterij").click(function(){
           $("#container-Vuvuzela").fadeOut(500, function() {
                $("#app-Vuvuzela").removeClass("selected");
                $("#container-Loterij").fadeIn(500, function() {
                    $("#app-Loterij").addClass("selected");
                });
           });
           /*
           var params = getRestParamsFromURL(window.location.href);
           if(params.indexOf("loterij") == -1) {
                window.location.href = baseURL2 + "#/loterij/";
           }*/
           
           pageTracker._trackEvent('Loterij', 'Page', 'Open');
           //return false;
        });
        
        $("#app-Vuvuzela").click(function(){
           $("#container-Loterij").fadeOut(500, function() {
                $("#app-Loterij").removeClass("selected");
                $("#container-Vuvuzela").fadeIn(500, function() {
                    $("#app-Vuvuzela").addClass("selected");
                });
           });
           
           
           /*var params = getRestParamsFromURL(window.location.href);
           if(params.indexOf("vuvuzela") == -1) {
               window.location.href = baseURL2 + "#/vuvuzela/";
           }
           */
           pageTracker._trackEvent('Vuvuzela', 'Page', 'Open');
           
           //return false;
        });
        
        $(".maincontent").css("display", "block");
        $(".support").css("display", "none");
        
        /*if(window.location.href.indexOf("vuvuzela") != -1) {
            //$("#container-Vuvuzela").css("display","block");
            $("#container-Loterij").css("display","none");
        }
        else {
            $("#container-Vuvuzela").css("display","block");*/
            $("#container-Loterij").css("display","none");
        //}
        
    });