$(document).ready(function(){
						   
	$("div.in").hover(function() {
		$("div.submenubottom", this).css("display","block");
	}, function() {
		$("div.submenubottom", this).css("display","none");
	});

						   
	var stageWidth = $('.img-stage').width();
	var totalLi = $('.img-mask img').size();
	var limitLi = totalLi - 1;
	var newWidth = stageWidth * totalLi;
	$active = $('.img-mask img:first').addClass('active');
	//alert(limitLi);
	
	populate = function() {
		
	if(limitLi > 10) {
		
		for(var i = 1; i<totalLi+1; i++ ) {
			
			if(i < 8) {
				//$('ul.navi-btn').append('<li><a href="#" class="clicker">'+i+'</a></li>');
				$('ul.navi-btn').append('<li><a href="#" class="clicker">&nbsp;</a></li>');
				
			} else {
				$('ul.navi-btn').append('<li><a href="#" class="clicker2">Next</a></li>'); 
				return;
			}
			
			$('.navi-btn a:first').addClass('active');
			
		};
	
	} else {
		
		for(var j = 1; j<totalLi+1; j++ ) {
			
				//$('ul.navi-btn').append('<li><a href="#" class="clicker">'+j+'</a></li>');
				$('ul.navi-btn').append('<li><a href="#" class="clicker">&nbsp;&nbsp;&nbsp;</a></li>');
				
		}
		
		$('.navi-btn a:first').addClass('active');
	}
	
	};
	
	populate();
	
	$('.img-mask').css('width' , newWidth);
	var postImg = 1;
		
	fader = function () {
		
	$('.img-mask').hide();
	
	$('ul.navi-btn a.active').removeClass();
	
	var moveImg = postImg * stageWidth;
	
	$('.img-mask').css('left', -moveImg);
	
	$('.img-mask').fadeIn(800);
	
	$('ul.navi-btn a').eq(postImg).addClass('active');
	
	};
		
	move = function() {
		//alert(postImg);
	$('.navi-btn a.active').removeClass('active');
	
	var moveImg = postImg * stageWidth;
	
	$('.img-mask').animate({left: -moveImg}, 1000 );
	
	$('.navi-btn a').eq(postImg).addClass('active');
	
	//alert((-1)*moveImg); 
	
	};
	
	rotate = function(post){
		
	//alert('postImg '+postImg+', post '+post);
	
	if(post <= limitLi && post > 0) { 
	
		//alert('con 1');
		postImg = post;
		
	} 
	//else if (postImg > limitLi) {
		
		//postImg = 0;
		
	//}
	//else {
	
		if(postImg <= limitLi) {
			
		move();
		
		//fader();
		
		postImg++;
		//alert(postImg);
		$active = $('.img-mask img.active').next().addClass('active');
		
		$active.prev().removeClass('active');
		
		} else if(postImg > limitLi) {
		postImg = 0;
		move();
		
		//fader();
		
		$('.img-mask img').eq(postImg).removeClass('active');
			
		//postImg = 0;
		
		$active = $('.img-mask img').eq(0).addClass('active');
		
		}

	//}

	};
	
	rotateSwitch = setInterval(rotate, 5000);
	
	$('a.clicker').click(function() {
								  //alert($(this).parent().index());
								  rotate($(this).parent().index());
								  
								  clearInterval(rotateSwitch);
								  
								  rotateSwitch = setInterval(rotate, 10000);
								  
								  });
	//var next = 7;
	$('a.clicker2').click(function() {
								   			   
								  rotate(postImg);
								  
								  clearInterval(rotateSwitch);
								  
								  rotateSwitch = setInterval(rotate, 10000);
								  
								  });
	
	$('a.left').click(function() {
							   
							   	  postImg = $(this).parent().index() - 2;
							   	  if(postImg < 0) postImg = 0;
								  
								  rotate(postImg);
								  
								  clearInterval(rotateSwitch);
								  
								  rotateSwitch = setInterval(rotate, 10000);
								  
								  });
	//var next = 7;
	$('a.right').click(function() {
								  //alert(postImg);
								  rotate(postImg++);
								  
								  clearInterval(rotateSwitch);
								  
								  rotateSwitch = setInterval(rotate, 10000);
								  
								  });
	
});