Event.observe(window, 'load', initOnLoad, false);

function initOnLoad() {

	$$('div.tab').each(
		function(element) {
			element.onmouseover = tabEvent.onMouseOver.bind( tabEvent, element );
			element.onmouseout  = tabEvent.onMouseOut.bind( tabEvent, element );
			element.onclick     = tabEvent.onClick.bind( tabEvent, element );
		}
	);

	$$('div.tab2').each(
		function(element) {
			element.onmouseover = tabEvent2.onMouseOver.bind( tabEvent2, element );
			element.onmouseout  = tabEvent2.onMouseOut.bind( tabEvent2, element );
			element.onclick     = tabEvent2.onClick.bind( tabEvent2, element );
		}
	);
	
	$$('div.tab3').each(
		function(element) {
			element.onmouseover = tabEvent3.onMouseOver.bind( tabEvent3, element );
			element.onmouseout  = tabEvent3.onMouseOut.bind( tabEvent3, element );
			element.onclick     = tabEvent3.onClick.bind( tabEvent3, element );
		}
	);

	var rowElements = $$('tr.odd');

	rowElements.each(
		function(element) {
			element.onmouseover = rowEvent.onMouseOver.bind( rowEvent, element );
			element.onmouseout  = rowEvent.onMouseOut.bind( rowEvent, element );
		}
	);

	var rowElements = $$('tr.even');

	rowElements.each(
		function(element) {
			element.onmouseover = rowEvent.onMouseOver.bind( rowEvent, element );
			element.onmouseout  = rowEvent.onMouseOut.bind( rowEvent, element );
		}
	);

	var dropMenus = $$('div.menu');

	dropMenus.each(
		function( menu ) {

			var parent = menu.up('li');

			parent.appendChild( menu );
			parent.makePositioned();

			menu.setStyle( {
        position : 'absolute',
        top : parent.getHeight() + 'px', left : '0'
			} );

			parent.onmouseover = menuEvent.onMouseOver.bind( menuEvent, menu );
			parent.onmouseout = menuEvent.onMouseOut.bind( menuEvent, menu );
		}
	);
}

/* Dropdownmenü */
var menuEvent = new Object();
menuEvent.onMouseOver = function( menu ) {

	window.clearTimeout( menu.hideId );
	menu.show();

	menu.previous('a').setStyle( { backgroundPosition : '0px -28px' } );
}

menuEvent.onMouseOut = function( menu ) {

	menu.hideId = Element.hide.delay( 0.33, menu );

	menu.previous('a').setStyle( { backgroundPosition : '0px 0px' } );
}

/* Tabs */
var tabEvent = new Object();
tabEvent.onMouseOver = function( element ) {

	if ( element.hasClassName( 'inactive') ) {
		element.addClassName( 'hover' );
	}
}
tabEvent.onMouseOut = function( element ) {

	if ( element.hasClassName( 'inactive') ) {
		element.removeClassName( 'hover' );
	}
}
tabEvent.onClick = function( element ) {

	if ( element.hasClassName( 'inactive') ) {

		var tabs = $$('div.tab');
		tabs.each( function(tab) {

			if ( tab.id == element.id ) {
				tab.removeClassName( 'inactive' );
				tab.removeClassName( 'hover' );
				tab.addClassName( 'active' );
				$(tab.id + "_text").show();
			} else {
				tab.removeClassName( 'active' );
				tab.removeClassName( 'hover' );
				tab.addClassName( 'inactive' );
				$(tab.id + "_text").hide();
			}
		} );

	}
}

var tabEvent2 = new Object();
tabEvent2.onMouseOver = function( element ) {

	if ( element.hasClassName( 'inactive') ) {
		element.addClassName( 'hover' );
	}
}
tabEvent2.onMouseOut = function( element ) {

	if ( element.hasClassName( 'inactive') ) {
		element.removeClassName( 'hover' );
	}
}
tabEvent2.onClick = function( element ) {

	if ( element.hasClassName( 'inactive') ) {

		var tabs = $$('div.tab2');
		tabs.each( function(tab) {

			if ( tab.id == element.id ) {
				tab.removeClassName( 'inactive' );
				tab.removeClassName( 'hover' );
				tab.addClassName( 'active' );
				$(tab.id + "_text").show();
			} else {
				tab.removeClassName( 'active' );
				tab.removeClassName( 'hover' );
				tab.addClassName( 'inactive' );
				$(tab.id + "_text").hide();
			}
		} );

	}
}

var tabEvent3 = new Object();
tabEvent3.onMouseOver = function( element ) {

	if ( element.hasClassName( 'inactive') ) {
		element.addClassName( 'hover' );
	}
}
tabEvent3.onMouseOut = function( element ) {

	if ( element.hasClassName( 'inactive') ) {
		element.removeClassName( 'hover' );
	}
}
tabEvent3.onClick = function( element ) {

	if ( element.hasClassName( 'inactive') ) {

		var tabs = $$('div.tab3');
		tabs.each( function(tab) {

			if ( tab.id == element.id ) {
				tab.removeClassName( 'inactive' );
				tab.removeClassName( 'hover' );
				tab.addClassName( 'active' );
				$(tab.id + "_text").show();
			} else {
				tab.removeClassName( 'active' );
				tab.removeClassName( 'hover' );
				tab.addClassName( 'inactive' );
				$(tab.id + "_text").hide();
			}
		} );

	}
}

/* Tabellen */
var rowEvent = new Object();
rowEvent.onMouseOver = function( element ) {

	element.addClassName( 'hover' );
}
rowEvent.onMouseOut = function( element ) {

	element.removeClassName( 'hover' );
}

/* PopUp */
function openWindow(url) {
 var window1 = window.open( url, "window_1", "width=750,height=650,status=no,scrollbars=yes,resizable=yes" );
 window1.focus();
}