function supports_video() {
    return !!document.createElement('video').canPlayType;
} 
    
$(function(){
    
 
   
    $(".mediaLinkKien").live("mouseover mouseout", function(event) {
        if ( event.type == "mouseover" ) {
            $.ajax({
                url: "/kienpagina/media/" + $(this).attr('id'),
                success: function(data){
                    $("#mediaDynamic").html(data);
                    $("#mediaStatic").hide();
                    $("#mediaDynamic").show();
                }
            });
        } else {
            id = $(this).attr('id').split("_");
            id = id[1];
            $("#mediaStatic").show();
            $("#mediaDynamic").hide();            
            $("#mediaDynamic").html("");
        }
    });
    
    
    $(".mediaLinkMerk").live("mouseover mouseout", function(event) {
        if(!hasForm){
            if ( event.type == "mouseover" ) {
            
                $.ajax({
                    url: "/merkenpagina/media/" + $(this).attr('id'),
                    success: function(data){
                        $("#mediaDynamic").html(data);
                        $("#mediaStatic").hide();
                        $("#mediaDynamic").show();
                    }
                });
            
            } else {
                id = $(this).attr('id').split("_");
                id = id[1];
                $("#mediaStatic").show();
                $("#mediaDynamic").hide();            
                $("#mediaDynamic").html("");
            }
        }
    });   
    
    $(".formLinkMerk").live("click", function(event) {
        
        $.ajax({
            url: "/merkenpagina/form/" + $(this).attr('id') + "?merk=" + merknaam,
            success: function(data){
                $("#merkenpaginaAfbeeldingenHolder").hide();
                $("#mediaDynamic").html(data);
                $("#mediaStatic").hide();
                $("#mediaDynamic").show();
                $("#mediaDynamic").css("height", "340px");
            }
        });
        hasForm = true;
        return false;
    });   
    
    $(".formLinkKien").live("click", function(event) {
        
        $.ajax({
            url: "/kienpagina/form/" + $(this).attr('id'),
            success: function(data){
                $("#kienpaginaAfbeeldingenHolder").hide();
                $("#mediaDynamic").html(data);
                $("#mediaStatic").hide();
                $("#mediaDynamic").show();
                $("#mediaDynamic").css("height", "340px");
                $("#mediaDynamic").css("overflow-y", "scroll");
            }
        });
        hasForm = true;
        return false;
    });   
    
    $("#annuleren").live("click", function(event) {
        $("#kienpaginaAfbeeldingenHolder").show();
        $("#merkenpaginaAfbeeldingenHolder").show();
        $("#mediaStatic").show();
        $("#mediaDynamic").hide();            
        $("#mediaDynamic").html("");    
        $("#mediaDynamic").css("height", "230px");
        hasForm = false;
        return false;
    });   
    
    
    $(".werknemer img").live("mouseover mouseout", function(event) {
        if ( event.type == "mouseover" ) {
            $("#mediaStatic").css("z-index", "3");
            $("#mediaDynamic").css("z-index", "2");
            $("#mediaStatic").show();
            $("#mediaDynamic").hide();
            $.ajax({
                url: "/kienpagina/werknemer/" + $(this).attr('id'),
                success: function(data){
                    $("#kienpaginaAfbeeldingenHolder").hide();
                    $("#mediaDynamic").html(data);
                    $("#mediaDynamic").css("height", "340px");
                    $("#mediaStatic").css("z-index", "3");
                    $("#mediaDynamic").css("z-index", "2");
                    $("#mediaStatic").fadeOut("fast");
                    $("#mediaDynamic").fadeIn("fast");
                }
            });
        } else {
            id = $(this).attr('id').split("_");
            id = id[1];
            $("#kienpaginaAfbeeldingenHolder").show();
            $("#mediaStatic").css("z-index", "2");
            $("#mediaDynamic").css("z-index", "3");
            $("#mediaStatic").fadeIn("fast");
            $("#mediaDynamic").fadeOut("fast", function(){
                $("#mediaDynamic").html("");    
                $("#mediaDynamic").css("height", "230px");
            });      

        }
    });
    
    $(".mediaLink").live("click", function(event){
        return false; 
    });
    
});