/*******************************************************************
 * 
 *  Teaserboxen Startseite
 * 
 ********************************************************************/

$(document).ready(function(){
	var teaser = $('.mpContentTeaserboxItem');
	//var teaser = $('.slider');
	var bodyClass = 'teaserBody';
	var effectSpeed = 500;
	//busy Object with element for each col
	var busy = new Object;
	
	var overAllDiv = teaser.parent().parent();
	var numberCols = overAllDiv.children().length;
	// substract the standard clearer
	numberCols --;

	var actDiv = overAllDiv.children();
	//set busy variable of each col false
	for (var j = 1; j <= numberCols; j++) {
		busy[actDiv.attr('class')] = false;
		actDiv = actDiv.next();
	}

	teaser.mouseenter(function(){
		
		if(busy[$(this).parent().attr('class')] == false) {
			busy[$(this).parent().attr('class')] = true;
			
			var toggleItem = $(this).children('.' + bodyClass);
			toggleItem.slideDown(effectSpeed);
		}
		return false;
	});
	teaser.mouseleave(function(){
		
		if (busy[$(this).parent().attr('class')] == true) {
			var toggleItem = $(this).children('.' + bodyClass);
			
			toggleItem.slideUp(effectSpeed, function(){
				busy[$(this).parent().parent().attr('class')] = false;
			});
			
		}
		return false;
	});
	
});


/*******************************************************************
 * 
 *  Searchbox
 * 
 ********************************************************************/

$(document).ready(function(){
	
	var searchLink = $('#searchLink');
	var searchOverlay = $('#searchbox_overlay');
	var searchBox = $('.tx-macinasearchbox-pi1');
	var searchListItem = $('.searchItem');
	var effectSpeed = 1000;
	var searchBoxWidth = searchBox.width();
	var searchListItemWidth = searchListItem.width();
	
	
	searchLink.click(function(){
		if(searchBox.css('display') != 'block') {
			//set start parameters
			searchBox.width(0);
			searchBox.show();
			//set serchlink active
			searchLink.addClass('active');
			
			//for webkit browser
			if (jQuery.browser.safari ) {
				searchListItem.width(searchListItemWidth + 10);
				searchListItem.animate({
					width: (searchBoxWidth + searchListItemWidth + 10) + 'px'
				}, effectSpeed);
			}
			
			//do animation (slide in searchbox)
			searchBox.animate({
				width: searchBoxWidth + 'px'
			}, effectSpeed, function(){
				//if ie set filter
				if (jQuery.browser.msie) {
					searchOverlay.css({'filter': 'alpha(opacity=70)'});
				}
				//fade in overlay
				searchOverlay.fadeIn(effectSpeed);
			});
			
		}
		else {
			// fade out overlay
			searchOverlay.fadeOut(effectSpeed, function(){
				searchBox.animate({
					width: '0px'
				}, effectSpeed, function(){
					//reset parameters
					searchBox.hide();
					searchBox.width(searchBoxWidth);
					//remove serch link active
					searchLink.removeClass('active');
				});
			
				//for safari change wide of searchListItem
				if(jQuery.browser.safari) {
					searchListItem.animate({
						width: (searchListItemWidth + 10) + 'px'
					}, effectSpeed, function(){
						searchListItem.width(searchListItemWidth);
					});	
				}
			});
		}
		return false;
	});
	
	searchOverlay.click(function() {
		searchOverlay.fadeOut(effectSpeed, function(){
			searchBox.animate({
				width: '0px'
			}, effectSpeed, function(){
				//reset parameters
				searchBox.hide();
				searchBox.width(searchBoxWidth);
				//remove serch link active
				searchLink.removeClass('active');
			});
		
			//for safari change wide of searchListItem
			if(jQuery.browser.safari) {
				searchListItem.animate({
					width: (searchListItemWidth + 10) + 'px'
				}, effectSpeed, function(){
					searchListItem.width(searchListItemWidth);
				});	
			}
		});
		return false;
	});
});


/*******************************************************************
 * 
 *  Menue effect
 * 
 ********************************************************************/

$(document).ready(function () {
	var effectSpeed = 1800;
	var itemsNumber = null;	
	var zIndex = null;
	var identifier = null;
	
	if (!$('#navL2 a').hasClass('active')) {
	
/*		//LEVEL 1
		//set properties
		itemsNumber = $('#navL1').children().length;
		identifier = '.navL1item';
		zIndex = 51;
		//do it
		// Positionize all elements on start pos
		for (var i = 2; i <= itemsNumber; i++) {
			if (i == 1) {
				$(identifier + i).css({
					'position': 'relative',
					'zIndex': (zIndex - i)
				});
			}
			else {
				$(identifier + i).css({
					'position': 'relative',
					'left': ('-' + getWidth(identifier, i) + 'px'),
					'zIndex': (zIndex - i)
				});
			}
		}
		// Move Right
		for (var j = 1; j <= itemsNumber; j++) {
			$(identifier + j).animate({
				left: '0px'
			}, effectSpeed);
		}
*/		
		//LEVEL 2
		//set properties
		itemsNumber = $('#navL2').children().length;
		identifier = '.navL2item';
		zIndex = 51;
		//do it
		// Positionize all elements on start pos
		for (var i = 2; i <= itemsNumber; i++) {
			if (i == 1) {
				$(identifier + i).css({
					'position': 'relative',
					'zIndex': (zIndex - i)
				});
			}
			else {
				$(identifier + i).css({
					'position': 'relative',
					'left': ('-' + getWidth(identifier, i) + 'px'),
					'zIndex': (zIndex - i)
				});
			}
		}
		// Move Right
		for (var j = 1; j <= itemsNumber; j++) {
			$(identifier + j).animate({
				left: '0px'
			}, effectSpeed);
		}
		
	}

});

function getWidth(identifier, number) {
	if(number > 1) {
		return ($(identifier + (number - 1)).width() + getWidth(identifier, (number - 1)));
	} else {
		return null;
	}
	
}


/*******************************************************************
 * 
 *  newsletter anmeldung vorbelegung
 * 
 ********************************************************************/
/*
$(document).ready(function () {
	var valEnName = 'Your Name*';
	var valEnEmail = 'E-Mail*';
	var valDeName = 'Ihr Name*';
	var valDeEmail = 'E-Mail*';
	
	//name en
	$('#newsletterNameEn').val(valEnName);
	$('#newsletterNameEn').blur(function() {
		if($(this).val() == '') {
			$(this).val(valEnName);
		}
	});
	$('#newsletterNameEn').focus(function() {
		if($(this).val() == valEnName) {
			$(this).val('');
		}	
	});
	
	//email en
	$('#newsletterEmailEn').val(valEnEmail);
	$('#newsletterEmailEn').blur(function() {
		if($(this).val() == '') {
			$(this).val(valEnEmail);
		}
	});
	$('#newsletterEmailEn').focus(function() {
		if($(this).val() == valEnEmail) {
			$(this).val('');
		}	
	});
	
	
	//name de
	$('#newsletterNameDe').val(valDeName);
	$('#newsletterNameDe').blur(function() {
		if($(this).val() == '') {
			$(this).val(valDeName);
		}
	});
	$('#newsletterNameDe').focus(function() {
		if($(this).val() == valDeName) {
			$(this).val('');
		}	
	});
	
	//email de
	$('#newsletterEmailDe').val(valDeEmail);
	$('#newsletterEmailDe').blur(function() {
		if($(this).val() == '') {
			$(this).val(valDeEmail);
		}
	});
	$('#newsletterEmailDe').focus(function() {
		if($(this).val() == valDeEmail) {
			$(this).val('');
		}	
	});
});
*/