$(document).ready(function() {
	
	$('#design').galleryView({
		panel_width: 746,//582,//796,582
		panel_height: 600,//424,//300,424
		filmstrip_position: 'top',
		overlay_position: 'top',
		frame_width: 100,		
		frame_height: 100, 
		pause_on_hover: true,
		background_color: '#999999',
		overlay_text_color: 'white',
		caption_text_color: 'white',
		border: 'none',
		nav_theme: 'dark'
	});

	$('#jewelry').galleryView({
		panel_width: 746,//582,//796,582
		panel_height: 600,//424,//300,424
		filmstrip_position: 'top',
		overlay_position: 'top',
		frame_width: 100,		
		frame_height: 100, 
		pause_on_hover: true,
		background_color: '#999999',
		overlay_text_color: 'white',
		caption_text_color: 'white',
		border: 'none',
		nav_theme: 'dark'
	});	
	
	$('#painting').galleryView({
		panel_width: 746,//582,//796,582
		panel_height: 600,//424,//300,424
		filmstrip_position: 'top',
		overlay_position: 'top',
		frame_width: 100,		
		frame_height: 100, 
		pause_on_hover: true,
		background_color: '#999999',
		overlay_text_color: 'white',
		caption_text_color: 'white',
		border: 'none',
		nav_theme: 'dark'
	});	

	$("#jewelry").hide();
	$("#painting").hide();

	//filmstrip_size: 3,
	//overlay_height: 70,
	//overlay_font_size: '1em',

	$("ul#controler").jFlow( {
		slides : "#content",
		controller : ".jFlowControl", // must be class, use . sign
		auto : false, // auto change slide, default true
		width : "750px",//"586px"//"800px",586
		height : "761px"//"600px",//"466px",590
	});
	
	$("#portfolio table.menu td").hover(
		function(){$(this).addClass("hover");},
		function(){$(this).removeClass("hover");}
	);	
	
	$("#portfolio table.menu td").click(
		function(){
			$("#portfolio table.menu td").removeClass("hover2");
			$(this).addClass("hover2");
			$("#portfolio div.galleryview").hide();
			$("#"+$(this).attr("refId")).show();
		}
	);
});