$(document).ready(function() {
    


        if (document.images){
        
            
            
            // set image url
            image_url = new Array();
            image_url[0] = "uploads/menu/KnopStudenten2.png";
            image_url[1] = "uploads/menu/KnopStudenten_line2.png";
            image_url[2] = "uploads/menu/KnopWerkgevers_line1.png";
            image_url[3] = "uploads/menu/KnopWerkgevers2.png";
            image_url[4] = "uploads/menu/KnopWerkgevers_line2.png";
            image_url[5] = "uploads/menu/KnopScholen_line1.png";
            image_url[6] = "uploads/menu/KnopScholen2.png";
            image_url[7] = "uploads/menu/KnopScholen_line2.png";
            image_url[8] = "uploads/menu/KnopLoopbaan_line1.png";
            image_url[9] = "uploads/menu/KnopLoopbaan2.png";
            
            image_url2 = new Array();
            image_url2[0] = "uploads/menu/KnopStudenten1.png";
            image_url2[2] = "uploads/menu/KnopWerkgevers1.png";
            image_url2[4] = "uploads/menu/KnopScholen1.png";
            image_url2[6] = "uploads/menu/KnopLoopbaan1.png";
            
            
            var i = 0;
            image_objects = new Array();
            for(i=0; i<=image_url.length; i++) {
                image_objects[i] = new Image();
                image_objects[i].src = image_url[i];
            }
            
        }

    $("#loopbaanmenu li:not(.divider) img").hover( function() {
        var id= $(this).attr("id");
        var id2 = id.substr(3, 1);
        id2 = parseInt(id2);
        
        var temp = id2/2 + id2;
            
        if(id2 != 0) {
            $("#img"+(id2-1)).attr("src",image_url[temp-1]);
        }
        $(this).attr("src",image_url[temp]); 
        
        if(id2 != 6){
            $("#img"+(id2+1)).attr("src",image_url[temp+1]); 
        }
        
        
        
    }, function() {
        var id= $(this).attr("id");
        var id2 = id.substr(3, 1);
        id2 = parseInt(id2);
        
        
        
        var temp = id2/2 + id2;
            
        if(id2 != 0) {
            $("#img"+(id2-1)).attr("src","uploads/menu/divider.png");
        }
        $(this).attr("src",image_url2[id2]); 
        
        if(id2 != 6){
            $("#img"+(id2+1)).attr("src","uploads/menu/divider.png"); 
        }
    
    });


});



$(document).ready(function() {
	$("#autobuttontext2").live('click', function() {

		jQuery.facybox({ div: '#autobuttontext' }, 'my-groovy-style')

	return false;
	})


});