$(document).ready(function($) {
	// add slider functions
	$('#slider').anythingSlider({
		width : '875px',
		tooltipClass : 'tooltip',
		theme : 'ipm',
		themeDirectory : 'http://stage.ipm-profil.ch/fileadmin/templates/lib/css/theme-ipm.css',
		hashTags: false,
		delay : 7000,
		animationTime : 600,
		easing : "swing",
		onInitialized : function(){ $('#slider').slideDown(500) }
	});
	// animate on anchor click
	$("#stimmungsbarometer").click(function() {
		$("#sb").animate({ opacity : 0.4 }, 100).animate({ opacity: 1 }, 500 );
	});
	var values = ["Nachhaltigkeit","Erfolg","Freunde","Offenheit","Wissen","Dynamik","Verlässlichkeit","Vernunft","Logik","Gemeinschaft","Familie","Beruf","Frieden","Karriere","Freiheit","Verstand","Stabilität","Qualität","Innovation","Gefühl"];
	var innerHTML = "";
	for (var i=0;i<values.length;i++) {
		innerHTML+= '<input id="button'+i+'" class="button sbButton gray" type="button" name="'+i+'" value="'+values[i]+'" />';
	}
	$('#sb').html('<form id="sb_form">'+innerHTML+'</form><div id="progressbarFull"><div id="progressbar"></div></div>');
	var requestparam=new Array();
	$('.sbButton').click(function(){
		if(!$(this).hasClass('sbButtonActive')) { // click on non active button
			$(this).addClass('sbButtonActive');
			requestparam.push($(this).attr('name'));
			$('#progressbarFull').animate({ opacity: 1 }, 200 );
			$('#progressbar').width((20*requestparam.length)+'%');
			if(requestparam.length == 5) { // the number of active buttons is five, request the result
				$.fancybox.showActivity();
				$('#fancybox-overlay').height($('body').height()).css({'backgroundColor':'#333','opacity':0.9}).show();
				$.post('/sb/',
					{language:'de',choices:requestparam.join(',')},
					function(data) {
						$.fancybox(data,{
							'autoDimensions' : false,
							'autoScale' : false,
							'width' : 800,
							'height' : 470,
							'transitionIn' : 'none',
							'transitionOut' : 'none',
							'overlayOpacity' : 0.9,
							'overlayColor' : '#333',
							'padding' : '20',
							'onClosed' : function(){$('#slider').data('AnythingSlider').startStop(true);}
						});
						$('#slider').data('AnythingSlider').startStop(false);
					}
				);
				requestparam = new Array();
				$('.sbButtonActive').removeClass('sbButtonActive');
				$('#progressbar').width(0);
			}
		} else { // button is already active
			var index = requestparam.indexOf($(this).attr('name'));
			if(index!=-1) {
				requestparam.splice(index, 1);
				$(this).removeClass('sbButtonActive');
				$('#progressbar').width((20*requestparam.length)+'%');
			}
		}
	});
});