/* -----------------------------------------------------------------------------
	NLOC
----------------------------------------------------------------------------- */

// open window
function openWindow( _url, _name, _init ) {
  window.open( _url, _name, _init );
}

// preload and swap images [jQuery ver.]
function initRollOvers() {
	var suffix = "_over";		// suffix for image filename
	var target_class = "ro";	// target class name
	var d_attr = "dsrc";		// attribute for default image source
	var s_attr = "ssrc";		// attribute for swap image source

	// get image objects
	var preLoads = new Array();

	// each target elements
	$("."+target_class).each(function(){
		var src = $(this).attr("src");
		var extension = src.substring(src.lastIndexOf( "." ), src.length );
		var oSrc = src.replace( extension, suffix + extension );

		// set default image and swap image
		$(this).attr( d_attr, src );
		$(this).attr( s_attr, oSrc );

		// preload swap images
		preLoads.push(new Image());
		preLoads[preLoads.length-1].src = oSrc;

		// register eventhandler
		$(this).hover(
			function() {
				$(this).attr( "src", $(this).attr(s_attr));
			},
			function() {
				$(this).attr( "src", $(this).attr(d_attr));
			}
		);
	});
}

// search box
var SEARCH_TXT = "Search Laboratory";
function initSearch(){

	// initial value
	$("#search_txt").css("color", "#999");
	$("#search_txt").attr("value", SEARCH_TXT);

	// focus event
	$("#search_txt").focus( function () {
		if( $(this).attr("value") == SEARCH_TXT ){
			$(this).attr("value", "");
			$(this).css("color", "#333");
		}
	} );

	// blur event
	$("#search_txt").blur( function () {
		if( $(this).attr("value") == "" ){
			$(this).css("color", "#999");
			$(this).attr("value", SEARCH_TXT );
		}
	} );
}

// analyze DOM event
$(document).ready(function(){

	// roll over
	initRollOvers();

	// initialize search box
	initSearch();

	// smooth scroll [use jQuery]
	$("a[href*='#']").easingScroll({
		easing: "easeInOutQuad",
		duration: 400
	});

	// follow sidebar navigation
	$("body[id!='laboratory'][id!='contact'] #sidebar").scrollFollow({
		speed		: 1000,
		offset		: 20,
		easing		: "easeInOutQuad",
		container	: "main"
	});

});