//SLIDER IMPORT V2.4

//DIESER TEIL WIRD AN DIE STELLE IN DEN QUELLCODE GESCHRIEBEN, WO sliderimport.js EINGEBUNDEN WURDE...
//BITTE DIE BILDPFADE ANPASSEN ...slides/1.jpg...

document.write(''+
	'<div id="sliderbox">\n'+
		'<div id="bannerslider">\n'+
			'<div class="bannerslider-container">\n'+
				
				'<div class="bannerslider-container-item">\n'+
				'<a href="http://www.wohn-guide.de/plissee-klemmfix-mit-klemmtrager.html"><img title="123-montiert" src="http://www.wohn-guide.de/js/slider/slides/123_montiert.jpg" /></a>\n'+
				'</div>\n'+
				
				'<div class="bannerslider-container-item">\n'+
				'<a href="http://www.wohn-guide.de/neuheiten"><img title="Neuheiten" src="http://www.wohn-guide.de/js/slider/slides/neuheiten.jpg" /></a>\n'+
				'</div>\n'+
				
				'<div class="bannerslider-container-item">\n'+
				'<a href="http://www.wohn-guide.de/schnaeppchen.html?___SID=U"><img title="Schnäppchen" src="http://www.wohn-guide.de/js/slider/slides/schnaeppchen.jpg" /></a>\n'+
				'</div>\n'+
				
				'<div class="bannerslider-container-item">\n'+
			    '<a href="http://www.wohn-guide.de/vorhange-gardinen/vorhangstoffe-schiebevorhaenge-flaechenvorhang-gardinen.html"><img title="Vorhänge" src="http://www.wohn-guide.de/js/slider/slides/vorhaenge.jpg" /></a>\n'+
				'</div>\n'+
				
				'<div class="bannerslider-container-item">\n'+
				'<a href="http://www.wohn-guide.de/thermo-plissee-klemmfix-mit-klemmtrager.html"><img title="Liedeco-Klima" src="http://www.wohn-guide.de/js/slider/slides/klima.jpg" /></a>\n'+
				'</div>\n'+
				
				'<div class="bannerslider-container-item">\n'+
				'<a href="http://www.wohn-guide.de/duo-rollo-mit-seitenzug-doppelrollo.html"><img title="Duo-Rollos" src="http://www.wohn-guide.de/js/slider/slides/duorollo.jpg" /></a>\n'+
				'</div>\n'+
				
				'<div class="bannerslider-container-item">\n'+
				'<a href="http://www.wohn-guide.de/vorhange-gardinen/gardinenstangen-sets.html"><img title="Gardinenstangen" src="http://www.wohn-guide.de/js/slider/slides/gardinenstangen.jpg" /></a>\n'+	
				'</div>\n'+
				
				'<div class="bannerslider-container-item">\n'+
				'<a href="http://www.wohn-guide.de/rollo-jalousie-sonnenschutz-sichtschutz/rollos-jalousien-rollos.html"><img title="Jalousien" src="http://www.wohn-guide.de/js/slider/slides/jalousien.jpg" /></a>\n'+
				'</div>\n'+
			
				'<div class="bannerslider-container-item">\n'+
				'<a href="http://www.wohn-guide.de/fensterdekoration/accessoires-dekokissen.html?___SID=U"><img title="Kissen" src="http://www.wohn-guide.de/js/slider/slides/kissen.jpg" /></a>\n'+
				'</div>\n'+

				'<div class="bannerslider-container-item">\n'+
				'<a href="http://www.wohn-guide.de/rollo-jalousie-sonnenschutz-sichtschutz/rollos-jalousien-rollos.html"><img title="Raff-Rollos" src="http://www.wohn-guide.de/js/slider/slides/raffrollo.jpg" /></a>\n'+
				'</div>\n'+
				
				'<div class="bannerslider-container-item">\n'+
				'<a href="http://www.wohn-guide.de/schlafsysteme.html"><img title="Schlaf-gut" src="http://www.wohn-guide.de/js/slider/slides/schlaf_gut.jpg" /></a>\n'+
				'</div>\n'+
			
			'</div>\n'+
		'</div>\n'+
		'<div id="panelslider">\n'+
			'<div class="panelslider-container">\n'+
			'</div>\n'+
		'</div>\n'+
	'</div>\n'+
'');


