$(function(){
	//FLICKR
	$('#flickrPage').flickr('o',$('#flickrPage').attr('class'));
	
	
	//LOGIN CISWEB
	$('#loginCiSweb4').click(function(){
		showLogin($(this));
	})
		
	$('#closeLogin, #LoginBG').click(function(){
		$('#LoginBG, #loginBox').fadeOut()
	})
	
	//Wenn Bild rechts, dann nach p ein clear
	$('.rightBild').parent().append('<br class="clear" />')
	
	$("#Login_Send").click(function(){
       
			//$("#loginBox input").removeClass('error');
  			url="/names.nsf?login";
			txt= "&username=" + $("#LoginName").val() + "&password=" + $("#LoginPW").val()
	
			$.ajax({
			url: url + txt,
  			cache: false,
  			processData: false,
  		  	
  		  /*	error: function(html, textStatus, errorThrown){
  		  	alert(html.responseText)
  		  		//window.location= DBName + "/Portal.xsp";
  		  	},*/
  			success: function(html){
  	
  				if(html.search(/names.nsf/)== -1){
  					window.location.href= "/online/hst/cisweb4_hst.nsf"
  				}else{
  					$("#loginBox input").addClass('error');
  					$("#LoginName").val("");
  					$("#LoginPW").val("");
  				}
  			}
		});
	});
			   
	//MENU
	$('#menu ul li a').each(function(){
		if($(this).parent().find('ul').length != 0){
			$(this).addClass('open').hover(function(){
				$(this).parent().find('ul').fadeIn();				   
			})
			$(this).parent().mouseleave(function(){
					$(this).parent().find('ul').fadeOut();				   
												 
			})
		
		}								 
	})
	
	//Untermenu
	
	$('ul#nav2nd li').each(function(){
		if($(this).find("ul li").length != 0){
			$(this).find('a:first').append('<span class="openMore"></span>');
		}
	})
	
	$('.openMore').click(function(){
		$(this).parent().toggleClass("open").parent().find("ul").slideToggle();
		return false;						  
	})
	
	$('ul#nav2nd li a.aktiv').addClass('open').parent().find('ul').css('display','block');
	
	
	if($('ul#nav2nd li ul li a.aktiv').length > 0) {
		$('ul#nav2nd li ul li a.aktiv').parent().parent().parent().find('a.aktiv').addClass('open');
	}
	
	//BilderZoom zusammensetzen
	$('.einzelBildZoom img').each(function(){
		var imgFull = $(this).attr('src');
		$(this).wrap('<a href="' +imgFull + '" class="nivoZoom center"></a>');
	})
	
	$('a.nivoZoom img').each(function(){
		var t = $(this).attr('title');
		//wenn Title vorhanden
		if(t){
			$(this).parent().append('<div class="nivoCaption">' + t + '</div>');
		}
	
	})
	
	
	$('body').nivoZoom({
		speed:500,
		zoomHoverOpacity:0.8,
		overlay:false,
		captionOpacity:0.8
	});
;
	
	//BilderSlider Startseite
	
	$('#sliderImg').nivoSlider({
		effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
		slices: 20,
		animSpeed: 200, //Slide transition speed
		pauseTime:5000,
		directionNav:false, //Next & Prev
		directionNavHide:false, //Only show on hover
		manualAdvance:false,
		captionOpacity:0, //Universal caption opacity
		pauseOnHover:true //Stop animation while hovering
	});
	
	//BilderSlider Extranavi einbinden
	
	$('.bg80').css('opacity',0.8);
	$('.nivo-controlNav a').mouseenter(function(){
		$('#xtraNav').animate({'right':0}, 300);
		showXtraNav($(this).attr('class'));
	})
	$('#bildSlider').mouseleave(function(){
			$('#xtraNav').stop().animate({'right':'-200px'}, 300);
										 
	})
	
	//Tranzparenz SliderNav beim Start
	//$('.nivo-controlNav a').css('opacity', 0.8);
	//$('.nivo-controlNav a.active').css('opacity', 1);
	$('.nivo-controlNav a').css('color', '#eee');
	$('.nivo-controlNav a.active').css('color', '#fff');

})

