/* =====================================================================
*
*    navigation.js
*
* =================================================================== */

var navigation = function()
{
	var targets;
	
	var init = function()
	{
		$(document).ready(function(){
			//jQuery.event.add(window, "load", function(){});
			$(window).load(function(){
				_ready();
			});
		});
	}();
	
	function _ready()
	{
		targets = 
		{
			'NaviSeyaButton': {button:$('#NaviSeyaButton'), pulldown:$('#NaviSeyaPulldown'), height:0, shiftX:0},
			'NaviEstateButton': {button:$('#NaviEstateButton'), pulldown:$('#NaviEstatePulldown'), height:0, shiftX:0},
			'NaviOwnersButton': {button:$('#NaviOwnersButton'), pulldown:$('#NaviOwnersPulldown'), height:0, shiftX:0},
			'NaviNewsButton': {button:$('#NaviNewsButton'), pulldown:$('#NaviNewsPulldown'), height:0, shiftX:-16}
		};

		for (var i in targets) 
		{
			var t = targets[i];
			var b = t.button;
			var p = t.pulldown;
			t.height = p.height();
			b.hover(_overHandler, _outHandler);
			p.css('height', '0');
			p.css('opacity', '0');
		}
	}
	
	function _overHandler(event)
	{
		var key = event.currentTarget;
		var t = targets[key.id];
		var b = t.button;
		var p = t.pulldown;
		p.css('top', b.position().top + b.height());
		p.css('left', b.position().left + t.shiftX);
		p.css('display', 'block');
		
		p.stop();
		p.animate({height: t.height, opacity: 1}, 400, 'easeInOutQuint');
	}
	
	function _outHandler(event)
	{
		var key = event.currentTarget;
		var t = targets[key.id];
		var p = t.pulldown;
		p.stop();
		p.animate({height: 0, opacity: 0}, 800, 'easeInOutQuint');
	}
	
	return{
		
	}
}();