jQuery.fn.sliderProduct = function(options) {
	var settings = jQuery.extend({
	 transparancy: 0.5,
	 intervalTime: 2000,
	 element: $(this), 
	 activeelement: -1, 
	 interval: false
   }, options);
	
	
	settings.element.find("#slider_image li").each(function(i) {
		$(this).css('zIndex',i);
	});
	
	settings.element.find("#slider_nav li").each(function() {
		$(this).find(".bg").fadeTo(0, settings.transparancy);
		$(this).find(".bg").css('height',$(this).find("a").height()+'px');
		$(this).find("span").css('paddingTop',(($(this).height()-$(this).find("span").height())/2)+'px');
		$(this).hover(
			function(){
				clearInterval(settings.interval);
				showSlide($(this).parent().find("li").index(this));
			},function(){
				startSlides()
			}
		);
	});
	
	function startSlides(){
		settings.interval = setInterval(nextSlide,settings.intervalTime);
	}
	
	function nextSlide(){
		newnr = settings.activeelement + 1;
		if(newnr >= settings.element.find("#slider_nav li").children().length){
			newnr = 0;
		}
		showSlide(newnr);
	}
	
	function highestZ(){
		var highest = 0;
		settings.element.find("#slider_image li").each(function(i) {
			if(parseInt($(this).css('zIndex')) > highest){
				highest = parseInt($(this).css('zIndex'));
			}
		});
		return highest;
	}
	function showSlide(nr){
		if(nr != settings.activeelement){
			settings.element.find("#slider_nav li .bg").stop(true,true)
			settings.element.find("#slider_nav li  > span").stop(true,true)
			
			settings.element.find("#slider_nav li:eq("+nr+") .bg").fadeTo(300, 1);
			settings.element.find("#slider_nav li:eq("+nr+") > span").animate({"margin-left": "10px","margin-right": "0px"}, 300, "easeOutQuart", false);
			
			
			var imageElement = settings.element.find("#slider_image li:eq("+nr+")");
			imageElement.css('zIndex',highestZ()+1)
			imageElement.css('left','0%');
//			imageElement.fadeTo(100, 0);
//			imageElement.fadeTo(1000, 1);
			imageElement.find(".hider").fadeTo(0, 1);
			imageElement.find(".hider").fadeTo(500, 0);
			imageElement.find("h1").css({'right':'-30%','width':'95%'})
			imageElement.find("h1").stop().animate({"right": "5%"}, 2500, "easeOutQuart", false);
			if(settings.activeelement >= 0){
				hideSlide(settings.activeelement);
			}
			settings.activeelement = nr;
		}
	}
	
	function hideSlide(nr){
		settings.element.find("#slider_nav li:eq("+nr+") span").stop().animate({"margin-left": "0px","margin-right": "10px"}, 200, "easeOutQuart", false);
		settings.element.find("#slider_nav li:eq("+nr+") .bg").stop().fadeTo(300, settings.transparancy);	
		var imageElement = settings.element.find("#slider_image li:eq("+nr+")");
		imageElement.find("h1 span").stop().fadeTo(500,0);
	//	imageElement.fadeTo(500, 0);
		imageElement.find(".hider").fadeTo(500, 1);
		//imageElement.stop().animate({"left": "-100%"}, 500, false, false);
	}
	
	showSlide(0);
	startSlides();
}
