// JavaScript Document
jQuery(document).ready(function(){
        DoBindFunctions();
        var str_page = get_url_parameter('page');
        changeImage(str_page);


});

function DoBindFunctions(){
$('#btnSpaceGallery').bind('click', function() {
           doPhotoGallery();
     });   

$('#btnSend').bind('click', function() {
            CheckContactForm();
     });    
     


$('#TopMenuButton_1').bind('click', function() {
            window.location='index.php';
     });    


$('#TopMenuButton_2').bind('click', function() {
            window.location='index.php?page=waaromwij';
    
        });    

$('#TopMenuButton_3').bind('click', function() {
            window.location='index.php?page=waaromu';
    
        });    

$('#TopMenuButton_4').bind('click', function() {
            window.location='index.php?page=kosten';
    
        });    

$('#TopMenuButton_5').bind('click', function() {
            window.location='index.php?page=dewebshop';
    
        });    

$('#TopMenuButton_6').bind('click', function() {
            window.location='index.php?page=ondersteuning';

        });    

$('#TopMenuButton_7').bind('click', function() {
            window.location='index.php?page=contact';
     });    



}

function get_url_parameter( param ){
    param = param.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    var r1 = "[\\?&]"+param+"=([^&#]*)";
    var r2 = new RegExp( r1 );
    var r3 = r2.exec( window.location.href );
    if( r3 == null ){
         return "";
         }
    else{ 
        return r3[1];
        }
    }
    
function changeImage(str_page){
        var url;
        switch (str_page)
        {
        case 'waaromu' :
        url = 'url(pics/klanten.jpg)';
        break;
        
        case 'waaromwij':
        url = 'url(pics/samenwerken.png)';
        break;
       
        case 'ondersteuning':
        url = 'url(pics/ondersteuning.jpg)';
        break;


        case 'dewebshop':
        url = 'url(pics/admin_startmenu.jpg)';
        break;

        case 'kosten':
        url = 'url(pics/kosten.jpg)';
        break;


        
        case 'contact':
        $('#txtEmail').css("background-color", "#FFF");        
        url = 'url(pics/contact.jpg)';
        break;


        
        default:
        url = 'url(pics/zon.png)';
        break;
        }


    $('#MainContentImg').css("background-image", url);
    
    

}    

function CheckContactForm(){
    $('#txtEmail').css("background-color", "#FFF");        
    $('#txtNaam').css("background-color", "#FFF");
    $('#txtMsg').css("background-color", "#FFF");
    var email = jQuery('#txtEmail').val();
       
    if (isValidEmailAddress(email)){
        //email adres is goed
       $('#txtEmail').css("background-color", "#FFF");        
       
       if ($('#txtNaam').val() == '' ){
            //naam is leeg
        $('#txtNaam').css("background-color", "#C30");
       $('#txtNaam').focus();
                
       }else{
        // naam en email is goed 
            if($('#txtMsg').val() == ''){
                //msg is niet goed
                 $('#txtMsg').css("background-color", "#C30");
                $('#txtMsg').focus();
            }else{
            
                //alles goed versturen maar
                SendContactForm();
                }
        }
    }else{
        //email niet goed 
        $('#txtEmail').css("background-color", "#C30");
        $('#txtEmail').focus();
    }

}


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 SendContactForm(){
    var url;
    var vNaam =      $('#txtNaam').val();    
    var vEmail =     $('#txtEmail').val();    
    var vMsg =       $('#txtMsg').val();    
    
    vNaam = escape(vNaam);
    vEmail = escape(vEmail);
    vMsg = escape(vMsg);

    
    url = 'pages/my_sendmail.php?';
    url = url + 'naam=' + vNaam;
    url = url + '&email=' + vEmail;
    url = url + '&msg=' + vMsg;
    
    

$('#ContactContainer').hide('slow', function(){
    $('#ContactContainer').load(url, function(){
        $('#ContactContainer').show('slow');    
    });
});





}


function doPhotoGallery(){
    url = 'pages/fotogallery.html';
    $('#MainContent').load(url, function(){
    
        $('a.lightbox').lightBox(function(){
                    $('a.lightbox').bind('mouseover', function() {
                                    $('a.lightbox').css("border", "#FFF solid thin");                        
                     });    
        
            
            });
    
        $('a.lightbox2').lightBox(function(){        });

    });
    
    

}