	
	$(document).ready(function() {

		$('#customerList').bind("change", function() {
		var e = $("#customerList");
		if ($("#customerID").val()!=0) {
			e.trigger("submit");
		}

		});
		
	/*
	$('.colorPickerField, #colorpickerField1, #colorpickerField2, #colorpickerField3').ColorPicker({
			onSubmit: function(hsb, hex, rgb, el) {
				$(el).val(hex);
				$(el).ColorPickerHide();
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
*/


		/* agentur */
		$('#nav340').bind("mouseover", function() {
	      	$('#nav340').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav339').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav341').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav338').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#content').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentTop').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentTopSmall').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentBG').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentOL').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
/*
      		$('#containerSubnavi338').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
			$('#containerSubnavi341').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
			$('#containerSubnavi340').animate({'height' :25}, { duration: "fast", easing: "swing", queue: false});
*/
		});

		$('#nav340').bind("mouseleave", function() {
	      	$('#nav339').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav341').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav338').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
			$('#containerSubnavi340').css({'display' : "block"});
			$('#containerSubnavi340').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
		});

		/* referenzen */
		$('#nav339').bind("mouseover", function() {
	      	$('#nav339').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav340').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav341').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav338').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );			
	      	$('#containerSubnavi338').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
			$('#containerSubnavi341').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
			$('#containerSubnavi340').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
	      	$('#content').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentTop').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentTopSmall').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentBG').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentOL').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
		});
		$('#nav339').bind("mouseleave", function() {
	      	$('#nav340').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav341').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav338').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
		});
		
		

		/* können */
		$('#nav341').bind("mouseover", function() {
	      	$('#nav341').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav340').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav339').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav338').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#content').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentTop').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentTopSmall').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentBG').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
/*
			$('#containerSubnavi338').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
			$('#containerSubnavi340').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
			$('#containerSubnavi341').animate({'height' :25}, { duration: "fast", easing: "swing", queue: false});
*/
		});

		$('#nav341').bind("mouseleave", function() {
	      	$('#nav340').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav339').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav338').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
/*
			$('#containerSubnavi341').css({'display' : "block"});
			$('#containerSubnavi341').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
*/
		});


			
		/* presseservice */
		$('#nav338').bind("mouseover", function() {
	      	$('#content').animate({opacity: 0.2}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentTop').animate({opacity: 0.2}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentTopSmall').animate({opacity: 0.2}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentBG').animate({opacity: 0.2}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentOL').animate({opacity: 0.2}, { duration: "fast", easing: "swing", queue: false} );

	      	$('#nav338').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav340').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav339').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav341').animate({opacity: 0.4}, { duration: "fast", easing: "swing", queue: false} );
			$('#containerSubnavi340').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
			$('#containerSubnavi341').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
			$('#containerSubnavi338').animate({'height' :160}, { duration: "fast", easing: "swing", queue: false});
		});

		$('#containerSubnavi338').bind("mouseleave", function() {
	      	$('#content').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentTop').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentTopSmall').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentBG').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#contentOL').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );

	      	$('#nav340').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav339').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
	      	$('#nav341').animate({opacity: 1}, { duration: "fast", easing: "swing", queue: false} );
			$('#containerSubnavi338').css({'display' : "block"});
			$('#containerSubnavi338').animate({'height' :0}, { duration: "fast", easing: "swing", queue: false});
		});

			
		$('.themeButton').bind("mouseover", function() {
			var self = this;
	      	$(self).animate({"paddingLeft": "20", "color": "#ffffff","backgroundColor": "#004c7a"}, { duration: "fast", easing: "swing", queue: false} );
		});
		$('.themeButton').bind("mouseleave", function() {
			var self = this;
	      	$(self).animate({"paddingLeft": "5", "color": "#333333","backgroundColor": "#dddddd"}, { duration: "fast", easing: "swing", queue: false} );
		});

		$('#FocusFieldName').focus();

		$('#FocusFieldName').bind("click", function() {
			var self = this;
			if ($(self).val()=='Benutzer') {
		      	$(self).val('');
			}
		});
		$('#FocusFieldPassword').bind("focus", function() {
			var self = this;
			if ($(self).val()=='Passwort') {
		      	$(self).val('');
			}
		});


	});
