(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(){

	$('div#mainnavigation ul li.startseite2').flash({
		swf: '/images/project-elements/mp-logo.swf', height: 240, width: 240, wmode: 'transparent', scale: 'exactfit'
	});

	jQuery.preLoadImages("/images/project-elements/eyecatcher-indcontent2.jpg", "/images/project-elements/eyecatcher-indcontent3.jpg");

	$('div#indexnavigation ul li a').click( function(event){

		event.preventDefault();

		$('div#indexnavigation ul li a').removeClass('active');
		$(this).addClass('active');
		var activeNavBg = $(this).attr("id") + "-bg.gif";
		$('body#index div#container').css({ "background" : "transparent url('/images/project-elements/" + activeNavBg + "') no-repeat center 535px" });

		var activeContent = $(this).attr("rel");

		$('body#index div#maincontent div.indcontent').css({ "display" : "none" });
		$('body#index div#maincontent div.' + activeContent + "'").css({ "display" : "block" });

		$('body#index div#wrapper').css({ "background-image" : "url('/images/project-elements/eyecatcher-" + activeContent + ".jpg')" });

		$('body#index div#branding div.indcontent').css({ "display" : "none" });
		$('body#index div#branding div.' + activeContent + "'").css({ "display" : "block" });

	});

	$('div.triggerteaser').hide();

	$('<a id="triggerbutton-bzh1" rel="triggerteaser-bzh-1" class="triggerbutton" href="javascript:;"><img src="http://www.meurer-palazis.de/images/project-elements/trigger.png" alt="" /></a>').appendTo('div#branding div#brandingcontent2');
	$('<a id="triggerbutton-bzh2" rel="triggerteaser-bzh-2" class="triggerbutton" href="javascript:;"><img src="http://www.meurer-palazis.de/images/project-elements/trigger.png" alt="" /></a>').appendTo('div#branding div#brandingcontent2')
	$('<a id="triggerbutton-bzh3" rel="triggerteaser-bzh-3" class="triggerbutton" href="javascript:;"><img src="http://www.meurer-palazis.de/images/project-elements/trigger.png" alt="" /></a>').appendTo('div#branding div#brandingcontent2');
	$('<a id="triggerbutton-bzh4" rel="triggerteaser-bzh-4" class="triggerbutton" href="javascript:;"><img src="http://www.meurer-palazis.de/images/project-elements/trigger.png" alt="" /></a>').appendTo('div#branding div#brandingcontent3');
	$('<a id="triggerbutton-bzh5" rel="triggerteaser-bzh-5" class="triggerbutton" href="javascript:;"><img src="http://www.meurer-palazis.de/images/project-elements/trigger.png" alt="" /></a>').appendTo('div#branding div#brandingcontent3');
	$('<a id="triggerbutton-bzh6" rel="triggerteaser-bzh-6" class="triggerbutton" href="javascript:;"><img src="http://www.meurer-palazis.de/images/project-elements/trigger.png" alt="" /></a>').appendTo('div#branding div#brandingcontent3');


	$('<a class="xclose" href="javascript:;">schließen</a>').appendTo('div.triggerteaser').click(function(event) {
		event.preventDefault();
		$(this).parent("div.triggerteaser").fadeOut('slow');
	});

	$('a.triggerbutton').click(function(event) {
		event.preventDefault();
		$('div.triggerteaser').fadeOut('slow');

		var elem = $(this).attr('rel');

		if(!$('#' + elem).is(':visible')){
			$('#' + elem).fadeIn('slow');
		}
	});

});