$(document).ready(function(){

    $("input[name=topmailingsubmit]").css('outline', 'none').click(function(){
        
        var button = $(this);
        var email = $("#topmailing").val();
        email = jQuery.trim(email);
        
        if(!checkEmail(email)) {
            alert('Geef een geldig email adres op!');
            $("#topmailing").focus();
            return false;
        }
        
        var loading_image = '/images/misc/ajax-loader.gif';
        var curr_image = $(button).attr('src');
        
        $(button).attr({src: loading_image, width: 25}); //width: 25,
        
        $.post('/scripts/mailing.json.php', {email: email}, function(data){
            if(data.result == 'ok') {
                $(button).attr({src: curr_image, width: 25}); //width: 25,
                $("#topmailing").val('').blur();
                alert(data.txt);
            }
        }, 'json');
        
    });
    
    $("input[name=topsearch]").css('outline', 'none').click(function(){
        var search = $("#topsearch").val();
    });
    
    $(".txt").each(function(i){
        $(this).focus(function(){
            if ($(this).val() == $(this).attr("title")) {
                $(this).val("");
            }
        }).blur(function(){
            if ($.trim($(this).val()) == "") {
                $(this).val($(this).attr("title"));
            }
        });
        if ($.trim($(this).val()) == "") {
            $(this).val($(this).attr("title"));
        }
    });
    
    var submenutimer; 
    //var submenucurrent = false;
    var submenucurrent = $("#navcontent ul.selected)").addClass("selected");;
    var submenuhover = false;
    
    $("#navtab li").click(function(){
    
        var index = $("#navtab>li").index(this);
        //var w = $(this).width();
        
        clearTimeout(submenutimer);
        
        submenucurrent = this;
        if(submenuhover) submenuhover = false;
        
        //$(this).parent().find("li").removeClass("selected");
        $(this).parent("li").removeClass("selected");
        
        $(this).addClass("selected");
        
        $("#navcontent ul").removeClass("selected");
        $("#navcontent ul:eq("+index+")").addClass("selected");
        
    }).hover(function(){
    
        var index = $("#navtab>li").index(this);
        
        submenuhover = this;
        
        //$("#navtab li.hovertmp").removeClass(hovertmp);
        //$(submenuhover).addClass("hovertmp");
        
        clearTimeout(submenutimer);
        
        if($("#navcontent ul:visible").size() > 0) {
        
           //$("#navcontent ul.selected").hide();
            
            $("#navcontent ul:visible").fadeOut(10, function(){
            
                $("#navcontent ul:eq("+index+")").fadeIn(10).hover(function(){
                
                    clearTimeout(submenutimer);
                    
                    //$("#navtab li:eq(+index+").addClass("hovertmp");
                    
                },function(){
                
                    submenutimer = setTimeout(function(){
                    
                        $("#navcontent ul:visible").fadeOut(10, function(){
                        
                            $("#navcontent ul.selected").fadeIn(10).hover(function(){
                            }, function(){
                                $("#navcontent ul:eq("+index+")").fadeIn(10);
                            });
                            
                        });
                        
                    }, 10);
                    
                });
                
            });
        
        } else  {
        
            $("#navcontent ul:eq("+index+")").fadeIn(10);
            
        }
        
        
        
    }, function(){
    
        var index = $("#navtab>li").index(this);
        
        //$("#navcontent ul:visible:not(:eq("+index+"))").hide();
        
        submenutimer = setTimeout(function(){
            
            $("#navcontent ul:visible").hide(10, function(){
                
                //$("#navcontent ul").hasClass("selected").fadeIn(50);
                $("#navcontent ul.selected").fadeIn(10);
                
            });0
            
        }, 100);
        
    });
    
    $(".over").preloadImages();
    $(".hover").hoverImages();
    
    $("div.pagenav a").not(".current").hover(function(){
        $(this).addClass("current");
    }, function(){
        $(this).removeClass("current");
    });
    
});