$(function() {
	$("#overlay").children().hide();
	$("#wrapper").children().hide();
	
	$('#projekte').show();
	$('#projekte').addClass('active');
	$("h1").show();
	$("#menu").show();
	$("#menucontrol").show();
	$("#wrapper").slideDown('slow');
	//$("#overlay").css('height','auto').removeClass('hidden');
	$('.projekte').addClass('active');
	// update superbgimage options
	function update_superbgOptions() {

		// speed
		var newspeed = 0;
		if (($("input[name='optspeed']").val() == 'slow') || ($("input[name='optspeed']").val() == 'normal') || ($("input[name='optspeed']").val() == 'fast')) {
			newspeed = $("input[name='optspeed']").val(); 
		} else {
			newspeed = parseInt($("input[name='optspeed']").val(), 10); 
			if (isNaN(newspeed)) {
				newspeed = 'slow';
				$("input[name='optspeed']").val('slow');
			}
		}
		
		// slidshow interval
		var newinterval = parseInt($("input[name='optinterval']").val(), 10); 
		if (isNaN(newinterval)) {
			newinterval = 5000;
			$("input[name='optinterval']").val(newinterval);
		}
		if ($.superbg_slideshowActive) { // restart slideshow
			clearInterval($.superbg_interval);
			return $('#thumbs').startSlideShow();
		}

		// transition out
		var newtransitionout = 0;
		if ($("input[name='opttransout']:checked").val() == 'on') {
			newtransitionout = 1;
		} else {
			newtransitionout = 0;
		}

		// random transition
		var newrandomtransition = 0;
		if ($("input[name='optrandomtrans']:checked").val() == 'on') {
			newrandomtransition = 1;
		} else {
			newrandomtransition = 0;
		}
		
		// random image
		var newrandomimage = 0;
		if ($("input[name='optrandom']:checked").val() == 'on') {
			newrandomimage = 1;
		} else {
			newrandomimage = 0;
		}

		// onclick-callback
		if ($("input[name='optclick']:checked").val() == 'on') {
			onclickfunc = superbgimage_click;
			$('#superbgimage img').each(function() { // add click-callback to all images
				$(this).unbind('click').click(function(){ superbgimage_click($(this).attr('rel')); });
			});	
		} else {
			onclickfunc = null;
			$('#superbgimage img').each(function() { // remove click-callback from all images
				$(this).unbind('click');
			});	
		}

		// onshow-callback
		if ($("input[name='optshow']:checked").val() == 'on') {
			onshowfunc = superbgimage_show;
			$('#showtitle').fadeIn('fast');
		} else {
			onshowfunc = null;
			$('#showtitle').hide();
		}
		
		// update options
		$.fn.superbgimage.options = { 
			transition: parseInt($("#transition").val(), 10),
			speed: newspeed,
			slide_interval: newinterval,
			transitionout: parseInt(newtransitionout, 10),
			randomtransition: parseInt(newrandomtransition, 10),
			randomimage: parseInt(newrandomimage, 10),
			onClick: onclickfunc,
			onShow: onshowfunc
		};
	
	}

	// hide options
	$("#options").css('height','15px').css('padding', '0px').addClass('hidden').children().hide();
	$("#options .legend").show();
	
	// hide set 2
	$("#thumbs2").hide().addClass('hidden');
	
	// fade overlay with controls, fade container to display titles
	//$('#overlay').fadeTo('slow', 0.75);
	/*$('#showtitle').fadeTo('slow', 0.40);
	$('#showtitle').hover(
		function () {
			$(this).fadeTo('fast', 1.00);
		},
		function () {
			$(this).fadeTo('fast', 0.40);
		}
	);*/

	// prev slide
	$('a.prev').click(function() {
		return $('#thumbs').prevSlide();
	});

	// next slide
	$('a.next').click(function() {
		return $('#thumbs').nextSlide();
	});

	// start slideshow
	$('a.start').click(function() {
		$('.start').hide();
		$('.stop').show();
		//update_superbgOptions();		
		return $('#thumbs').startSlideShow();
	});

	// stop slideshow
	$('a.stop').click(function() {
		my_slideshowActive = false;
		$('.stop').hide();
		$('.start').show();
		return $('#thumbs').stopSlideShow();
	});
	
	$('a.menushow').click(function() {
		$('a.menushow').hide();
		$('a.menuhide').show();
		$("#wrapper").slideDown('slow', function() {
			$("#overlay").css("height", "220px");
		});
		return false;
	});
	$('a.menuhide').click(function() {
		$('a.menuhide').hide();
		$('a.menushow').show();
		$("#wrapper").slideUp('slow');
		$("#overlay").css("height", "auto");
		$("#overlay2").slideUp('slow');
		open = 0;
		return false;
	});

	// stop slideshow
	$('a.stop').click(function() {
		my_slideshowActive = false;
		$('.stop').hide();
		$('.start').show();
		return $('#thumbs').stopSlideShow();
	});

	// load image set 1
	$('a.loadset1').click(function(){
		for(i=0;i<9;i+=1) {
			$('#thumbs'+i).hide().removeClass('active');
			$('#thumbs'+i).stopSlideShow();
			$('.loadset'+i+' img').removeClass('active');
		}
		my_slideshowActive = false;
		$('.thumbs1 img').addClass('active');
		$('#thumbs1').superbgimage({ reload: true, setActual: 1}).show();
		$('#thumbs1').addClass('active');
		return false;
	});
	$('a.loadset2').click(function(){
		for(i=0;i<9;i+=1) {
			$('#thumbs'+i).hide().removeClass('active');
			$('#thumbs'+i).stopSlideShow();
			$('.loadset'+i+' img').removeClass('active');
		}
		my_slideshowActive = false;
		$('.thumbs2 img').addClass('active');
		$('#thumbs2').superbgimage({ reload: true, setActual: 2 }).show();
		$('#thumbs2').addClass('active');
		return false;
	});
	$('a.loadset3').click(function(){
		for(i=0;i<9;i+=1) {
			$('#thumbs'+i).hide().removeClass('active');
			$('#thumbs'+i).stopSlideShow();
			$('.loadset'+i+' img').removeClass('active');
		}
		my_slideshowActive = false;
		$('.thumbs3 img').addClass('active');
		$('#thumbs3').superbgimage({ reload: true, setActual: 3 }).show();
		$('#thumbs3').addClass('active');
		return false;
	});
	$('a.loadset4').click(function(){
		for(i=0;i<9;i+=1) {
			$('#thumbs'+i).hide().removeClass('active');
			$('#thumbs'+i).stopSlideShow();
			$('.loadset'+i+' img').removeClass('active');
		}
		my_slideshowActive = false;
		$('.thumbs4 img').addClass('active');
		$('#thumbs4').superbgimage({ reload: true, setActual: 4 }).show();
		$('#thumbs4').addClass('active');
		return false;
	});
	$('a.loadset5').click(function(){
		for(i=0;i<9;i+=1) {
			$('#thumbs'+i).hide().removeClass('active');
			$('#thumbs'+i).stopSlideShow();
			$('.loadset'+i+' img').removeClass('active');
		}
		my_slideshowActive = false;
		$('.thumbs5 img').addClass('active');
		$('#thumbs5').superbgimage({ reload: true, setActual: 5 }).show();
		$('#thumbs5').addClass('active');
		return false;
	});
	$('a.loadset6').click(function(){
		for(i=0;i<9;i+=1) {
			$('#thumbs'+i).hide().removeClass('active');
			$('#thumbs'+i).stopSlideShow();
			$('.loadset'+i+' img').removeClass('active');
		}
		my_slideshowActive = false;
		$('.thumbs6 img').addClass('active');
		$('#thumbs6').superbgimage({ reload: true, setActual: 6 }).show();
		$('#thumbs6').addClass('active');
		return false;
	});
	$('a.loadset7').click(function(){
		for(i=0;i<9;i+=1) {
			$('#thumbs'+i).hide().removeClass('active');
			$('#thumbs'+i).stopSlideShow();
			$('.loadset'+i+' img').removeClass('active');
		}
		my_slideshowActive = false;
		$('.thumbs7 img').addClass('active');
		$('#thumbs7').superbgimage({ reload: true, setActual: 7 }).show();
		$('#thumbs7').addClass('active');
		return false;
	});
	$('a.loadset8').click(function(){
		for(i=0;i<9;i+=1) {
			$('#thumbs'+i).hide().removeClass('active');
			$('#thumbs'+i).stopSlideShow();
			$('.loadset'+i+' img').removeClass('active');
		}
		my_slideshowActive = false;
		$('.thumbs8 img').addClass('active');
		$('#thumbs8').superbgimage({ reload: true, setActual: 8 }).show();
		$('#thumbs8').addClass('active');
		return false;
	});
	
	$("a.loadprojekte").click(function() {
		$(this).blur();
		$('#overviewProjekte').show();
		$('#overviewProjekte').addClass('active');
		return false;
	});	
	// change transition with selectbox
	$("#transition").change(function() {
		update_superbgOptions();
	});	

	// change option speed
	$("input[name='optspeed']").change(function() {
		update_superbgOptions();
	});		
	
	// change option slide_interval
	$("input[name='optinterval']").change(function() {
		update_superbgOptions();
	});		

	// change option transitionout
	$("input[name='opttransout']").click(function() {
		update_superbgOptions();
	});	
	
	// change option randomtransition
	$("input[name='optrandomtrans']").click(function() {
		update_superbgOptions();
	});
	
	// change option randomimage
	$("input[name='optrandom']").click(function() {
		update_superbgOptions();
	});	

	// change option onClick-callback
	$("input[name='optclick']").click(function() {
		update_superbgOptions();
	});	
	
	// change option onShow-callback
	$("input[name='optshow']").click(function() {
		update_superbgOptions();
	});		

	// toggle fieldsets
	$(".legend").click(function() {
		if ($(this).parent().hasClass('hidden')) {
			$(this).parent().css('height', 'auto').css('padding', '10px').removeClass('hidden').children().show();
			$(this).show().css('display', 'block');
		} else {
			$(this).parent().css('height','15px').css('padding', '0px').addClass('hidden').children().hide();
			$(this).show().css('display', 'block');
		}
	});	

	// toggle overlay
	$("h1 a").click(function() {
		$(this).blur();
		if($("#overlay").css('height') == "auto") {
			$('a.menushow').hide();
			$('a.menuhide').show();
			$("#wrapper").slideDown('slow', function() {
				$("#overlay").css("height", "220px");
			});
		} else {
			$('a.menuhide').hide();
			$('a.menushow').show();
			$("#wrapper").slideUp('slow');
			$("#overlay").css("height", "auto");
			$("#overlay2").slideUp('slow');
			open = 0;
		}
		return false;
	});	
	$("a.projekte").click(function() {
		$(this).blur();
		$('a.active').removeClass('active');
		$(this).addClass('active');
		$("#wrapper").children().hide();
		$("#menu").show()
		$('#projekte').fadeIn('slow');
		$('#projekte').addClass('active');
		$("#overlay2").slideUp('slow');
		open = 0;
		return false;
	});	
	$("a.uebercel").click(function() {
		$(this).blur();
		$('a.active').removeClass('active');
		$(this).addClass('active');
		$("#wrapper").children().hide();
		$("#menu").show();
		$('#uebercel').fadeIn('slow');
		$("#overlay2").slideUp('slow');
		open = 0;
		return false;
	});	
	$("a.portfolio").click(function() {
		$(this).blur();
		$('a.active').removeClass('active');
		$(this).addClass('active');
		$("#wrapper").children().hide();
		$("#menu").show()
		$('#portfolio').fadeIn('slow');
		$("#overlay2").slideUp('slow');
		open = 0;
		return false;
	});	
	$("a.kontakt").click(function() {
		$(this).blur();
		$('a.active').removeClass('active');
		$(this).addClass('active');
		$("#wrapper").children().hide();
		$("#menu").show()
		$('#kontakt').fadeIn('slow');
		$("#overlay2").slideUp('slow');
		open = 0;
		return false;
	});	
	$("a.close").click(function() {
		$(this).blur();
		$('fieldset.active').removeClass('active');
		$('a.active').removeClass('active');
		$("#overlay").children().hide();
		$('#projekte').show();
		$("h1").show();
		$("#menu").show();
		$("#menucontrol").show();
		$('.projekte').addClass('active');
		return false;
	});	
});

var open = 0;
function showuber(num) {
	num = parseInt(num);
	if(open == 0) {
		$("#overlay2 fieldset").fadeTo(1, 0);
		$("#uber"+num).fadeTo(1, 1);
		$("#overlay2").slideDown('slow');
		open = num;
	} else {
		if(num != open) {
			for(var i=1;i<4;i=i+1) {
				if(i != num) {
					$("#uber"+i).fadeTo(500, 0);
				} else {
					$("#uber"+i).fadeTo(500, 1);
				}
			}
			open = num;
		} else {
			$("#overlay2").slideUp('slow');
			open = 0;
		}
	}

	return false;
}