/** author : Maulik Bavishi   **/
function slider(elemen , showImageNumber )
{	

	/** giving width to the ul slider class according to images in that **/
	var ulWidth = 0;
	var liWidth = 860;    //159 is width of each li. replace it with your li width in this file in all places.
	var totalImage = jQuery(elemen+' li').size();
	
	
	ulWidth = parseInt(liWidth*totalImage);
	
	var nextBtnLeft = showImageNumber*liWidth-41;
	jQuery('.nextSlide').css('left',nextBtnLeft);		//setting left position of next button
	//jQuery('.nextSlide').css('left','819px');
	
	/** giving width to the ul slider class according to images in that **/
	jQuery(elemen).css('left','0');
	jQuery(elemen).css('width',ulWidth);
	
	
	/** for stoping slider two variable **/
	var prevStop = 0;
	var nextStop = totalImage-showImageNumber;
	
	
	jQuery('.nextSlide').live('click', nextClickAction);	//call nextClickAction function on click event in .next
	jQuery('.prevSlide').live('click', prevClickAction);	////call prevClickAction function on click event in .prev
	
	
	if(showImageNumber>=totalImage)
	{
		jQuery('.nextSlide, .prevSlide').css('display','none');
	}

	function nextClickAction() 
	{
		
		if(nextStop > 0)
		{
			var tLeft = jQuery(elemen).css('left');
			//alert('Left :'+ tLeft);	
			tLeft = parseInt(tLeft);
			tLeft = parseInt(tLeft-liWidth);
			//alert(tLeft +':Next Stop:'+nextStop);
			 jQuery('.nextSlide').removeClass('nextSlide');		
			--nextStop; ++prevStop;
			jQuery(elemen).stop().animate( { left :tLeft
			
			
			},500 ,	function() { 
												 jQuery('.newNext').addClass('nextSlide');	
												if(nextStop == 0) { 
													jQuery('.nextSlide').css('display','none');
												} else {
													jQuery('.nextSlide').css('display','block');
												}
												
												if(prevStop == 0) { 
												
												//alert(prevStop + "aa");
													jQuery('.prevSlide').css('display','none');
												} else {
													
													//alert(prevStop);
													jQuery('.prevSlide').css('display','block');
												}
											
										}
				  );
				
		}
	 }
	 
	 function prevClickAction()
	 {
		if(prevStop > 0)
		{
			var tLeft = jQuery(elemen).css('left');
			//alert('Left :'+ tLeft);
			tLeft = parseInt(tLeft);
			tLeft = parseInt(tLeft+liWidth);
		
			jQuery('.prevSlide').removeClass('prevSlide');
			++nextStop; --prevStop;
			jQuery(elemen).stop().animate( { left :tLeft},
										500 ,
										function() { 
										
											 jQuery('.newPrev').addClass('prevSlide');	
											if(prevStop == 0) {
												jQuery('.prevSlide').css('display','none');
											} else {
												jQuery('.prevSlide').css('display','block');
											}
											
											if(nextStop == 0) { 
												jQuery('.nextSlide').css('display','none');
											} else {
												jQuery('.nextSlide').css('display','block');
											}
										} 
							);
						
			}
	 }
}