$(document).ready(function() {

    $('ul.menu li a span, ul.main-nav li a span')
    .css( {
        "opacity": "0"
    } )
    .mouseover(function(e){
        $(this).stop().animate({
            "opacity":"1"
        }, {
            duration:500
        })
    }).mouseout(function(){
        $(this).stop().animate({
            "opacity":"0"
        }, {
            duration:500
        })
    }).click(function(e){
        // Hide everything else
        $('.submenu').each(function(i,o){
            if(o.id!==$($(e).get(0).target).closest('li').find('.submenu').get(0).id){
        //                $(o).hide(500);
        }
        });
    //$(this).closest('li').find('.submenu').toggle(500);
    });

    $('.active').closest('ul').toggle();
    $('.main-active').closest('li').find('.submenu').toggle(500);
    $('.active').closest('ul').siblings('a').addClass('main-active');

    $("a[rel='external']").each(function(i,o){
        $(o).addClass('extlink');
        $(o).title += '(opens in new window)';
        $(o).bind('click', function(e){
            e.preventDefault();
            try {
                window.open(e.target.tagName == 'a' ? e.target.href : $(e.target).closest('a').get(0).href);
            } catch (ex) {
                window.open(e.target.href);
            }
        });
    });

    $('.main-content h2').each(function(i, o) {
        $(o).replaceWith($('<div class="heading"><div class="heading-left">&nbsp;</div><div class="heading-middle"><h2>'+$(o).html()+'</h2></div><div class="heading-right">&nbsp;</div></div><div class="clear"></div>'));
    });

    $('.heading-middle h2').textShadow();
    
    $('.huur-valk').click(function(){$(this).openVakantiePlanner('2','1','nl')});
    $('.huur-elektrovalk').click(function(){$(this).openVakantiePlanner('7','11','nl')});
    $('.huur-sloep').click(function(){$(this).openVakantiePlanner('5','14','nl')});
    
});

(function($){
    $.fn.openVakantiePlanner = function(groepid, object, taal) {
        var str_var = '';
        if (groepid!='')
            str_var += '&groep='+groepid;
        if (object!='')
            str_var += '&step=2&object='+object;
        else
            str_var += '&step=1';
        str_var += '&lang='+taal;

        window.open('http://www.urlaubsplaner.nl/hoora/vakantieplanner/vp_stappen.php?firsttime=true&reset=true&resetall=true'+str_var,'VakantiePlanner','statusbar=0,menu=0,width=760,height=510');
    }
})(jQuery);