/**
 * @author nono
 */

var posValue = {	'Intro'		: '0px' ,
					'Works'  	: '-112px',
					'Join' 		: '-224px',
					'Fellow' 	: '-338px',
					'News'		: '-450px',
					'Address' 	: '-562px',
					'Links'		: '-676px',
					'Top'  		: '-788px' };

var linkSite = {	'Intro'	 : "http://www.saitama-doken.or.jp/info/index_intro.html" ,
					'Works'  : "http://www.saitama-doken.or.jp/works/index_works.html",
					'Join' 	 : "http://www.saitama-doken.or.jp/join/index_join.html",
					'Fellow' : "http://www.saitama-doken.or.jp/nakama/news.html",
					'News'	 : CMSROOT+"/newsListTab.php",
					'Address': "http://www.saitama-doken.or.jp/list/list.html",
					'Links'	 : "http://www.saitama-doken.or.jp/link/link.html",
					'Top'  	 : HOMEROOT+"/index.html" 		};

var tabSize = {	'Intro'	 : "short" ,
				'Works'  : "short",
				'Join' 	 : "long",
				'Fellow' : "short",
				'News'	 : "short",
				'Address': "long",
				'Links'	 : "short",
				'Top'  	 : "short"	};

var selectValue = " -70px";
var onValue  = " -35px";
var offValue = " 0px";

//=================================================================================================
function loadNaviTab(MODE){
	
	$.each(linkSite, 
		function(index){
			var tabEntry = "<li id='"+index+"'><a id='navi"+index+"' class='"+tabSize[index]+"' href='"+linkSite[index]+"'></a></li>";
			$( "#navigation ul" ).append(tabEntry);
			
			setNaviHandler(index);
			
		}
	);
	
	if( MODE != null){
		fixNaviMode( MODE );
	}
}

//=================================================================================================
function fixNaviMode( MODE ){
	var target = "navi" + MODE;
	
	$( "#"+target ).css("background-position", posValue[MODE]+onValue);
	$( "#"+target ).unbind( 'hover', setNaviHandler( MODE )  );
			
}

//=================================================================================================
function setNaviHandler( INDEX ){
	var target = "navi" + INDEX;

    $("#"+target).hover(
    		function(){
    			NaviIn(INDEX );
    		},
    		function(){
    			NaviOut( INDEX );
    		}
     );
    $("#"+target).mousedown(
    		function(){
    			NaviSelect( INDEX );
    		},
    		function(){
    			NaviOut( INDEX );
    		}
       );
    $("#"+target).blur(
    		function(){
    			NaviOut( INDEX );
    		}
       );
    
}


//=================================================================================================
function NaviOut( INDEX ){
	var target = "navi" + INDEX;
	$("#"+target).css("background-position", posValue[INDEX]+offValue);
}


//=================================================================================================
function NaviIn( INDEX ){
	var target = "navi" + INDEX;
	$("#"+target).css("background-position", posValue[INDEX]+onValue);
	
}

//=================================================================================================
function NaviSelect( INDEX ){
	var target = "navi" + INDEX;
	$("#"+target).css("background-position", posValue[INDEX]+selectValue);
	
}