/**
 * @author nono
 */
var posValueX = {	'Top'		: '0px' ,
					'About'  	: '0px',
					'Special' 		: '0px',
					'News' 	: '0px',
					'Download'		: '0px',
					'Links' 	: '0px',
					'Info'		: '0px'};

var posValueY = {	'Top'		: '0px' ,
					'About'  	: '-31px',
					'Special' 		: '-62px',
					'News' 	: '-93px',
					'Download'		: '-124px',
					'Links' 	: '-155px',
					'Info'		: '-186px'};

var linkSite = {	'Top'	 : CMSROOTURL+"/index.html" ,
					'About'  : STATICROOTURL+"/appeal.php",
					'Special': STATICROOTURL+"/specialIssues.php",
					'News' 	 : CMSROOTURL+"/newsListTab.php",
					'Download': STATICROOTURL+"/download.php",
					'Links'   : STATICROOTURL+"/link.php",
					'Info'	  : CMSROOTURL+"/announcement.php"};

var tabSize = {
				'Top'	 : "same" ,
				'About'  : "same",
				'Special': "same",
				'News' 	 : "same",
				'Download': "same",
				'Links'   : "same",
				'Info'	  : "same"};

//�E�ω��E��E��E��E�ʂ��E��E�
var selectValueX = "-371px";
var onValueX  = "-186px";
var offValueX = "0px";
var selectValueY = "0px";
var onValueY  = "0px";
var offValueY = "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",onValueX+" "+posValueY[MODE]);
	$( "#"+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 );
    		}
       );

}

//�E�ω��E��E��E��E�{�E�^�E��E��E��E�posValue�E�`�E�Ƃ��E��E�.css("background-position",x y);
//=================================================================================================
function NaviOut( INDEX ){
	var target = "navi" + INDEX;

	$("#"+target).css("background-position",offValueX+" "+posValueY[INDEX]);
}


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

	$("#"+target).css("background-position",onValueX+" "+posValueY[INDEX]);

}

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

	$("#"+target).css("background-position",selectValueX+" "+posValueY[INDEX]);

}