var type = 0;
var area = 0;

$(document).ready(function(){
	$("a.goPopup").fancybox({ 
		'frameWidth': 760, 'frameHeight': 420,
		'hideOnContentClick': false,
		'callbackOnClose': function() {
			$("#fancy_content").empty();
		} 
	});
});
	
$(function() {		
	
	// filter button: first
	$( "#buttonF" ).mouseenter(function(){
		$( this ).addClass('hover');
		$( "#filterLe" ).addClass('filterLeHover');
		$( "#divF" ).addClass('divHoverLeft');
	}).mouseout(function(){
		$( this ).removeClass('hover');	
		$( "#filterLe" ).removeClass('filterLeHover');
		$( "#divF" ).removeClass('divHoverLeft');
	});	
	
	// filter button: last
	$( "#buttonL" ).mouseenter(function(){
		$( this ).addClass('hover');
		$( "#filterRe" ).addClass('filterReHover');
		$( "#divL" ).addClass('divHoverRight');
	}).mouseout(function(){
		$( this ).removeClass('hover');	
		$( "#filterRe" ).removeClass('filterReHover');
		$( "#divL" ).removeClass('divHoverRight');
	});	
	
	// filter button: second
	$( "#buttonA" ).mouseenter(function(){
		$( this ).addClass('hover');
		$( "#divF" ).addClass('divHoverRight');
		$( "#divL" ).addClass('divHoverLeft');
	}).mouseout(function(){
		$( this ).removeClass('hover');	
		$( "#divF" ).removeClass('divHoverRight');
		$( "#divL" ).removeClass('divHoverLeft');
	});	
	
	
	// filter button: second
	$( ".activeButtonF #buttonA" ).mouseenter(function(){
		$( this ).addClass('hover');
		$( "#divF" ).addClass('divActiveRight');
		$( "#divL" ).addClass('divHoverLeft');
	}).mouseout(function(){
		$( this ).removeClass('hover');	
		$( "#divF" ).removeClass('divActiveRight');
		$( "#divL" ).removeClass('divHoverLeft');
	});
	
	// filter button: first
	$( ".activeButtonA #buttonF" ).mouseenter(function(){
		$( this ).addClass('hover');
		$( "#divF" ).addClass('divActiveLeft');
	}).mouseout(function(){
		$( this ).removeClass('hover');
		$( "#divF" ).removeClass('divActiveLeft');
	});
	
	// filter button: first
	$( ".activeButtonA #buttonL" ).mouseenter(function(){
		$( this ).addClass('hover');
		$( "#divL" ).addClass('divActiveRight');
	}).mouseout(function(){
		$( this ).removeClass('hover');
		$( "#divL" ).removeClass('divActiveRight');
	});
	
	// filter button: third
	$( ".activeButtonL #buttonA" ).mouseenter(function(){
		$( this ).addClass('hover');
		$( "#divL" ).addClass('divActiveLeft');
	}).mouseout(function(){
		$( this ).removeClass('hover');	
		$( "#divL" ).removeClass('divActiveLeft');
	});	
});