/** 
 * Slider
 * Kilian Hann, 20/11/2009
 * requires jquery UI
 */
$(document).ready( function() {
	$('#moodlet-teaser li').hide();
	$('#moodlet-teaser').slider({
		step:	1, 
		min: 1, 
		max:4,
		value: $.cookie('tx_moodlet_pi1_teaser'),
		slide: function(obj,data){
			old = $.cookie('tx_moodlet_pi1_teaser');
			$('#mood-teaser-' + data.value).css('z-index','1');
			$('#mood-teaser-' + data.value).fadeIn('slow',function(){
				$('#mood-teaser-' + old).css({'z-index':'-1','display':'none'});
				$('#mood-teaser-' + data.value).css({'z-index':'0'});
			});
			$.cookie('tx_moodlet_pi1_teaser',data.value, {expires: 365, path: '/'});
		}
	});
	
	
	// wenn cookie nicht gesetzt ist, auf wert 4 setzen
	if($.cookie('tx_moodlet_pi1_css') == null) 	$.cookie('tx_moodlet_pi1_css',4,{ path: '/'});
	
	$('#moodlet-css li').hide();
	$('#moodlet-css').slider({
		step: 1, 
		min: 1, 
		max:7,
		value: $.cookie('tx_moodlet_pi1_css'),
		slide: function(obj,dataCB){
			$.get('/?tx_moodlet_pi1[CMD]=css&type=3000&tx_moodlet_pi1[css]=' + dataCB.value, function(data) { 
				// css schon mal einfügen
				$('#moodlet-css-file').before('<link id="moodlet-css-temp" rel="stylesheet" type="text/css" href="' + data +'" />');
				// jetzt erst css austauschen (dann sind bilder schon geladen und es gibt kein flackern)
				$('body').animate({opacity:'0.5'},500,'',function(){
						$('#moodlet-css-file').attr('href',data);
						// Schrift wiexer ersetzen
						Cufon.replace('h1,h2');
						$('body').animate({opacity:'1'},500);
						$('#moodlet-css-temp').remove();
					})
				;
			});
		}
	});
});