// JavaScript Document
$(document).ready(function(){
	$('.image_thumb li').hover(function() {
		if($(this).hasClass('active')){
			return false;
		}
		else {
			$('.main_image li').hide();																				
			$('.main_image').find('li.'+$(this).attr('class')).show();
			$('.image_thumb li').removeClass("active");
			$(this).addClass("active");
		}
		clearInterval(timer);
	});

	$('.main_image li').hide();
	$('.main_image li.first').show();
	
	function automate() {
		$('.main_image li').hide();
		$('.image_thumb').find('li.active').attr('class');
		if($('.image_thumb li.active').hasClass('third')) {
			$('.image_thumb li').removeClass('active');
			$('.image_thumb').find('li.first').addClass('active');
			//console.log('third');
		}
		else {
			$('.image_thumb').find('li.active').addClass('parent');
			$('.image_thumb li').removeClass('active');
			$('.image_thumb').find('li.parent').next().addClass('active');
			$('.image_thumb li').removeClass('parent');
			//console.log('pass');
		}
		var active_class = $('.image_thumb').find('li.active').attr('class');
		var new_class = active_class.replace(' active', '');
		//console.log(new_class);
		$('.main_image').find('li.'+new_class).show();
	}
	var timer = setInterval(function() { 
		automate(); 
	}, 3000);
});