/*
 *  
 *  
 *  @author Guido Brauer
 *  
 *  
 */

 
(function(jQuery){
	
	jQuery.fn.makeThumbSlide = function(){	
		return this.each(function(){		
				
			/*
			 * l : 		Gesamtanzahl der li Elemente
			 * w : 		Breite des Div's der die Liste beinhaltet
			 * s : 		Gesamtanzahl - 1
			 * count:	Zähler  
			 */
			obj = jQuery(this);			
			var l = jQuery("li", obj).length;
			var w = obj.width();			
			var s = l-1;
			var count = 0;
			/* 
			 * Die Gesamtbreite der ul ergibt sich aus der Anzahl der Listen-
			 * elemente li
		   	 */ 
			jQuery("ul", obj).css("width", l*w);
			
			jQuery("#prevBt").css('background-image','url(img/prevBt_dis.png)');
		
/* Button action
--------------------------------------------------------------------------------
*/		
			
			jQuery("#nextBt").click(function(){
				
				jQuery("#prevBt").css('background-image','url(img/prevBt.png)');		
				animate("next");				
				if (count >= s) {
					jQuery(this).css('background-image','url(img/nextBT_dis.png)');
					jQuery("#prevBt").css('background-image','url(img/prevBt.png)');
				}
			});
			
			jQuery("#prevBt").click(function(){
		
				jQuery("#nextBt").css('background-image','url(img/nextBt.png)');
				animate("prev");				
				if (count <= 0) {
					jQuery(this).css('background-image','url(img/prevBt_dis.png)');
					jQuery("#nextBt").css('background-image','url(img/nextBt.png)');
				}
			});
			
			
			
/* Thumb action
--------------------------------------------------------------------------------
*/	
							
			jQuery("#thumb1").click(function(){
		
				jQuery("ul", "#slider").animate({ marginLeft: 0 }, 800);
				jQuery("#prevBt").css('background-image','url(img/prevBt_dis.png)');
				jQuery("#nextBt").css('background-image','url(img/nextBt.png)');
				count = 0;				
			});
		
			jQuery("#thumb2").click(function(){
		
				jQuery("ul", "#slider").animate({ marginLeft: -695 }, 800);
				jQuery("#prevBt").css('background-image','url(img/prevBt.png)');
				jQuery("#nextBt").css('background-image','url(img/nextBt.png)');
				count = 1;				
			});	
		
			jQuery("#thumb3").click(function(){
		
				jQuery("ul", "#slider").animate({ marginLeft: -1390 }, 800);
				jQuery("#prevBt").css('background-image','url(img/prevBt.png)');
				jQuery("#nextBt").css('background-image','url(img/nextBt_dis.png)');
				count = 2;				
			});	
/*
--------------------------------------------------------------------------------
*/			
			/*
			 * animate() inkrementiert oder dekrementiert die Variable counter.  
			 * Des Weiteren wird die ul nach links oder nach rechts verschoben
			 */
		
			
			function animate(dir){
							
				if(dir == "next"){ 
					count = (count>=s) ? s : count+1; 
				} 
				else {
					count = (count<=0) ? 0 : count-1;
				};			
				p = (count*w*-1);
				jQuery("ul", "#slider").animate({ marginLeft: p }, 700);				
			};
	
		});	
	}	
})(jQuery);