$(function() {
	// navi

	var navi_timer;
	$('#globalNavi > li').each (function(i){
		if($('ul', this).size() > 0){
			$('img', this).mouseover( function(){
				subNaviShow($(this), (i));
			});
			$('ul', this).css('background-position', (-2 + i * 158) + 'px 0');
		}else {
			$('img', this).hover(
				function () {
					$(this).css('opacity', 0.6);
				},
				function () {
					$(this).css('opacity', 1);
				}
			);
		}
	});
	$('#globalNavi').hover(
		function () {
			clearTimeout(navi_timer);
		},
		function () {
			navi_timer = setTimeout( function(){
				subNaviHide(100);
			}, 2000);
		}
	);


	function subNaviShow(navi, num, ff) {
		subNaviHide(num);

		navi.css('opacity', 0.6);
		var ele = $('#globalNavi ul:eq(' + num + ')');
		if(ele.queue().length <= 1) ele.slideDown(ff ? 0 : 300);
	}

	function subNaviHide(num) {
		$('#globalNavi img').css('opacity', 1);
		var ele = $('#globalNavi ul').not($('#globalNavi ul:eq(' + num + ')')).not(':hidden');
		ele.slideUp(200);
	}



	// worksList
	var thumbs_size = 6;

	if($("#worksList li").size() < thumbs_size + 1) {
		$("#worksList p").remove();
	}
	$("#worksList li").hover(
		function () {
			$(this).css('opacity', 0.8);
		},
		function () {
			$(this).css('opacity', 1);
		}
	);
	$("#worksList div").scrollable({
		size: thumbs_size,
		speed: 700,
		clickable: false,
		onSeek: function() {
			$("#worksList p").each( function(){
				if($(this).hasClass("disabled")) {
					$(this).css('opacity', 0.5).hover(
						function () {
							$(this).css('opacity', 0.5);
						},
						function () {
							$(this).css('opacity', 0.5);
						}
					);
				}else {
					$(this).css('opacity', 1).hover(
						function () {
							$(this).css('opacity', 0.7);
						},
						function () {
							$(this).css('opacity', 1);
						}
					);
				}
			});
		}
	})
	$("#worksList p").each( function(){
		if($(this).hasClass("disabled")) {
			$(this).css('opacity', 0.5).hover(
				function () {
					$(this).css('opacity', 0.5);
				},
				function () {
					$(this).css('opacity', 0.5);
				}
			);
		}else {
			$(this).css('opacity', 1).hover(
				function () {
					$(this).css('opacity', 0.7);
				},
				function () {
					$(this).css('opacity', 1);
				}
			);
		}
	});

});

var flashvars = {};
var params = {
menu:'false'
};
var attributes = {};
swfobject.embedSWF("images/main.swf", "mainImage", "100%", "630", "8.0.0","", flashvars, params, attributes);