// JavaScript Document
$(document).ready(function(){

	$("div#slide-1").css('opacity',1);
	$("div.main_slide:not(#slide-1)").css('opacity',0);
	
	$("div#thumbnail-1").css('opacity',1);
	$("div.thumb_slide:not(#thumbnail-1)").css('opacity',0.5);
	
	$("div.thumb_slide").mouseover(function(){
		if($(this).css('opacity') == 1){
		
		} else {
			$(this).stop().animate({ opacity: 1 }, { queue:false, duration:300 } );
		}
	}).mouseout(function(){
		id_arr=this.id.split('-');
		if($("div#slide-"+id_arr[1]).css('opacity') >= 0.1){
		
		} else {
			$(this).stop().animate({ opacity: 0.5 }, { queue:false, duration:300 } );
		}
	}).click(function(){
		id_arr=this.id.split('-');	
		if($("div#slide-"+id_arr[1]).css('opacity') == 1){
		
		} else {
			$("div#slide-"+id_arr[1]).animate({ opacity: 1 }, { queue:false, duration:300 } ).show();
			$("div.main_slide:not(#slide-"+id_arr[1]+")").animate({ opacity: 0 }, { queue:false, duration:0 } ).hide();
			
			$("div#thumbnail-"+id_arr[1]).animate({ opacity: 1 }, { queue:false, duration:300 } );
			$("div.thumb_slide:not(#thumbnail-"+id_arr[1]+")").animate({ opacity: 0.5 }, { queue:false, duration:0 } );
		}
	
	});

});