function prepCarousel() {
$(function() {
    $(".carousel").jCarouselLite({
		auto: 10000,
		speed: 800,
        btnNext: ".next",
        btnPrev: ".prev",
        visible: 1,
	    btnGo:
    	[".1", ".2", ".3"]
    });
});
}

function prepImageCredits() {
	$('#credits-cc').bind('mousemove', function() {
		$('#credits-cc').css('width','475px');
		$('#credits-cc').css('opacity','0.8');
		//$('#credits').css('background','#333 url("images/cc-icon.png") no-repeat top 2px');
		});
	
	$('#credits-cc').bind('mouseout', function() {
		$('#credits-cc').css('width','22px');
		$('#credits-cc').css('opacity','0.3');
		});

	$('#credits-c').bind('mousemove', function() {
		$('#credits-c').css('width','475px');
		$('#credits-c').css('opacity','0.8');
		//$('#credits').css('background','#333 url("images/cc-icon.png") no-repeat top 2px');
		});
	
	$('#credits-c').bind('mouseout', function() {
		$('#credits-c').css('width','22px');
		$('#credits-c').css('opacity','0.3');
		});

}

function prepSearchBox() {
	$('#header-search-form').focusin(function() {
		$("#header-search-form").css("background-position", "1px -28px"); 
	    $("#header-search-query").css("color", "#4f4f4f");   
   		$('#tagsearch').css('display','none').fadeIn(200);
		
	});
	
	$('#header-search-form').focusout(function() {
		$("#header-search-form").css("background-position", "1px 1px"); 
	    $("#header-search-query").css("color", "#b3b3b3");   
   		/*$("#tagsearch").css("visibility", "hidden");*/
   		$('#tagsearch').css('display','inline').fadeOut(500);
	});
}

function prepStackBox() {
		$('.draggable').draggable({ stack: '.draggable'});
		$('#drag1').bind('mousemove', function() {
			$('#teaser').html('<h2 style="color:#fff;">GUTE INFOGRAFIK, SCHNELL GEMACHT</h2>');
			});
		$('#drag2').bind('mousemove', function() {
			$('#teaser').html('<h2 style="color:#fff;">SUIZID: MIT ANSTAND BERICHTEN</h2>');
			});
		$('#drag3').bind('mousemove', function() {
			$('#teaser').html('<h2 style="color:#fff;">Praxistest: Videos mit der EOS 7D</h2>');
			});
		$('#drag4').bind('mousemove', function() {
			$('#teaser').html('<h2 style="color:#fff;">WIE MAN MIT INFOGRAFIK GESCHICHTEN ERZÄHLT</h2>');
			});
		$('#drag5').bind('mousemove', function() {
			$('#teaser').html('<h2 style="color:#fff;">Lineare Slideshows mit Vuvoxs</h2>');
			});
		$('#drag6').bind('mousemove', function() {
			$('#teaser').html('<h2 style="color:#fff;">Mit der Flip auf der Atomdemo</h2>');
			});
}

function prepMetaBox () {
		$('.mbox-1').bind('click', function() {
			if ($('#metabox-2').css('display') != 'none') $('#metabox-2').css('display','block').fadeOut(100, function() {
				$('#metabox-1').css('display','none').fadeIn(100);
				});
			if ($('#metabox-3').css('display') != 'none') $('#metabox-3').css('display','block').fadeOut(100, function() {
				$('#metabox-1').css('display','none').fadeIn(100);
			});
		});
		
		$('.mbox-2').bind('click', function() {
			if ($('#metabox-1').css('display') != 'none') $('#metabox-1').css('display','block').fadeOut(100, function() {
					$('#metabox-2').css('display','none').fadeIn(100);
				});
			if ($('#metabox-3').css('display') != 'none') $('#metabox-3').css('display','block').fadeOut(100, function() {
					$('#metabox-2').css('display','none').fadeIn(100);
				});
		});
		
		$('.mbox-3').bind('click', function() {
			if ($('#metabox-1').css('display') != 'none') $('#metabox-1').css('display','block').fadeOut(100, function() {
					$('#metabox-3').css('display','none').fadeIn(100);
				});
			if ($('#metabox-2').css('display') != 'none') $('#metabox-2').css('display','block').fadeOut(100, function() {
					$('#metabox-3').css('display','none').fadeIn(100);
				});
		});
		
		

		$('.mcbox-1').bind('click', function() {
			//alert ("1");
			if ($('#commbox-2').css('display') != 'none') $('#commbox-2').css('display','block').fadeOut(100, function() {
				$('#commbox-1').css('display','none').fadeIn(100);
				});
			if ($('#commbox-3').css('display') != 'none') $('#commbox-3').css('display','block').fadeOut(100, function() {
				$('#commbox-1').css('display','none').fadeIn(100);
			});
		});
		
		$('.mcbox-2').bind('click', function() {
			//alert ("2");
			if ($('#commbox-1').css('display') != 'none') $('#commbox-1').css('display','block').fadeOut(100, function() {
					$('#commbox-2').css('display','none').fadeIn(100);
				});
			if ($('#commbox-3').css('display') != 'none') $('#commbox-3').css('display','block').fadeOut(100, function() {
					$('#commbox-2').css('display','none').fadeIn(100);
				});
		});
		
		$('.mcbox-3').bind('click', function() {
			//alert ("3");
			if ($('#commbox-1').css('display') != 'none') $('#commbox-1').css('display','block').fadeOut(100, function() {
					$('#commbox-3').css('display','none').fadeIn(100);
				});
			if ($('#commbox-2').css('display') != 'none') $('#commbox-2').css('display','block').fadeOut(100, function() {
					$('#commbox-3').css('display','none').fadeIn(100);
				});
		});
}

