$(function(){
	var linkLoesungen=produktSliderPanelLink({"link":"#linkLoesungen","panel":"#panelLoesungen"});
	var linkSortimente=produktSliderPanelLink({"link":"#linkSortimente","panel":"#panelSortimente"});
	var linkProdukte=produktSliderPanelLink({"link":"#linkProdukte","panel":"#panelProdukte"});
	
	var scrollerLoesungen=new produktScroller({div:"#panelLoesungen #slideContainer"});
	var scrollerSortiment=new produktScroller({div:"#panelSortimente #slideContainer"});
	var scrollerProdukte=new produktScroller({div:"#panelProdukte #slideContainer"});
	
	scrollerLoesungen.init();	
	scrollerSortiment.init();	
	scrollerProdukte.init();	

});

function produktSliderPanelLink(options){

	var link=$(options.link);
	var panel=$(options.panel);

	link.mouseenter(function(){
		$(this).parent().find("a.produktslider").removeClass("act");
		$(this).addClass("act");
		$(this).parent().find("div.produktslider").hide();
		$(".homeTeaserProdukteText2 span").hide();
		
		panel.show();
		return false;
	});
	
	$(".slideItem").mouseenter(function(){
		var parts=this.id.split("_");
		var id="#copy_text_"+parts[2];
		$(".homeTeaserProdukteText2 span").hide();
		$(id).show();
	});
	
}
function produktScroller(options){
	var div=$(options.div);
	var noOfItems=6;
	var page=1;
	var items;var pages;

	var prevButton=div.parent().find("#slideLeft");
	var nextButton=div.parent().find("#slideRight");

	prevButton.show();
	nextButton.show();	
	
	prevButton.click(function(){
		_showPage(page-1);
		_displayButtons();
		return false;
	});
	
	nextButton.click(function(){
		_showPage(page+1);
		_displayButtons();
		return false;
	});
	
	function _showPage(pageToShow){		
		items.hide();
		page=pageToShow;

		var start=(page-1)*noOfItems;
		if(start<0) start=0;
		
		var end=start+noOfItems-1;
		if(end>=items.length)end=items.length-1;
		
		for(i=start;i<=end;i++){
			items.eq(i).show();	
		}
				
	}
	function _displayButtons(){
	
		if(page<=1){
			prevButton.css("visibility","hidden");
		}else{
			prevButton.css("visibility","visible");
		}
		
		if(page>=pages){
			nextButton.css("visibility","hidden");
		}else{
			nextButton.css("visibility","visible");
		}
		

	}
	function _reset(){
		page=1;

		items=div.find(".slideItem");
		pages=Math.ceil(items.length/noOfItems);
		_showPage(1);
		_displayButtons();		
	}
	
	
	
	
	this.showPage=function(pageToShow){
		_showPage(pageToShow);
	}
	this.displayButtons=function(){
		_displayButtons();
	}	
	this.reset=function(){
		_reset();
	}
	this.init=function(){
		_reset();
	}
}