/*
 * 	Easy Slider - jQuery plugin
 *	written by Alen Grakalic	
 *	http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
 *
 *	Copyright (c) 2009 Alen Grakalic (http://cssglobe.com)
 *	Dual licensed under the MIT (MIT-LICENSE.txt)
 *	and GPL (GPL-LICENSE.txt) licenses.
 *
 *	Built for jQuery library
 *	http://jquery.com
 *
 */
 
/*
 *	markup example for $("#images").easySlider();
 *	
 * 	<div id="images">
 *		<ul>
 *			<li><img src="images/01.jpg" alt="" /></li>
 *			<li><img src="images/02.jpg" alt="" /></li>
 *			<li><img src="images/03.jpg" alt="" /></li>
 *			<li><img src="images/04.jpg" alt="" /></li>
 *			<li><img src="images/05.jpg" alt="" /></li>
 *		</ul>
 *	</div>
 *
 */

(function($) {

	$.fn.easySlider = function(options){
	  
		// default configuration properties
		var defaults = {
			prevId: 		'vigG',
			vigActivated: 	'vigActivated',
			nextId: 		'vigD',	
			speed: 			800			
		}; 
		
		var options = $.extend(defaults, options);  
		
		return this.each(function() {  
			obj = $(this); 
            //nombre images total				
			var s = $("li", obj).length; 
            //largeur d'1 image 
			var w = $("li", obj).width(); 
			 
			var ts = s-3;
			var t = s-3;
			
			$("ul", obj).css('width',s*w);			
			$("li", obj).css('float','right');
            $("ul", obj).css('margin-left',-ts*w);    
           
                   
            $("img:not(."+options.vigActivated+")", obj).fadeTo("slow", 0.5); 
            
            
           
           $("img", obj).click(function(){  
                 var url=$(this).attr("name");
                 var url_vignette=$(this).attr("src");
                 var titre=$(this).attr("alt");  
                 
                 url_vignette="uploads/"+url_vignette.substr(11, url_vignette.length);
                 
                 
                  $("a","#fenetre").attr("href",url);
                  $("img","#vigCampagne").attr("src",url_vignette).attr("alt",titre);
                  
                  $("."+options.vigActivated).fadeTo("slow", 0.5); 
                  $("."+options.vigActivated).removeClass(options.vigActivated);
                  $(this).fadeTo("slow", 1); 
                  $(this).addClass(options.vigActivated); 
                   
                  
              
            }  );
                  
              $("img", obj).hover(function(){    
                   $(this).fadeTo("slow", 1); 
                   },function(){ 
                     if($(this).hasClass(options.vigActivated)==false){    
                   $(this).fadeTo("slow", 0.5); 
               }
              } );
                 
            
		
             $("a","."+options.nextId).hide();   
              $("a","."+options.prevId).hide();   
            $("a","."+options.nextId).css('background-image','url(/uploads/flecheD.png)');
            $("a","."+options.prevId).css('background-image','url(/uploads/flecheG.png)');  
			
            
            $("a","."+options.nextId).click(function(){		
				animate("next");
				if (t>=ts)
                { 
                $(this).fadeOut();
                
                } 
                 
				$("a","."+options.prevId).fadeIn();
                
			});
		
        	$("a","."+options.prevId).click(function(){		
				animate("prev");
				if (t<=0) {
                 
                $(this).fadeOut();
                
                }
                 

                 
				$("a","."+options.nextId).fadeIn();
			});	
            
			function animate(dir){
          
				if(dir == "next"){
					t = (t>=ts) ? ts : t+1;	
				} else {
					t = (t<=0) ? 0 : t-1;
				};								
				
				p = (t*w*-1); 
				$("ul",obj).animate(
					{ marginLeft: p }, 
					options.speed
				);				
				
			};
			if(ts==t) {
                    
            $("a","."+options.prevId).fadeIn();
           
            
            
            }	
		});
	  
	};

})(jQuery);