$(document).ready(function(){
	var _images = [
		'thumbs_moebel/Munch_1.jpg',
		'thumbs_moebel/Howe_2.jpg',
		'thumbs_moebel/Munch_3.jpg',
		'thumbs_moebel/Munch_4.jpg',
		'thumbs_moebel/Munch_5.jpg',
		'thumbs_moebel/Munch_21.jpg',
		'thumbs_moebel/Munch_22.jpg',
		'thumbs_moebel/produktd_23.jpg',
		'thumbs_moebel/Howe_24.jpg',
		'thumbs_moebel/Munch_25.jpg',
		'thumbs_moebel/RBM_6.jpg',
		'thumbs_moebel/Munch_7.jpg',
		'thumbs_moebel/Howe_x4.jpg',
		'thumbs_moebel/Munch_9.jpg',
		'thumbs_moebel/Munch_10.jpg',
		'thumbs_moebel/produktd_10.jpg',
		'thumbs_moebel/RBM_27.jpg',
		'thumbs_moebel/Howe_28.jpg',
		'thumbs_moebel/Munch_29.jpg',
		'thumbs_moebel/Munch_30.jpg',
		'thumbs_moebel/Munch_11.jpg',
		'thumbs_moebel/Munch_12.jpg',
		'thumbs_moebel/Munch_13.jpg',
		'thumbs_moebel/Munch_14.jpg',
		'thumbs_moebel/Munch_15.jpg',
		'thumbs_moebel/RBM_31.jpg',
		'thumbs_moebel/Howe_32.jpg',
		'thumbs_moebel/Howe_33.jpg',
		'thumbs_moebel/Howe_34.jpg',
		'thumbs_moebel/RBM_35.jpg',
		'thumbs_moebel/RBM_16.jpg',
		'thumbs_moebel/Munch_17.jpg',
		'thumbs_moebel/Munch_18.jpg',
		'thumbs_moebel/Howe_19.jpg',
		'thumbs_moebel/RBM_20.jpg',
		'thumbs_moebel/Howe_36.jpg',
		'thumbs_moebel/Howe_37.jpg',
		'thumbs_moebel/RBM_38.jpg',
		'thumbs_moebel/Munch_39.jpg',
		'thumbs_moebel/Howe_40.jpg',
		'img_zahlen/1.gif',
		'img_zahlen/2.gif',
		'img_zahlen/3.gif',
		'img_zahlen/4.gif',
		'img_zahlen/5.gif',
		'img_zahlen/6.gif',
		'img_zahlen/7.gif',
		'img_zahlen/8.gif',
		'img_zahlen/9.gif',
		'img_zahlen/10.gif',
		'img_zahlen/11.gif',
		'img_zahlen/12.gif',
		'img_zahlen/13.gif',
		'img_zahlen/14.gif',
		'img_zahlen/15.gif',
		'img_zahlen/16.gif',
		'img_zahlen/17.gif',
		'img_zahlen/18.gif',
		'img_zahlen/19.gif',
		'img_zahlen/20.gif',
		'img_zahlen/21.gif',
		'img_zahlen/22.gif',
		'img_zahlen/23.gif',
		'img_zahlen/24.gif',
		'img_zahlen/25.gif'
	];	
	$.each(_images,function(e) {
		$(new Image()).load(function() {
			//alert($(this).attr('src') + 'has loaded!');
		}).attr('src',this);
	});

	// Rahmen um Links entfernen
	$('a').click(function() {
		this.blur();
	});
	$('a').focus(function() {
		this.blur();
	});
	
	//fuer IE, damit beim Wechsel keine weißen Pixel zu sehen sind
	$('ul#slide').css({background: "black"});
    
    
    //var target = location.hash && $(location.hash)[0];
	var anker = document.location.hash.substr(4);
	if( anker ) {
		//alert(anker);
	}
	else {
		anker = 0;
	}
	
  // Slideshow und Zusatzelemente erstellen 4 secs
  $('.slide4').after('<a id="play_pause" class="pause" href="javascript:;">PAUSE</a>').cycle({
    fx:     'fade',
    timeout: 4000,
    pager:  '#nav',
    startingSlide: anker,
    pagerAnchorBuilder: function(idx, slide) {
      // return sel string for existing anchor
      return '#nav li:eq(' + (idx) + ') a';
    }
  });
  
  // Slideshow und Zusatzelemente erstellen 10secs
  $('.slide10').after('<a id="play_pause" class="pause" href="javascript:;">PAUSE</a>').cycle({
    fx:     'fade',
    timeout: 10000,
    pager:  '#nav',
    startingSlide: anker,
    pagerAnchorBuilder: function(idx, slide) {
      // return sel string for existing anchor
      return '#nav li:eq(' + (idx) + ') a';
    }
  });

  $('ul#nav a').click( function() {
    $('#slide').cycle('pause');
    $("#play_pause").text("PLAY").removeClass("pause").addClass("play");
  });
	
	// Pause/Play Button fur Slideshows
	// Toggle geht nicht, wegen Anweisung hierdrüber
	$("#play_pause").click(function(){
		if ($(this).text() == "PAUSE") {
			$('#slide').cycle('pause');
			$(this).text("PLAY").removeClass("pause").addClass("play");
		}
		else if ($(this).text() == "PLAY") {
			$('#slide').cycle('resume', true);
			$(this).text("PAUSE").removeClass("play").addClass("pause");
		}
	});
	
	$("ul.mainnav ul#acer").css({display: "none"});
	$("ul.mainnav ul#moebel").css({display: "none"});
	$("ul.mainnav ul#grafisk").css({display: "none"});
	$("ul.mainnav ul#produkt").css({display: "none"});
	$("ul.mainnav ul#indretning").css({display: "none"});
	$("ul.mainnav ul#referencer").css({display: "none"});
	
	// Subnav Acer ausfahren
	$("ul.mainnav ul#acer").slideDown("slow");
	// Subnav Moebeldesign ausfahren
	$("ul.mainnav ul#moebel").slideDown("slow");
	// Subnav Grafisk Design ausfahren
	$("ul.mainnav ul#grafisk").slideDown("slow");
  // Subnav Produktdesign ausfahren
	$("ul.mainnav ul#produkt").slideDown("slow");  
	// Subnav Indretningsprojekter ausfahren
	$("ul.mainnav ul#indretning").slideDown("slow"); 
	// Subnav Referencer ausfahren
	$("ul.mainnav ul#referencer").slideDown("slow");
	 
	function slideIN1() {
		$("#moebel1").animate({left:0}, 2000, "easeOutQuart", function(){
			$(this).after('<a id="prev" class="inaktiv" href="javascript:;">1</a><a id="next" class="aktiv" href="javascript:;">2</a>');
			$('#next').click( function() {
				if($('#next').attr("class") == 'aktiv') {
					$("#moebel1").animate({left:-620}, 2000, "easeOutExpo", function(){
						//alert("all done");
						$('#next').removeClass("aktiv").addClass("inaktiv");
						$('#prev').removeClass("inaktiv").addClass("aktiv");
					});
				}
			});
			$('#prev').click( function() {
				if($('#prev').attr("class") == 'aktiv') {
					$("#moebel1").animate({left:0}, 2000, "easeOutExpo", function(){
						$('#prev').removeClass("aktiv").addClass("inaktiv");
						$('#next').removeClass("inaktiv").addClass("aktiv");
					});
				}
			});
		})
	}
	setTimeout(slideIN1,600);
	
	function slideIN2() {
		$("#produkt_anim").animate({left:0}, 2000, "easeOutQuart", function(){
			$(this).after('<a id="prev" class="inaktiv" href="javascript:;">1</a><a id="next" class="aktiv" href="javascript:;">2</a>');
			$('#next').click( function() {
				if($('#next').attr("class") == 'aktiv') {
					$("#produkt_anim").animate({left:-620}, 2000, "easeOutExpo", function(){
						//alert("all done");
						$('#next').removeClass("aktiv").addClass("inaktiv");
						$('#prev').removeClass("inaktiv").addClass("aktiv");
					});
				}
			});
			$('#prev').click( function() {
				if($('#prev').attr("class") == 'aktiv') {
					$("#produkt_anim").animate({left:0}, 2000, "easeOutExpo", function(){
						$('#prev').removeClass("aktiv").addClass("inaktiv");
						$('#next').removeClass("inaktiv").addClass("aktiv");
					});
				}
			});
		})
	}
	setTimeout(slideIN2,600);
	
	function slideIN3() {
		$("#small").animate({left:0}, 1600, "easeOutQuart", function(){})
	}
	setTimeout(slideIN3,600);
});