/*
$(window).addEvent('domready',function(){
	$$('#header .mod_navigation ul li').addEvents( {
		'mouseenter' : function(event){
							var item=$(event.target);
							if ( item.get('tag') != 'LI' )
								item = item.getParent();
							item.addClass('hover');
							if ( item.getElement('ul') )
								item.getElement('ul').setStyle('visibility','visible');
						},
		'mouseleave' : function(event){
							var item=$(event.target);
							if ( item.get('tag') != 'LI' )
								item = item.getParent();
							item.removeClass('hover');
							if ( item.getElement('ul') )
								item.getElement('ul').setStyle('visibility','hidden');
						}
	} );
	$$('#header .mod_navigation ul li ul li')
		.filter(function(item){return (item.getElements('ul').length>0);})
		.getFirst('a')
		.appendText(new Element('span',{'html':' »'}).get('text'));
});

MooTools code above is basically doing the same as jQuery code below, but actually it
is not working in Contao as of 2.9.1, probably as that is using MooTools 1.24 which is outdated.

*/

jQuery.noConflict();

$(window).addEvent( "domready", function() {
	var b = $$("body");
	b.addClass( Browser.Platform.name );
	if ( Browser.Engine )
	{
		b.addClass( Browser.Engine.name );
		b.addClass( Browser.Engine.name + '-' + Browser.Engine.version );
	}
	if ( Browser.name )
		b.addClass( Browser.name );
	navigator.userAgent.match(/ipad|iphone/i) && b.addClass( 'ios' );
} );

Element.implement( 'openNew', function() { this.set('target','_blank'); } );

jQuery(document).ready(function(){
	jQuery('#header .mod_navigation ul li').hover(
		function(event){jQuery(this).addClass('hover').children('ul:first').css('visibility','visible');},
		function(event){jQuery(this).removeClass('hover').children('ul:first').css('visibility','hidden');}
	);
	jQuery('> a:first, > span:first',jQuery('#header .mod_navigation ul li ul li:has(ul)')).append(' <span class="submenu-marker">»</span>');
});