/*--------------------------------------------------

           content slider1
----------------------------------------------------*/

  	$(function() {
        
		//vars
		var conveyor = $(".content-conveyor", $(".sliderContent")),
		item = $(".item", $(".sliderContent"));
		
		//set length of conveyor
		conveyor.css("width", item.length * parseInt(item.css("width")));
				
        //config
        var sliderOpts = {
		  max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer", $(".sliderContent")).css("width")),
          slide: function(e, ui) { 
            conveyor.css("left", "-" + ui.value + "px");
          }
        };

        //create slider
        $(".slider").slider(sliderOpts);
    });
	
	/*--------------------------------------------------

           content slider1
		   
----------------------------------------------------*/
  
  	$(function() {
        
		//vars
		var conveyor = $(".content-conveyor1", $(".sliderContent1")),
		item = $(".item1", $(".sliderContent1"));
		
		//set length of conveyor
		conveyor.css("width", item.length * parseInt(item.css("width")));
				
        //config
        var sliderOpts = {
		  max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer1", $(".sliderContent1")).css("width")),
          slide: function(e, ui) { 
            conveyor.css("left", "-" + ui.value + "px");
          }
        };

        //create slider
        $(".slider1").slider(sliderOpts);
    });
  
	/*	Second Slider Code END	*/	
		
  
  	 /*--------------------------------------------------

           content slider2
		   
----------------------------------------------------*/
  
  	$(function() {
        
		//vars
		var conveyor = $(".content-conveyor2", $(".sliderContent2")),
		item = $(".item2", $(".sliderContent2"));
		
		//set length of conveyor
		conveyor.css("width", item.length * parseInt(item.css("width")));
				
        //config
        var sliderOpts = {
		  max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer2", $(".sliderContent2")).css("width")),
          slide: function(e, ui) { 
            conveyor.css("left", "-" + ui.value + "px");
          }
        };

        //create slider
        $(".slider2").slider(sliderOpts);
    });
  
	/*	Second Slider Code END	*/
	
	
  	 /*--------------------------------------------------

           content slider3
		   
----------------------------------------------------*/
  
  
  	$(function() {
        
		//vars
		var conveyor = $(".content-conveyor3", $(".sliderContent3")),
		item = $(".item3", $(".sliderContent3"));
		
		//set length of conveyor
		conveyor.css("width", item.length * parseInt(item.css("width")));
				
        //config
        var sliderOpts = {
		  max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer3", $(".sliderContent3")).css("width")),
          slide: function(e, ui) { 
            conveyor.css("left", "-" + ui.value + "px");
          }
        };

        //create slider
        $(".slider3").slider(sliderOpts);
    });
  
	/*	Third Slider Code END	*/
	
	
  	 /*--------------------------------------------------

           content slider4
		   
----------------------------------------------------*/
  
  
  	$(function() {
        
		//vars
		var conveyor = $(".content-conveyor4", $(".sliderContent4")),
		item = $(".item4", $(".sliderContent4"));
		
		//set length of conveyor
		conveyor.css("width", item.length * parseInt(item.css("width")));
				
        //config
        var sliderOpts = {
		  max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer4", $(".sliderContent4")).css("width")),
          slide: function(e, ui) { 
            conveyor.css("left", "-" + ui.value + "px");
          }
        };

        //create slider
        $(".slider4").slider(sliderOpts);
    });
  
	/*	Fourth Slider Code END	*/
	

  
  /*--------------------------------------------------

        Sliding  Banner
----------------------------------------------------*/

	$(function(){
		$('#brandlider').loopedSlider({
			/*autoHeight: 500*/
		});
	});