/*
 KOKI IBUKURO 2008
 */

//-------------------------------
//window on load function
$(function() {
  $(".menu ul").hide();
  $(".tabBottom").hide();
  
  menutype(0);
  setNavEvent();
  lightbox(); 
});

//-------------------------------
function setNavEvent() {	
	$("#nav").hover(
		function(){
			$("#article").stop();
			$("#article").fadeTo("fast", 0.2);
		},
		function(){
			$("#article").stop();
			$("#article").fadeTo("fast", 1.0);
		}
	);
	
	$(".menu").hover(
		function(){
			//$(this).children("ul").stop();
			$(this).children("ul").show();
			$(this).children(".tabBottom").show();
			$(this).children(".tabTop").css( "background-image", "url(/src/css/img/tabAll.png)" );
				
		},
		function(){
			//$(this).children("ul").stop();
			$(this).children("ul").hide();
			$(this).children(".tabBottom").hide();
			$(this).children(".tabTop").css( "background-image", "none");
		}
	);
};

function menutype(index) {
	if(index == 0) {
		$("#nav").show();
		$("#showcase").hide();
	}
	else {
		$("#nav").hide();
		$("#showcase").show();
	}
};

/*
	lightbox functions
*/

function lightbox() {
	/*
		<div id="lightbox_showcase">
			<div id="lightbox_loading"><img src="loading.gif" /></div>
			<div id="lightbox_image"><img src="SELECTED_IMAGE" /></div>
		</div>
		<a href="..." class="lightbox"><img src="thmbnail.jpg" /></a>
	*/
	var loading_url = "/src/css/img/loading.gif";
	$('#lightbox_showcase').append(
		'<div id="lightbox_loading"><img src="'+loading_url+'"/></div><img id="lightbox_image" src=""/>'
	);
	//
	$('#lightbox_loading,#lightbox_image').hide();
	// bind lightbox event
	$('.lightbox').bind('click', function () {
		// #show loading img and set css
		$('#lightbox_loading').show();//.css("margin-top",$('#lightbox_showcase').height()*0.5).css("margin-left" , $('#lightbox_showcase').width()*0.5);
		$('#lightbox_image').hide();
		// get reqested img.
		var req_url = $(this).attr("href");
		var reqImg = new Image();

		// reqImg loaded event
		reqImg.onload = function(){
			$('#lightbox_image').attr('src',req_url);
			//$('#lightbox_loading').css("margin-left", reqImg.width*0.5);
			
			// resize animation.
			lightbox_animate(reqImg.width,reqImg.height);
			//	clear onLoad, IE behaves irratically with animated gifs otherwise
			reqImg.onload=function(){};
		};
		reqImg.src = req_url;
		
		return false;
	});	
};


function lightbox_animate(intImageWidth,intImageHeight) {
	$('#lightbox_showcase').animate({ width: intImageWidth, height: intImageHeight }, "fast" ,function() { lightbox_showImage(); });
};

function lightbox_showImage() {
	$('#lightbox_loading').hide();
	$('#lightbox_image').fadeIn("fast");	
};