var animation_time = 300;

jQuery(function(){

	jQuery("body").removeClass("no-js");

	var width = 400;

	var kwicks = $('ul.kwicks');
	if (kwicks && kwicks.kwicks) {

		// calculate width for each slice
		var remainder = 0;
		var items = kwicks.find('>li').length;
		var average = (width + 0.5) / items;
		
		for(var i = 0; i < items; i++) {			
			var w = parseInt(average + remainder);
			remainder += average - w;
			kwicks.find('>li:eq(' + i + ')').css({ width: w });
		}
		
		kwicks.kwicks({
			min : 25,
			spacing : 0
		});
	}

	var enable = $('.coda-slider .panel').length > 1;

	var settings = {
		autoSlide : enable,
		autoSlideInterval : 3000,
		autoSlideStopWhenClicked : false,
		autoSlidePauseWhenMouseOver : true,
		dynamicArrows : true,
		dynamicArrowLeftText : '<img src="/fileadmin/templates/img/arrow-left.png" width="25" height="25">',
		dynamicArrowRightText : '<img src="/fileadmin/templates/img/arrow-right.png" width="25" height="25">',
		dynamicTabs : false,
		continous : true,
		crossLinking : true
	};

	document.sliders = $('.coda-slider').not(".index").codaSlider(settings);
	
	settings.firstAutoSlideDelay = 1000;
	
	document.sliders = $('.coda-slider').filter(".index").codaSlider(settings);

	// fade in/out function 
	var fader = function(opacity, duration) {
		var left = $(".coda-nav-left a",this);
		var right = $(".coda-nav-right a",this);
		left.stop(true, false);
		right.stop(true, false);
		left.animate({ opacity:opacity }, duration);
		right.animate({ opacity:opacity }, duration);
	}

	if(enable) { $("div.coda-slider-wrapper").hover(
		// fade navigation in and out on hover
		function() { fader.call(this, 0.7, animation_time); },
		function() { fader.call(this, 0, animation_time); }
	); } else {
		// disable navigation elements if only a single slide
		$("div.coda-slider-wrapper").find('.coda-nav-left a, .coda-nav-right a').hide();
	}
	
	// hide all on start
	$(".coda-nav-left a").css({ opacity:0 }, 0);
	$(".coda-nav-right a").css({ opacity:0 }, 0);

	// remove dotted outline on image link
	// $(".coda-nav-left a").each(function(){this.onmouseup = this.blur();});
	// $(".coda-nav-right a").each(function(){this.onmouseup = this.blur();});
			
});