$(document).ready(function(){

/*selectors*/
var Gallery = $('.model li');
	
var list = $('.sam li a');
var listImage = $('.sam li a img');
	$('.sam li#sam01 a').addClass('on');
	$('.sam li#sam01 a').fadeTo(800,0);


$('.sam li a img').each(function() {
	var offimgSrc = $(this).attr("src");
	var onimgSrc = offimgSrc.split(".")[0]+"_over."+offimgSrc.split(".")[1];
	$(this).parent().parent().css("background", "url("+onimgSrc+") 0 0 no-repeat");
});



/*effect*/
	listImage.hover(function() {$(this).fadeTo(100,0);}
	,function() {$(this).fadeTo(100,1);});	
	list.click(function () {
						 
		clearInterval(tID);
		flg=this.hash.split("l")[1];
		flg-=0;
		timeCheck(num=flg);
		if (this.className.indexOf('on') == -1){
			Gallery.fadeOut(300);
			Gallery.filter(this.hash).fadeIn(300);
			list.fadeTo(150,1);
			list.removeClass('on');
			$(this).fadeTo(1,0);	
			$(this).addClass('on');
			
		}
		return false;
	});
	
	
	
	
});



$(window).load(function(){
		$('.model li#model1').fadeIn(800);
		timeCheck(num=1);	
});

function timeCheck(){	
	/*selectors*/
	var Gallery = $('.model li');
	var list = $('.sam li a');
	var listImage = $('.sam li a img');
	var hash="#model";
	var hash2="#sam0";
	var INTERVAL = 5500;
	
	tID=setInterval(function(){
		if(num<5){
			num=num+1;
		}else{
			num=1;
		}
		Gallery.fadeOut(400);
		Gallery.filter(hash+num).fadeIn(400);
		list.fadeTo(100,1);
		list.removeClass('on');
		list.parent().filter(hash2+num).find("a").fadeTo(150,0);			
		list.parent().filter(hash2+num).find("a").addClass('on');	
	},INTERVAL);
}