$(document).ready(function(){
$('#big-pics li:first-child img').addClass('active');
$('#small-pics li:first-child img').addClass('active');						   
$('#big-pics li:first-child img').css('opacity','1');
$('#small-pics li:first-child img').css('opacity','1');
	 
	 $('#small-pics img').click(function(){		
		$('#small-pics img').removeClass('active');
		$(this).addClass('active');
		number = $('#small-pics .active').parent().prevAll().size();
		$('#big-pics li img').removeClass('active');
		$('#big-pics li:eq('+number+') img').addClass('active');
		
		$.scrollTo.defaults.axis = 'x';
		$('.pane-target').stop().scrollTo('li:eq('+number+')', 800 );
		$('#small-pics img:not(.active),#big-pics img:not(.active)').animate({ 
	        opacity: 0.3
	      }, 0 );
		$('.active').animate({ 
	        opacity: 1
	      }, 0 );
	 });
	 
	 $('#big-pics img').click(function(){		
		if ($(this).hasClass("active")) {
			//$(this).parent().lightBox();
		}
		else { 
		$('#big-pics img').removeClass('active');
		$(this).addClass('active');
		number = $('#big-pics .active').parent().parent().prevAll().size();
		$('#small-pics li img').removeClass('active');
		$('#small-pics li:eq('+number+') img').addClass('active');
		
		$.scrollTo.defaults.axis = 'x';
		$('.pane-target').stop().scrollTo('li:eq('+number+')', 800 );
		$('#small-pics img:not(.active),#big-pics img:not(.active)').animate({ 
	        opacity: 0.3
	      }, 0 );
		$('.active').animate({ 
	        opacity: 1
	      }, 0 );
		}
	 });

$('#small-pics img, #big-pics img').hover(function(){
		if ($(this).hasClass("active")) {}
		else { 
		$(this).animate({ 
	        opacity: 0.7
	      }, 0 );
		}
		$(this).hover(function(){
			},function(){
			
			});
			}, 
		function () {
			if ($(this).hasClass("active")) {}
		else { 
		$(this).animate({ 
	        opacity: 0.3
	      }, 0 );
		}
		
	});



$('.one-index').each(function(){
	pic_width = $('img',this).width();
	$(this).css('width',pic_width).css('visibility','visible').css('height','320px');
});

$('#feedback').click(function(){
	$('#feedback-bg').slideToggle();
	$('#feedback img').toggle();
							  
});





$('#top_menu li,#sub_menu li').each(function(){
	$(this).hover(function(){
		$('img.act',this).css('display','block');	
		$('img:last-child',this).css('display','none');	
	}, 
	function () {
		$('img.act',this).css('display','none');	
		$('img:last-child',this).css('display','block');	
	});
	
});





});