var j = 1;

setInterval("autoSlide()", 4000);

function autoSlide () {
  $('.navR').click();
}

jQuery.fn.slideView = function() {
	return this.each(function(){
		var container = jQuery(this);
		var distance = 0;
		var width = jQuery(this).find(".panel").css('width').substr(0,3);
		var current = 0;
		var last = 0;
		container.removeClass("slider").addClass("mySlider");	
		container.each(function(i) {
			var i = 0;
			jQuery(this).find(".panel").each(function(n) {
					$(this).attr('rel','panel' + i);
					i++;										
			});		
			
		
			last = (i-1);
			jQuery(this).find(".holder").bind("click", function(){
				container.find(".navR").click();	
			});
			
			$('[rel="panel0"]').addClass('current');	
			container.find(".navR").bind("click", function(){

        current = container.find('.current').attr('rel').substr(5,1);
				current++;
				if( container.find('[rel="panel' + current + '"]').length  > 0) {	
					container.find('.holder').stop().animate({
						marginLeft: -(width*current)
					},500); 
					container.find('.current').removeClass('current');
					container.find('[rel="panel' + current + '"]').addClass('current');		
				} else {					
					container.find('.holder').stop().animate({
						marginLeft: 0
					},500); 
					container.find('.current').removeClass('current');
					container.find('[rel="panel0"]').addClass('current');		
				}																				
			});	

			jQuery(this).find(".navL").bind("click", function(){
				current = container.find('.current').attr('rel').substr(5,1);
				current--;
				if( container.find('[rel="panel' + current + '"]').length  > 0) {	
					container.find('.holder').stop().animate({
						marginLeft: -(width*current)
					},500); 	
					container.find('.current').removeClass('current');
					container.find('[rel="panel' + current + '"]').addClass('current');	
				} else {
					container.find('.holder').stop().animate({
						marginLeft: -(width*last)
					},500); 
					container.find('.current').removeClass('current');
					container.find('[rel="panel' + last + '"]').addClass('current');
				}
																										
			});																				
			
			});
		j++;
  });	
};

$(window).bind("load", function() { 
    $("div.slider").slideView();
});