jQuery(window).load(function(){
	

	$("#showroom-inner div:first-child").addClass('active');
	$("#showroom-nav li:first-child").addClass('active');
	
	// Weiter-Button
	$("#showroom-next").live("click", function() {
		var number = $("#showroom-inner .active").attr('id');
		number = number.substr(2);
		var k = $("#showroom-inner div").length -1;
		dest = parseInt(number) + 1;
		if (dest > k) { dest = 0; }

		$("#showroom-inner .active").fadeOut(300).removeClass('active');
		$("#showroom-nav .active").removeClass('active');
		
		$("#showroom-inner #sr"+dest).fadeIn(300).addClass('active');
		$("#showroom-nav li:nth-child("+(dest+1)+")").addClass('active');
		return false;
	});

	// Zurück-Button
	$('#showroom-previous').live("click", function() {
		var number = $("#showroom-inner .active").attr('id');
		number = number.substr(2);
		var k = $("#showroom-inner div").length -1;
		dest = number - 1;
		if (dest < 0) { dest = k; }
		
		$("#showroom-inner .active").fadeOut(300).removeClass('active');
		$("#showroom-nav .active").removeClass('active');
		
		$("#showroom-inner #sr"+dest).fadeIn(300).addClass('active');
		$("#showroom-nav li:nth-child("+(dest+1)+")").addClass('active');
		return false;
	});
	
	// Showroom Navigation
	$('#showroom-nav a').live('click', function(){
		var number = $(this).attr("href");
		number = number.substr(3);
		number = parseInt(number);
		$("#showroom-inner .active").fadeOut(300).removeClass('active');
		$("#showroom-nav .active").removeClass('active');
		
		$("#showroom-inner #sr"+number).fadeIn(300).addClass('active');
		$("#showroom-nav li:nth-child("+(number+1)+")").addClass('active');
		return false;
	});

	// Automatische Animation
	var go = true;
	$('#showroom').mouseenter(function(){
		go = false;
	});
	$('#showroom').mouseleave(function(){
		go = true;
	});
	setInterval(function() {
		if (go) {
			var number = $("#showroom-inner .active").attr('id');
			number = number.substr(2);
			var k = $("#showroom-inner div").length -1;
			dest = parseInt(number) + 1;
			if (dest > k) { dest = 0; }

			$("#showroom-inner .active").fadeOut(300).removeClass('active');
			$("#showroom-nav .active").removeClass('active');
			
			$("#showroom-inner #sr"+dest).fadeIn(300).addClass('active');
			$("#showroom-nav li:nth-child("+(dest+1)+")").addClass('active');
		}
	}, 6500);

			
});

function show(){
	$.ajax({
		type: 'GET',
		url:"wp-content/themes/hp/showroom.html",
		context: document.body,
		dataType:"html",
		success: function(data){
			$("#picture").html(data);
		}
	});
};