$(document).ready(function() {
	initslideshow();
	//initrollover();
});

function initslideshow() {
	var slidescount=$(".slideshow").children().length;
	if(slidescount<=1)
	{
		$('#switcher').hide();
		$('#switchermouseover').hide();
		return false;
	}
	// redefine Cycle's updateActivePagerLink function
	// invoked after transition
	$.fn.cycle.updateActivePagerLink = function(pager, currSlide, clsName) {
   		$(pager).each(function() {
   	   	 	$(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);
			// Create Tooltip, wenn nicht existent
			$(this).find("li").each(function(){

				if(!$(this).find(".tooltip").length) 	// Gibt es noch keinen Tooltip, kreiere ihn!
				{
					if($(this).find("img.mouseoverimage").attr("alt")=="")
						return false;

					var innerdiv= $(document.createElement('div'));
					innerdiv.append($(this).find("img.mouseoverimage").attr("alt"));

					var slidercontent=innerdiv.wrap("<div>").parent().html(); //headline+'<h2 >'++'</h2>'+append('<a class="mouseoverlink" href="'++'">mehr</a>').html().wrap("<div></div>");

					// li A IMG => LI BEKOMMT tip
					$(this).simpletip({
						content:slidercontent,
						fixed: true,
						position: [1, 114],
						showEffect:'none',
						hideEffect:'none'
					});
					$(this).find(".tooltip").width(190);
					$(this).find(".tooltip").height(22);
		   	   	}
	   	   	});
   		});
	};



	$(".slideshow")
    .cycle({
		fx: "fade", // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		autostop:0,
		timeout:6000,
		pauseOnPagerHover:1,
		pager:  "#switcher",
		// callback fn that creates a thumbnail to use as pager anchor
    	pagerAnchorBuilder: function(idx, slide) {

    		var previdsel='#'+slide.id+"_preview";
    		var aalt=$(previdsel).attr("alt");
    		var asrc=$(previdsel).attr("src");
        	return '<li id="'+slide.id+'_tooltip"><a href="#"><img class="mouseoverimage" alt="'+aalt+'" src="' + asrc + '" /></a></li>';
    	},
    	pagerClick: function(zeroBasedSlideIndex, slideElement) {
			//alert(slideElement.id);
    	},
   		after:  function(currSlideElement, nextSlideElement, options, forwardFlag) {
			// Show new Tooltip
		/*	var tooltipid='#'+nextSlideElement.id+'_tooltip';
			if($(tooltipid).eq(0).simpletip) {
				var api=$(tooltipid).eq(0).simpletip();
				api.show();
			}*/

    	},
    	before:  function(currSlideElement, nextSlideElement, options, forwardFlag) {
    		// Change Background
			var previdsel='#'+nextSlideElement.id+"_previewbackground";
			var changesrc=$(previdsel).attr("src");
			$("#switcher").css('background-image','url("'+changesrc+'")');


			// Hide old Tooltip
		/*	var tooltipid='#'+currSlideElement.id+'_tooltip';
			if($(tooltipid).eq(0).simpletip) {
				var api=$(tooltipid).eq(0).simpletip();
				api.hide();
			}*/

	/*		// Show new Tooltip
			var tooltipid='#'+nextSlideElement.id+'_tooltip';
			if($(tooltipid).eq(0).simpletip) {
				var api=$(tooltipid).eq(0).simpletip();
				api.show();
			}*/

    	}
	});
	$('#colorswitcher img').removeAttr("title").removeAttr("alt");


}



function initrollover()
{
	$("#switcher li").each(function(){
		if($(this).find("img.mouseoverimage").attr("alt")=="")
			return false;

		var innerdiv= $(document.createElement('div'));
		innerdiv.append($(this).find("img.mouseoverimage").attr("alt"));

		var slidercontent=innerdiv.wrap("<div>").parent().html(); //headline+'<h2 >'++'</h2>'+append('<a class="mouseoverlink" href="'++'">mehr</a>').html().wrap("<div></div>");

		// li A IMG => LI BEKOMMT tip
		$(this).simpletip({
			content:slidercontent,
			fixed: true,
			position: [1, 114],
//			position: ["0", String((-1)*$(this).height()+10)],
			showEffect:'none',
			hideEffect:'none'
		});
/*		$(this).find("a .tooltip").width($(this).find("img.mouseoverimage").width());
		$(this).find("a .tooltip").height($(this).find("img.mouseoverimage").height()); */
		$(this).find(".tooltip").width(190);
		$(this).find(".tooltip").height(22);
	});




}