var path = 'img/navi/';
naviImages = new Array();
naviImages[0] = 'inactive.jpg';
naviImages[1] = 'neuigkeiten.jpg';
naviImages[2] = 'termine.jpg';
naviImages[3] = 'cds.jpg';
naviImages[4] = 'einkaufen.jpg';
naviImages[5] = 'presse.jpg';
naviImages[6] = 'blog.jpg';
naviImages[7] = 'rundbrief.jpg';
naviImages[8] = 'kontakt.jpg';
naviImages[9] = 'impressum.jpg';

function changeNaviImage(imageId){
	document.getElementById('naviImage').src = path+naviImages[imageId];
}

function preloadImages(){
	for (var i=0; i < naviImages.length; i++){
		var x = "image"+i;
		x = new Image();
		x.src = path+naviImages[i];
	}
}

/* Custom functions: fadeToggle to toggle fading of elements */
jQuery.fn.fadeToggle = function(speed, easing, callback) {
    return this.animate({opacity: 'toggle'}, speed, easing, callback);
}

/* Prepare document after load */
jQuery(document).ready(function() {
	jQuery("#main_nav li.active a").hide();  
	jQuery("#main_nav li.active a").fadeToggle(500);
	
	/* Unobstrusively prepend span tag for hovering in mainNav */
	jQuery("#main_nav li").prepend("<span class='hover' style='display:none'></span>");
	
	/* remove :hover style from a-Tag, otherwise fadeIn is not visible */
	jQuery("#main_nav ul").removeClass("noJS");

	/* Define hovering behaviour for all mainNav menuitems */
	jQuery("#main_nav li[class!='active'] a").hover(
	  function () {
		 jQuery(this).prev().fadeToggle(400);
	  },
	  function () {
		 jQuery(this).prev().fadeToggle(400);
	  }
	);	
});