function miximages (imgs) {
		
	if ($(imgs[0]).css('width')) { // Rudimentärer Test, ob Bilder übergeben wurden. Sonst Skip. TODO!
		teasertxt = new Array(6);
		for ( var i in imgs )
		{
		
			teasertxt[0] = "GUTE INFOGRAFIK, SCHNELL GEMACHT";
			teasertxt[1] = "Suzid: Mit Anstand berichten";
			teasertxt[2] = "Praxistest: Videos mit Canon 7D";		
			teasertxt[3] = "WIE MAN MIT INFOGRAFIK GESCHICHTEN ERZÄHLT";
			teasertxt[4] = "Lineare Slideshows mit Vuvox";
			teasertxt[5] = "Mit der Flip auf der Atomdemo";
						
			var maxrot = 5; // Maximale Rotation 
			var xmax = 250; // Maximale Abweichung auf der x-Achse
			var ymax = 150;	// Maximale Abweichung auf der y-Achse		
			var xoffset = 350; // Mittelpunkt auf der X-Achse
			var yoffset = 200; // Mittelpunkt auf der X-Achse
			var scalemax=5; // Vergrößerung bei Mouseover
			var transparenz=0.9; // Inaktive Bilder transparent?

			var xpos = (Math.floor(Math.random() * (xmax - (-xmax) + 1)) + (-xmax));
			var ypos = (Math.floor(Math.random() * (ymax - (-ymax) + 1)) + (-ymax));
			var maxangle = Math.floor(Math.random() * (maxrot - (-maxrot) + 1)) + (-maxrot);

		    $(imgs[i]).rotate(maxangle);
		    
		    var wid = parseInt($(imgs[i]).css('width'));
		    var hei = parseInt($(imgs[i]).css('height'));

			if (ypos < 0) { ypos = yoffset-((hei/2)-ypos); }	
			else { ypos = yoffset-((hei/2) + ypos); }
			//if (ypos < 0) { ypos = 150-((parseInt($(imgs[i]).css('height'))/2)-ypos); }
			//else { ypos = (150-(parseInt($(imgs[i]).css('height'))/2)) + ypos; }
			
			if (xpos < 0) { xpos = xoffset-((wid/2)-xpos); }
			else { xpos = xoffset-((wid/2) + xpos); }
			//if (xpos < 0) { xpos = 240-((parseInt($(imgs[i]).css('width'))/2)-xpos); }
			//else { xpos = (240-(parseInt($(imgs[i]).css('width'))/2)) + xpos; }

		    $(imgs[i]).css('position','absolute');
			$(imgs[i]).css('top',ypos);
			$(imgs[i]).css('left',xpos);
			$(imgs[i]).css('opacity',transparenz);
			$(imgs[i]).css('z-index',100-i);			
			$(imgs[i]).bind('mousemove', function() {
				$('#teaser').css('visibility','visible');
				$(this).css('width',wid+scalemax);	
				$(this).css('height',hei+scalemax);	
				$(this).css('opacity','1');
				});
			$(imgs[i]).bind('mouseout', function() {
				$('#teaser').css('visibility','hidden');
				$(this).css('width',wid-scalemax);	
				$(this).css('height',hei-scalemax);	
				$(this).css('opacity',transparenz);
				});	
			
			$(imgs[i]).css('visibility','visible');
							
		}
		
		$('#teaser').bind('mousemove', function() {
			$('#teaser').css('visibility','visible');
			});
		$('#stage').bind('mouseleave', function() {
			$('#teaser').css('visibility','hidden');
			});
		$('#preloader').css('visibility','hidden');
		}
	}