(function($) {
  var cache = [];
  
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

$(document).ready(function() {

	var array = ["INNUNG.png", "BILDUNGSZENTRUM.png", "RAUMVERMIETUNG.png", "WOHNANLAGE.png", "MENSA.png", "CHRISTOPHORUSSTUBE.png", "SHOP.png"];

	//preload
	var str = "";
	for (i=0; i<array.length; i++){
		str = 'fileadmin/grafiken/slider/'+ array[i];
		jQuery.preLoadImages(str);
		jQuery.preLoadImages(str.replace(".png", "b.png"));
		jQuery.preLoadImages(str.replace(".png", "c.png"));
	}

	$('#navi_top img').each(function(i, obj){
		$(obj).attr('src', 'fileadmin/grafiken/slider/'+array[i]);
                 i = i + 1;
		$(obj).attr('id', 'h'+i);
	});

	//Active button	
	$('.b_active img').attr("src", $('.b_active img').attr("src").replace(".png", "b.png") );

	//show slide
	$("#s" + $('.b_active img').attr("id") ).animate({opacity: 1}, 1);

	//Hover functions
	$('.button img').mouseenter(function(){
		//Slide update
		var slide = $('#s' + $(this).attr('id'));
		var oldslide = $(".active");

		if (slide != oldslide){
			oldslide.removeClass('active').addClass('inactive');
			slide.removeClass('inactive').addClass('active');
			$('.slide').stop(false,false);
			slide.animate({opacity: 1}, 400)
			$('.inactive').animate({opacity: 0}, 400)

			//Menu update
			if ( $(this).attr('id') != $('.b_active img').attr('id') ){
				$(this).attr("src", $(this).attr("src").replace(".png","c.png"));
			}
			var old_button = oldslide.attr("id").replace("sh","h");
			$('#'+old_button).attr("src", $('#'+old_button).attr("src").replace("c.png", ".png"));
		}
	});

	$('#navi_top').mouseleave(function(){
	
		$('#navi_top span.b_normal img').each(function(){
			$(this).attr("src", $(this).attr("src").replace("c.png", ".png") );
		});
	
		var slide = $('#s' + $('.b_active img').attr("id"));
		var oldslide = $(".active");
		
		if (slide != oldslide){
			oldslide.removeClass('active').addClass('inactive');
			slide.removeClass('inactive').addClass('active');
			$('.slide').stop(false,false);
			slide.animate({opacity: 1}, 400)
			$('.inactive').animate({opacity: 0}, 400)
		}
	});
});