$(document).ready(function(){

  /****** languageNavigation ******/
  //preload images
  var rolloverD = new Image();
  rolloverD.src = 'fileadmin/templates/res/images/languageNavigationD-ro.png';
  var rolloverF = new Image();
  rolloverF.src = 'fileadmin/templates/res/images/languageNavigationF-ro.png';
  //When mouse rolls over
  $(".langNavRollover").mouseover(function(){
    var elementId = $(this).attr('id');
    var imgSrc = 'fileadmin/templates/res/images/'+elementId+'-ro.png';
	$(this).attr('src', imgSrc);
  });
  //When mouse rolls out
  $(".langNavRollover").mouseout(function(){
    var elementId = $(this).attr('id');
    var imgSrc = 'fileadmin/templates/res/images/'+elementId+'.png';
    $(this).attr('src', imgSrc);
  });
  
  /****** mainNavigation ******/
  var heightListOver = new Array();
  heightListOver['liMainNavigation1'] = 360;
  heightListOver['liMainNavigation2'] = 270;
  heightListOver['liMainNavigation3'] = 210;
  heightListOver['liMainNavigation4'] = 300;
  heightListOver['liMainNavigation5'] = 210; 
  
  var noImgSrcList = new Array();
  $(".liAnimateNavigation").each(function(){
    var elementId = $(this).attr('id');
	var imageId = elementId.replace('li', 'image');
	noImgSrcList[imageId] = $("#" + imageId).attr('src');
  });
  //When mouse rolls over
  $(".liAnimateNavigation").mouseover(function(){
	var elementId = $(this).attr('id');
	var newHeight = heightListOver[elementId].toString()+'px';
	$(this).stop().animate({height:newHeight},{queue:false, duration:300, easing: 'easeOutQuad'});
	var imageId = elementId.replace('li', 'image');
	$("#" + imageId).attr('src', rolloverImgSrcList[imageId].toString());
  }); 
  //When mouse rolls out
  $(".liAnimateNavigation").mouseout(function(){
	$(this).stop().animate({height:'32px'},{queue:false, duration:300, easing: 'easeOutQuad'});
	var elementId = $(this).attr('id');
	var imageId = elementId.replace('li', 'image');
	var imageSrc = noImgSrcList[imageId];
	if(imageSrc != null) {
		$("#" + imageId).attr('src', imageSrc.toString());
	}
  });
  //When mouse rolls over
  $(".liAnimateNavigationAct").mouseover(function(){
	var elementId = $(this).attr('id');
	var newHeight = heightListOver[elementId].toString()+'px';
	$(this).stop().animate({height:newHeight},{queue:false, duration:300, easing: 'easeOutQuad'});
  });
  //When mouse rolls out
  $(".liAnimateNavigationAct").mouseout(function(){
	$(this).stop().animate({height:'33px'},{queue:false, duration:300, easing: 'easeOutQuad'});
  });
  
  /****** headerImage ******/
  //When mouse rolls over
  var baseDir = 'fileadmin/templates/res/images/';
  var smallImageShown = true;
  
  $(".animateImageButton").mouseover(function(){
	var elementId = $(this).attr('id');
	var imgSrc = baseDir + elementId;
	if (smallImageShown) {
		imgSrc += 'Ro.png';
	} else {
		imgSrc += 'BigRo.png';
	}
	$(this).attr('src', imgSrc);
  });
  //When mouse rolls out
  $(".animateImageButton").mouseout(function(){
  	var elementId = $(this).attr('id');
	var imgSrc = baseDir + elementId;	
	if (smallImageShown) {
		imgSrc += '.png';	
	} else {
		imgSrc += 'Big.png';
	}
	$(this).attr('src', imgSrc);
  });
  //on click
  $(".animateImageButton").click(function(){
	var elementId = $(this).attr('id');
	var imgSrc = baseDir + elementId;
	if (smallImageShown) {
		smallImageShown = false;
		imgSrc += 'Big.png';
		$('#logo, #header').stop().animate({height:'344px'},{queue:false, duration:600, easing: 'easeOutQuad'});
		$('#mainNavigation').stop().animate({top:'341px'},{queue:false, duration:600, easing: 'easeOutQuad'});
		$('#headerImageButton, #headerImageButtonOverlay').stop().animate({top:'324px'},{queue:false, duration:600, easing: 'easeOutQuad'});
	} else {
		smallImageShown = true;
		imgSrc += '.png';
		$('#logo, #header').stop().animate({height:'156px'},{queue:false, duration:600, easing: 'easeOutQuad'});
		$('#mainNavigation').stop().animate({top:'153px'},{queue:false, duration:600, easing: 'easeOutQuad'});
		$('#headerImageButton, #headerImageButtonOverlay').stop().animate({top:'136px'},{queue:false, duration:600, easing: 'easeOutQuad'});
	}
	$(this).attr('src', imgSrc);
	return false;
  });
  
  /****** printNavigation ******/
  var printImageSrcNormal = new Array();
  $(".animatePrintNavigation").each(function(){
    var elementId = $(this).attr('id');
	printImageSrcNormal[elementId] = $("#" + elementId + " img").attr('src');
  });
  //when mouse rolls over
  $(".animatePrintNavigation").mouseover(function(){
	var elementId = $(this).attr('id');
	$("#" + elementId + " img").attr('src', printImageSrcAct[elementId]);
	$('#subPrintNavigation, #subPrintNavigationOverlay').stop().animate({height:'43px'},{queue:false, duration:300, easing: 'easeOutQuad'});
  });
  //when mouse rolls out
  $(".animatePrintNavigation").mouseout(function(){
	var elementId = $(this).attr('id');
	$("#" + elementId + " img").attr('src', printImageSrcNormal[elementId]);
	$('#subPrintNavigation, #subPrintNavigationOverlay').stop().animate({height:'0px'},{queue:false, duration:300, easing: 'easeOutQuad'});
  });
 
  //routPlanerField
	var routePlanerLabel = $("#saddr").attr('value');
	$("#saddr").focusin(function(){
		if($(this).attr('value')==routePlanerLabel) {
			$(this).attr('value', '');
		}
	});
	$("#saddr").focusout(function(){
		if($(this).attr('value')=='') {
			$(this).attr('value', routePlanerLabel);
		}
	});
});