$(document).ready(function(){
    $(".newspost").click( doBox );
    $(".menunode").click( doBox );
    
    $("#closebox").click( doCloseBox );
    
                       
    function doShow(){        
        $("#blackbox").css({
            display:"block",
            height:$("#boxtext").height(),
            opacity:0,
            left:($(window).width()-$('#blackbox').width())/2,
            top:225,
            position:"absolute"
        });
        $("#closebox").css({
            display:"block",
            opacity:0,
            left:($(window).width()-$('#blackbox').width())/2+425,
            top:225,
            position:"absolute"
        });
        $("#boxtext").css({
            display:"block",
            opacity:0,
            left:($(window).width()-$('#boxtext').width())/2,
            top:225,
            position:"absolute"
        });
        $("#blackbox").animate({opacity:0.6});
        $("#closebox").animate({opacity:0.6});
        $("#boxtext").animate({opacity:1.0});
    };
    
    function setBox(content){
        $("#boxtext").html(content);
    }
    
    function doBox(){
        var parameters=this.id.split("-");
        var query="type="+parameters[0]+"&id="+parameters[1];
        //if(error!=0){query+="&error="+error;}
        var callback=window.location.href.split("?")[1];
        delete parameters;
        
        $("#boxtext").text("Loading...");
        doShow();
        
        $.get("callback.php?"+callback, query, function(content){
            $("#boxtext").html(content);
            doShow();
            
            $("#contact_submit").click(function(){
                var hasError=0;
                var nameReg=/^[(^\s)a-zA-Z0-9æøåÆØÅ]+/;
                var emailReg=/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
                var messageReg=/(.+)/;
                $("#contact_sender").removeClass("error");
                $("#contact_email").removeClass("error");
                $("#contact_content").removeClass("error");
                $("#contact_bot").removeClass("error");

                var nameVal=$("#contact_sender").val();
                var emailVal=$("#contact_email").val();
                var messageVal=$("#contact_content").val();
                var botVal=$("#contact_bot").val();
                if(!messageReg.test(nameVal)||nameVal==''){
		    $("#contact_sender").addClass("error");  
		    hasError=1;
                }else if(!emailReg.test(emailVal)||emailVal==''){
		    $("#contact_email").addClass("error");  
		    hasError=2;
		}else if(!messageReg.test(messageVal)||messageVal==''){
		    $("#contact_content").addClass("error");
		    hasError=3;
		}else if(botVal!="4"){
                    $("#contact_bot").addClass("error");
                    hasError=4;
                }
                
                if(hasError==0){
                    $("#contact_submit").hide();
                    $("#contact_error").text("Sending mail...");
                    $.post("sendmail.php",{contact_sender:nameVal,contact_email:emailVal,contact_content:messageVal,contact_bot:botVal},function(data){
                        $("#loading").hide();
                        $("#contact_error").addClass("green");
                        $("#contact_error").text("This mail was succesfully sent!");
                    });
                }else if(hasError==1){
                    $("#contact_error").html("Please enter a valid name.");
                    $("#contact_error").addClass("red");
                }else if(hasError==2){
                    $("#contact_error").html("Please enter a valid email.");
                    $("#contact_error").addClass("red");
                }else if(hasError==3){
                    $("#contact_error").html("Please fill the message field.");
                    $("#contact_error").addClass("red");
                }else if(hasError==4){
                    $("#contact_error").html("Please enter the result of two times two.");
                    $("#contact_error").addClass("red");
                }
            });
        });
    };
    
    function doCloseBox(){
        $("#blackbox").css({display:"none"});
        $("#closebox").css({display:"none"});
        $("#boxtext").css({display:"none"});
    }
})