//DAMIT ES MIT ANDEREN LIBS KLAPPT
jQuery.noConflict();
     
//NACH FERTIGGELADENEM DOM (ACHTUNG: $function nur innerhalb !!)
jQuery(document).ready(function($){
	
	//SLIDEGESCHWINDIGKEIT
	var speed = 2000;
	
	//PAUSEN
	var delay = 5000;
	
	function scrollbanner(id) {
		//alert (act + "!");
		
		$("#info").text(id + " von " + itemcount);
		
		if((id > 0) && (id <= itemcount))
		{
			//alert("case1");
			pos = id - 1;
		}		
		if(id == 0)
		{
			//alert("case2");
			act = itemcount;
			pos = itemcount - 1;
		}
		if(id > itemcount)
		{
			//alert("case3");	
			act = 1;
			pos = 0;
		}
		
		//$('#bannerslider').animate({scrollLeft: (itemwidth * pos)},speed/2);
		$('.bannerslider-container').animate({left: "-"+(itemwidth * pos)},speed/2);
	};
	
	
	function scrollpanel(id) {
		if((id > 0) && (id <= panelcount))
		{
			//alert("case1");
			pos = id - 1;
		}		
		if(id == 0)
		{
			//alert("case2");
			act = panelcount;
			pos = panelcount - 1;
		}
		if(id > panelcount)
		{
			//alert("case3");	
			act = 1;
			pos = 0;
		}
		
		panelpos = 0 + (panelwidth * pos);
		//alert(panelsliderwidth + " " + panelwidth + " " + panelpos);
		
		//$('#panelslider').animate({scrollLeft: panelpos},speed/2);
		$('.panelslider-container').animate({left: "-"+panelpos},speed/2);
		
		$('.panelslider-container-item a').removeClass("cur");
		$('#panel'+id+' a').addClass("cur");
	};


	var act = 1;	
	var itemcount = $('.bannerslider-container-item').size();
	
	$("#info").text(itemcount);
	
	
	//KLASSEN NUMMERIEREN
	$(".bannerslider-container-item").attr("id", function(x) {
		return "banner" + (x+1);
	});
	
	/*
	$(".panelslider-container-item").attr("id", function(x) {
		return "panel" + (x+1);
	});
	*/
	
	
	
	//PANELS ERZEUGEN
	firsttitle = $('#banner1 img').attr("title");
	lasttitle = $('#banner'+itemcount+' img').attr("title");
	
	$('<div id="firstpanel" class="panelslider-container-item"><span> </span></div>').appendTo('.panelslider-container');
	for (i=1; i<=itemcount; i++)
	{
		//$(".banner"+i).clone().appendTo('.panelslider-container');
		title = $('#banner'+i+' img').attr("title");
		$('<div id="panel'+i+'" class="panelslider-container-item"><a href="#"><span>'+title+'</span></a></div>').appendTo('.panelslider-container');
	}
	//$('<div class="panelslider-container-item blank">&nbsp;</div>').appendTo('.panelslider-container');
	$('<div id="lastpanel" class="panelslider-container-item"><span> </span></div>').appendTo('.panelslider-container');
	
	$('#panel1 a').addClass("cur");
	
	
	
	var panelcount = $('.panelslider-container-item').size();
	
	//alert(itemcount);
	
	if(itemcount > 1)
	{
		//alert("carousel vorhanden");
		var itemwidth = $('.bannerslider-container-item').width() + parseInt($('.bannerslider-container-item').css("margin-right").replace("px", ""));
		var bannersliderwidth = $('#bannerslider').width();
		
		var panelwidth = $('.panelslider-container-item').width() + parseInt($('.panelslider-container-item').css("margin-right").replace("px", ""));
		//alert(panelwidth);
		var panelsliderwidth = $('#panelslider').width();
		var panelcontainerwidth = $('#panelslider').width();
		
		
		//WENN MEHR ITEMS ALS PLATZ
		if(bannersliderwidth < (itemcount * itemwidth))
		{		
			//ZUSÄTZLICHE ITEMS ANHÄNGEN
			visibles = Math.ceil(bannersliderwidth / itemwidth);
			
			//CONTAINER VERBREITERN
			//$('.bannerslider-container').width((itemcount + visibles) * itemwidth );
			
			var bannersliderwidth = itemcount * itemwidth;
			
			$('.bannerslider-container').width(bannersliderwidth);
		}
		
		
		//WENN MEHR PANELS ALS PLATZ
		if(panelcontainerwidth < (panelcount * panelwidth))
		{		
			//CONTAINER VERBREITERN
			var panelcontainerwidth = panelcount * panelwidth;
			
			$('.panelslider-container').width(panelcontainerwidth+900);
		}
			
		
		//BUTTONS ERZEUGEN
		//$('#sliderbox').prepend('<div id="ff">FFF</div>');
		$('#sliderbox').append('<div id="ff">&laquo;</div>');
		$('#sliderbox').append('<div id="rr">&raquo;</div>');
		
		
		//BUTTON FUNKTIONEN
		$("#ff").click(function() {
			clearInterval(fkautoslider);
			act--;			
			scrollbanner(act);
			scrollpanel(act);
			
			console.log("kill intervall");
			
			return false;
		});	
		
		
		$("#rr").click(function() {
			clearInterval(fkautoslider);
			act++;
			scrollbanner(act);
			scrollpanel(act);
			
			console.log("kill intervall");
			
			return false;
		});	
		
		
		//SONDERBUTTONS
		$("#firstpanel").click(function() {
			clearInterval(fkautoslider);
			act--;			
			scrollbanner(act);
			scrollpanel(act);
			
			console.log("kill intervall");
			
			return false;
		});	
		
		
		$("#lastpanel").click(function() {
			clearInterval(fkautoslider);
			act++;
			scrollbanner(act);
			scrollpanel(act);
			
			console.log("kill intervall");
			
			return false;
		});	
		
		
		//PANEL KLICK
		$(".panelslider-container-item a").click(function() {
			
			clearInterval(fkautoslider);
			
			act = $(this).parent().attr("id").replace("panel", "");
			
			pos = act - 1;
			
			scrollbanner(act);
			scrollpanel(act);
			
			console.log("kill intervall");
			
			//ding(pos);
			
			return false;
		});	
		
		var rotatorcount = 1;
		
		//ROTATOR
		var fkrotator = function()
		{	
			act++;		
			scrollbanner(act);
			scrollpanel(act);
			
			
			//KONSOLE LOG
			Heute   = new Date();
		    Stunde  = Heute.getHours();
		    Minute  = Heute.getMinutes();
		    Sekunde = Heute.getSeconds();
			rotatorcount++;
			
			console.log("panel: " + act + " - " + "step: " + rotatorcount + " - " + Stunde + ":" + Minute + ":" + Sekunde);
		};
		
		var fkautoslider = setInterval(fkrotator, delay);
		
		
		//$('#multibanner span').html("itemcount: " + itemcount + "<br>itemwidth: " +  itemwidth + "<br>bannerwidth: " + bannerwidth);
		
		
		
		
		/*
		//WENN MEHR ITEMS ALS PLATZ
		if(bannersliderwidth < (itemcount * itemwidth))
		{		
			//ZUSÄTZLICHE ITEMS ANHÄNGEN
			visibles = Math.ceil(bannersliderwidth / itemwidth);
			
			//CONTAINER VERBREITERN
			//$('.bannerslider-container').width((itemcount + visibles) * itemwidth );
			
			var bannersliderwidth = itemcount * itemwidth;
			
			$('.bannerslider-container').width(bannersliderwidth);
			
			//KOPIEN ANHÄNGEN DAMIT GENUG MATERIAL DA IST
			for (i=1; i<=visibles; i++)
			{
				//$(".banner"+i).clone().appendTo('.bannerslider-container');
			}
							
			//ROTATOR
			var rotator = function()
			{
				if(act > itemcount)
				{
					//$('.carousel-container').css('left', '0px');
					$('#bannerslider').scrollLeft(0);
					act = 1;
					//alert("reset");		
				}
				act++;
				
		  		
		  		$('#bannerslider').animate({
		    			//opacity: 0.25,
		    			scrollLeft: '+='+itemwidth
		    			//height: 'toggle'
		  			}, speed, function() {
		    				//alert("fertig");
		  		});
		  		//$('#multibanner span').html("act " + act); 		
			};
			
			var slider = setInterval(rotator, delay);
		}
		*/
	}	
	

});