//class which takes button aliding div and container as its main input and slides div as per clicked button(id is generating in this class file


function divSlider(obj)
{
	var instance = this;
	var counter=0;
	temp=0;

	instance.Divcontainer = obj.Divcontainer;
	instance.MovingDiv = obj.MovingDiv;
	instance.DivContent = obj.DivContent; 
	instance.ButtonContainer = obj.ButtonContainer;
	instance.larr = obj.larr;
	instance.rarr = obj.rarr;
	var totalCount = instance.DivContent.length;
	instance.arrowContainer = obj.arrowContainer
	genlist();
	var Button = instance.ButtonContainer.children($('.button'));
	Button.css('cursor','pointer');
	Button.eq(0).css('background','url(/siteimages/templates/slide-active-171111.png) no-repeat');
	var totalButton = Button.length;

	var shiftAmt = instance.Divcontainer.width()-10;
	var inter = setInterval(change,15000);
	
	instance.larr.hide();
	instance.rarr.hide();
	
	
	instance.arrowContainer.hover(showarrow,hidearrow);
	
	function showarrow()
	{
		instance.larr.fadeIn('fast');
	instance.rarr.fadeIn('fast');
		};
	function hidearrow()
	{
			instance.larr.fadeOut('fast');
	instance.rarr.fadeOut('fast');
	
	
		};


	instance.larr.bind('click',function(){
	
						counter--;
						if(counter < 0)
						{
							counter=totalCount-1;
						}
						clearInterval(inter);
						movePlate();
										});
	instance.rarr.bind('click',function(){
	
						counter++;
						if(counter == totalCount)
						{
							counter=0
						}
						clearInterval(inter);
						movePlate();
										});

	Button.bind('click',function(){
								 				
											
										   		var	idd = $(this).attr("id").split("_")[1];
												counter = idd;
												clearInterval(inter);
										   		movePlate();
							   	});
		
		
		
							
	function genlist()
	{
			var i=0;
			var htmlc = "";
			while(i<totalCount)
			{
			htmlc=htmlc+("<div class='button' id='Button_"+i+"'></div>");	
			i++;
			}
			instance.ButtonContainer.html(htmlc);
			
			
	}
	
	//generating id ends here
	
	
	
	
	function change()
	{
		instance.rarr.click();
	}
	
	
	function movePlate()
	{ 
	
	  tshift = counter*shiftAmt*(-1);	
	  instance.MovingDiv.stop().animate({left:tshift},1500);
	  Button.eq(temp).css('background','url(/siteimages/templates/slide-deactive-171111.png) no-repeat');
	  temp=counter;
	  Button.eq(temp).css('background','url(/siteimages/templates/slide-active-171111.png) no-repeat');
	}
	
	
	

}