function showXtraNav(x){
		x = x.split(" ");
		var txt = "";
		switch (x[1]){
			case "hydro" : txt+='<li><a href="' +DBName +'/site/Klappen">Klappen</a></li><li><a href="' +DBName +'/site/Wehre">Wehre</a></li><li><a href="' +DBName +'/site/Tauchwaende">Tauchw&auml;nde</a></li><li><a href="' +DBName +'/site/Drosselorgane">Drosselorgane</a></li><li><a href="' +DBName +'/site/Rechen">Rechen</a></li><li><a href="' +DBName +'/site/Reinigungseinrichtungen">Reinigungseinrichtungen</a></li><li><a href="' +DBName +'/site/Hochwasserpumpwerke">MSR-Technik</a></li><li><a href="' +DBName +'/site/Komplettanlagen">Komplettanlagen</a></li>'; break;
			case "klaer" : txt+='<li><a href="' +DBName +'/site/Klaer-Systeme">Produkte</a></li><li><a href="' +DBName +'/site/Klaer-Systeme">Anlagen</a></li>'; break;
			case "its" : txt+='<li><a href="' +DBName +'/site/IT-Systeme">Prozessleittechnik</a></li><li><a href="' +DBName +'/site/IT-Systeme">Fernwirktechnik</a></li><li><a href="' +DBName +'/site/IT-Systeme">Software</a></li>';break;
			case "automat" : txt+='<li><a href="' +DBName +'/site/Automatisierung">SPS-Technik</a></li><li><a href="' +DBName +'/site/Automatisierung">Elektroanlagen</a></li><li><a href="' +DBName +'/site/Automatisierung">Auswertung</a></li><li><a href="' +DBName +'/site/Automatisierung">Protokollierung</a></li>'; break;
			case "opti" : txt+='<li><a href="' +DBName +'/site/Optimierung">energietechn. Opt.</a></li><li><a href="' +DBName +'/site/Optimierung">verfahrenstechn. Opt.</a></li><li><a href="' +DBName +'/site/Optimierung">Produkte zur Opt.</a></li><li><a href="' +DBName +'/site/Optimierung">maschinentechn. Opt.</a></li><li><a href="' +DBName +'/site/Optimierung">bautechn. Opt.</a></li>'; break;
			
		}
		$('#xtraUL').html(txt);
}

function showLogin(a){
		$('#LoginBG').fadeTo(200,0.7)
		$('#loginBox').fadeIn()
		return false;
}

function Valide(){
	//Fehler zur\u00FCcksetzen
	$('#formError').remove();
	$('#formular input, #formular textarea').css({
		'border': '1px solid #ccc',
		'border-top': '1px solid #999',
		'border-left': '1px solid #999'
	})
	
	var name = $('#formular #Name').val();
	var bot = $('#formular #emailhidden').val();
	var mail = $('#formular #456hjo').val();
	var tel = $('#formular #Telefon').val();
	var anliegen = $('#formular #Anliegen').val();
	var errMsg = '';
	
	if(bot != ''){
		alert('BOTSCHUTZ!!!');
		return false;
	}
	
	if(name == ''){
		errMsg += '<p>Bitte geben Sie einen Namen an!</p>';
		$('#formular #Name').css('border','1px solid #af0000');
	}
	if(mail == ''){
		errMsg += '<p>Bitte geben Sie eine E-Mail-Adresse an!</p>';
		$('#formular #456hjo').css('border','1px solid #af0000');
	}
	
	if(mail != '' && !EMail(mail)){
		errMsg += '<p>Wir ben\u00F6tigen eine g\u00FCltige E-Mail-Adresse!</p>';
		$('#formular #456hjo').css('border','1px solid #af0000').val('');
	}
	
	if(tel == ''){
		errMsg += '<p>Bitte geben Sie eine Telefonnummer an!</p>';
		$('#formular #Telefon').css('border','1px solid #af0000');
	}
	
	if(anliegen == ''){
		errMsg += '<p>Sie sollten schon ein Anliegen haben, oder?</p>';
		$('#formular #Anliegen').css('border','1px solid #af0000');
	}
	
	if(errMsg != ''){
		$('#formular').append('<div id="formError">' + errMsg +'</div>')
		return false;
	}
	
}

function refreshDom(){

	$(function(){
	
	})
}