var leftOffset = 0; 
var filledField = 0;

$(document).ready(function()
{
	function updateElements()
	{
		$(".verticalLongLine").css({"height":($(window).height() + $(window).scrollTop()) + "px"});
		//$(".verticalLongLine").css({"height":$("#page").height() + "px"});
	}
	
	$(".verticalLongLine").css({"display":"block"});
	$(".verticalShortLine").css({"display":"block"});
	$(".horizontalBoldLine").css({"display":"block"});
	$(".horizontalThinLine").css({"display":"block"});
	
	// Zufällige Animation auswählen (0, 1 oder 2).
	var animation = Math.floor(Math.random() * 3);
	
	if (animation == 0)
	{
		// 2 dicke Linien kommen von oben.
		$("#ani_hor1").animate({"top":"157"}, 6000);
		$("#ani_hor2").animate({"top":"160"}, 6000);
		
		// 12 schmale Linien kommen von oben.
		$("#ani_hor3").animate({"top":"173"}, 6000);
		$("#ani_hor4").animate({"top":"175"}, 6000);
		$("#ani_hor5").animate({"top":"177"}, 6000);
		$("#ani_hor6").animate({"top":"179"}, 6000);
		$("#ani_hor7").animate({"top":"181"}, 6000);
		$("#ani_hor8").animate({"top":"183"}, 6000);
		$("#ani_hor9").animate({"top":"185"}, 6000);
		$("#ani_hor10").animate({"top":"187"}, 6000);
		$("#ani_hor11").animate({"top":"189"}, 6000);
		$("#ani_hor12").animate({"top":"191"}, 6000);
		$("#ani_hor13").animate({"top":"193"}, 6000);
		$("#ani_hor14").animate({"top":"195"}, 6000);

		// 2 dicke Linien kommen von rechts nach links.
		$("#ani_ver1").css({"left":"996px"});
		$("#ani_ver2").css({"left":"996px"});
		$("#ani_ver1").animate({"left":(leftOffset + 206) + "px"}, 6000);
		$("#ani_ver2").animate({"left":(leftOffset + 226) + "px"}, 6000);
		
		// 8 dicke kurze Linien kommen von links nach rechts.
		$("#ani_ver3").animate({"left":(leftOffset + 700) + "px"}, 6000); // Halt bei impressum "m"
		$("#ani_ver4").animate({"left":(leftOffset + 660) + "px"}, 6000); // Halt bei impressum "p"
		$("#ani_ver5").animate({"left":(leftOffset + 880) + "px"}, 6000);
		$("#ani_ver6").animate({"left":(leftOffset + 900) + "px"}, 6000);
		$("#ani_ver7").animate({"left":(leftOffset + 920) + "px"}, 6000);
		$("#ani_ver8").animate({"left":(leftOffset + 940) + "px"}, 6000);
		$("#ani_ver9").animate({"left":(leftOffset + 960) + "px"}, 6000);
		$("#ani_ver10").animate({"left":(leftOffset + 980) + "px"}, 6000);
	}
	else if (animation == 1)
	{
		$("#ani_ver2").hide();
		$("#ani_ver3").hide();
		$("#ani_ver4").hide();
		
		// 2 dicke Linien kommen von oben.
		$("#ani_hor1").animate({"top":"46"}, 6000);
		$("#ani_hor2").animate({"top":"50"}, 6000);
		
		// 12 schmale Linien kommen von oben.
		$("#ani_hor3").animate({"top":"15"}, 6000);
		$("#ani_hor4").animate({"top":"17"}, 6000);
		$("#ani_hor5").animate({"top":"19"}, 6000);
		$("#ani_hor6").animate({"top":"21"}, 6000);
		$("#ani_hor7").animate({"top":"23"}, 6000);
		$("#ani_hor8").animate({"top":"25"}, 6000);
		$("#ani_hor9").animate({"top":"27"}, 6000);
		$("#ani_hor10").animate({"top":"29"}, 6000);
		$("#ani_hor11").animate({"top":"31"}, 6000);
		$("#ani_hor12").animate({"top":"33"}, 6000);
		$("#ani_hor13").animate({"top":"35"}, 6000);
		$("#ani_hor14").animate({"top":"37" }, 6000);
		
		// 1 dicke Linie kommt von rechts nach links.
		$("#ani_ver1").css({"left":"996px"});
		$("#ani_ver1").animate({"left":(leftOffset + 186) + "px"}, 6000);
		
		// 8 dicke kurze Linien kommend von links nach rechts.
		$("#ani_ver5").animate({"left":(leftOffset + 390) + "px"}, 6000);
		$("#ani_ver6").animate({"left":(leftOffset + 410) + "px"}, 6000);
		$("#ani_ver7").animate({"left":(leftOffset + 430) + "px"}, 6000);
		$("#ani_ver8").animate({"left":(leftOffset + 450) + "px"}, 6000);
		$("#ani_ver9").animate({"left":(leftOffset + 470) + "px"}, 6000);
		$("#ani_ver10").animate({"left":(leftOffset + 490) + "px"}, 6000);
	}
	else if (animation == 2)
	{
		$(".verticalShortLine").hide();
		
		// 2 dicke Linien kommen von oben.
		$("#ani_hor1").animate({"top":"46"}, 6000);
		$("#ani_hor2").animate({"top":"50"}, 6000);
		
		// 12 schmale Linien kommen von oben.
		$("#ani_hor3").animate({"top":"15"}, 6000);
		$("#ani_hor4").animate({"top":"17"}, 6000);
		$("#ani_hor5").animate({"top":"19"}, 6000);
		$("#ani_hor6").animate({"top":"21"}, 6000);
		$("#ani_hor7").animate({"top":"23"}, 6000);
		$("#ani_hor8").animate({"top":"25"}, 6000);
		$("#ani_hor9").animate({"top":"27"}, 6000);
		$("#ani_hor10").animate({"top":"29"}, 6000);
		$("#ani_hor11").animate({"top":"31"}, 6000);
		$("#ani_hor12").animate({"top":"33"}, 6000);
		$("#ani_hor13").animate({"top":"35"}, 6000);
		$("#ani_hor14").animate({"top":"37"}, 6000);
		
		// 2 dicke Linien kommen von rechts nach links.
		$("#ani_ver1").css({"left":"996px"});
		$("#ani_ver2").css({"left":"996px"});
		$("#ani_ver1").animate({"left":(leftOffset + 186) + "px"}, 6000);
		$("#ani_ver2").animate({"left":(leftOffset + 198) + "px"}, 6000);
	}
	
	updateElements();
	
	$(window).scroll(function() { updateElements(); });
	$(window).resize(function() { updateElements(); });
	
	// Marquee 
	$('#marquee').marquee('pointer').mouseover(function () {
		$(this).trigger('stop');
	}).mouseout(function () {
		$(this).trigger('start');
	}).mousemove(function (event) {
		if ($(this).data('drag') == true) {
			this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
		}
	}).mousedown(function (event) {
		$(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
	}).mouseup(function () {
		$(this).data('drag', false);
	});
});

if ( window.location.href.search("mecu.de/aktuell.html") != -1 || window.location.href.search("mecu.de/de/aktuell.html") != -1 ) {
	if ( window.location.href.search("www.") != -1) {
		$("#languageSelection a.normal").attr("href", "http://www.mecu.de/en/");
	} else {
		$("#languageSelection a.normal").attr("href", "http://mecu.de/en/");
	}
} else if  ( window.location.href.search("nf-metals.com/aktuell.html") != -1 || window.location.href.search("nf-metals.com/de/aktuell.html") != -1 ) {
	if ( window.location.href.search("www.") != -1) {
		$("#languageSelection a.normal").attr("href", "http://www.nf-metals.com/en/");
	} else {
		$("#languageSelection a.normal").attr("href", "http://nf-metals.com/en/");
	}
}

// Butterweich-eisenhart handling
if (window.location.href.search("www.butterweich-eisenhart.de") != -1) {
	$("#languageSelection a.normal").attr("href", "http://www.butterweich-eisenhart.de/en/");
} 
else 
	if(window.location.href.search("butterweich-eisenhart.de") != -1) 
{
	$("#languageSelection a.normal").attr("href", "http://butterweich-eisenhart.de/en/");
} 
else 
	if (window.location.href.search("http://www.butterweich-eisenhart.de/en/") != -1) 
{
	$("#languageSelection a.normal").attr("href", "http://www.mecu.de/en/");
}
else
	if(window.location.href.search("http://butterweich-eisenhart.de/en/") != -1)
{
	$("#languageSelection a.normal").attr("href", "http://mecu.de/en/");
}



$(".powermail_text").change(function() {
	checkFormFields();
});

$(".powermail_submit").click(function() {
		
	var enLang = window.location.href.search("/en/");
	var deLang = window.location.href.search("/de/");
	
	if ( window.location.href.search("/de/") == -1&& window.location.href.search("/en/") == -1) {
		deLang = 1;
	}
	
	if ( window.location.href.search("http://ne-metall.com/") != -1 && window.location.href.search("http://ne-metall.com/de/") == -1) {
		enLang = 1;
	}
		
	checkFormFields();
	if ( $(".powermail_captcha").val() == "" ) {
		if ( (enLang != -1) && !$('.errorText').is("div")  && filledField == 0 && !$("error").is("div") ) {
			$('.tx-powermail-pi1').before('<div class="errorText">Please fill out the required fields.<div>');
		} 
		if ( deLang != -1 && !$('.errorText').is("div")  && filledField == 0 && !$("error").is("div") ) {
			$('.tx-powermail-pi1').before('<div class="errorText">Bitte füllen Sie die Pflichtfelder aus.<div>');
		} 
	}
});

function checkFormFields() {
	$(".powermail_text").each(function() {
		if ( $(".powermail_text").val() != "") {
			filledField = 1;
			$(".errorText").hide();
		} 
	});
}