$(document).ready(function(){
    
    
    $(".galerie").colorbox({rel:'galerie', maxHeight:"75%"});

    $('.header_menu ul li').mouseover (function () {
        
       $('.submenu').removeClass('hidden');
        
        
        $(".submenu").css('left',$(this).position().left+"px");
        $(".submenu").css('top',($(this).position().top+34)+"px");
        
        var content = $(this).find('.subpages').text();
        var divContent = "";
        var items = content.split(";");
        
        
        for (var i in items) {
            
            var itemp = items[i].split(",");
            if ($.trim(itemp[0]) == "") continue;
            divContent += "<div><a href='" + itemp[0] + "'>"+itemp[1]+"</a></div>";
        }
        
        
        $(".submenu").html(divContent);
        
        return false;
    });
    
    $('body').not('.header_menu ul').not('.submenu').mouseover(function (e) {
        
        if (!$(".submenu").hasClass('hidden')) {

            if ((e.pageX < $('.submenu').position().left) ||
                (e.pageY < $('.submenu').position().top) || 
                (e.pageX >= ($('.submenu').position().left + parseInt($('.submenu').css('width')))) ||
                (e.pageY >= ($('.submenu').position().top + parseInt($('.submenu').css('height'))))
                ) {
                $('.submenu').addClass('hidden');
            }
        }
        
        
    });
 });