$(document).ready(function(){
	// load ui tabs for disclaimer/imprint
	$("#disclaimer-tabs").tabs({
		'selected': -1
	});
	
	// variable indicating if any active submenus are present
	var activeSubmenuExists = $('#nav').find('div.submenu-wrap[class~="active"]').length > 0 || $('#nav').find('div.submenu-wrap li.active').length > 0;
	
	// hide submenus initially
	$('div.submenu-wrap').css('display', 'none');
	$('ul.submenu li.level1 ul').css('display', 'none');
	
	// show submenu, if it is marked active itself or any children
	$('div.submenu-wrap').each(function(idx){
		if ($(this).hasClass('active') || $(this).children('.submenu').children('li').hasClass('active'))
		{
			$(this).addClass('active');
			$(this).css('display', 'block');
		}
		$(this).hover(function(){
			$('ul.topmenu').children('li').find('a').addClass('off');
			$('ul.topmenu').children('li').eq(idx).find('a').removeClass('off');
		}, function(){
			var topMenuItem = $('ul.topmenu').children('li').eq(idx);
			if (!topMenuItem.hasClass('active'))
			{
				topMenuItem.find('a').addClass('off');
			}
			if (!activeSubmenuExists)
			{
				topMenuItem = $('ul.topmenu').children('li').find('a').removeClass('off');
			}
			else
			{
				$('ul.topmenu').children('li[class~="active"]').find('a').removeClass('off');
			}
		});
	});
	
	
	// fist and second level menu
	$('ul.topmenu').children('li').each(function(idx){
		var sm = $('div.submenu' + (idx+1) + '-wrap');
		
		if (!$(this).hasClass('active')) 
		{
			if (activeSubmenuExists)
			{
				// if not active, grey out
				$(this).find('a').addClass('off');
			}
			// hover on the parent topmenu
			$(this).hover(function(){
				$(this).find('a').removeClass('off');
				$(this).siblings('li').find('a').addClass('off');
				sm.stop(true,true).siblings('div.active').hide();
				sm.show();
			}, function(){
				// hover on the submenu itself
				sm.hover(function(){
					sm.stop(true,true).siblings('div.active').hide();
					$(this).stop(true,true).show();
				}, function() {
					$(this).stop(true,true).hide();
					sm.stop(true,true).siblings('.active').show();
				});
				sm.stop(true,true).hide();
				sm.stop(true,true).siblings('.active').show();
				
				if (!$(this).hasClass('active')) $(this).find('a').addClass('off');
				$(this).siblings('li[class~="active"]').find('a').removeClass('off');
				if (!activeSubmenuExists)
				{
					$(this).find('a').removeClass('off');
					$(this).siblings('li').find('a').removeClass('off');
				}
			});
		}
	});
	
	// third level drop down
	$('ul.submenu li.level1').each(function(){
		// correct line height, if item has a line break
		$(this).find('a').has('br').css('line-height', '11px');
		
		// if item has a submenu ul, drop it down
		if ($(this).children('ul').length)
		{
			$(this).addClass('hasChildren');
			var dd = $(this).children('ul');
			$(this).hover(function(){
				$(this).addClass('hover');
				dd.stop(true,true).slideDown('fast');
			},function(){
				$(this).removeClass('hover');
				dd.stop(true,true).hide();
			});
		}
	});
	
	// cv mouseover
	$('.cv img').each(function(idx){
		$(this).hover(function(){
			$(this).parent('.cv').siblings('.cv').css('opacity', 0.5);
			$('.cvDescr').css('z-index', 0);
			$(this).next('.cvDescr').css('z-index', 100).slideDown('fast');
			// .css('margin-left', '-' + (idx*150) + 'px')
		},function(){
			$(this).next('.cvDescr').hide();
			$(this).parent('.cv').siblings('.cv').css('opacity', 1);
		});
	});
	
	// cv name list mouseover
	$('ul.cvNameList li a').each(function(idx){
		var no = idx;
		var cvs = $('.cv');
		
		$(this).hover(function(){
			cvs.eq(idx).siblings('.cv').css('opacity', 0.5);
			$('.cvDescr').css('z-index', 0);
			cvs.eq(idx).children('.cvDescr').css('z-index', 100).slideDown('fast');
		},function(){
			cvs.eq(idx).children('.cvDescr').hide();
			cvs.eq(idx).siblings('.cv').css('opacity', 1);
		});
		
		$(this).click(function(){
			return false;
		});
	});
	
	// key benefit screens
    var img = new Image();
	$(img).hide();
	$('#keyBenefits td').each(function(idx){
		$(this).click(function(){
			$(img).hide().load(function() {
				$('#kbScreens').append(this);
				$(this).fadeIn('slow');
			})
			.attr('src', '/img/kb/0' + (idx+1) + '.jpg');
		})
	});
});	
