﻿
var zu =0;
	var imgwidth=1500;
	var settm = 50;
	var flag=0;
	
function menu_view(){
	var url="menu.json";
	var myAjax = new Ajax.Request(url, { method: 'get', onComplete: showResponse});
}
function showResponse(res){
	var jsondata;

	var menu_text ="<ul>";
	eval("jsondata=["+res.responseText+"];");
	for(i=0;i< jsondata.length ;i++){
		if(i== (jsondata.length-1)){bgxps=423-jsondata[i].xps;}else{bgxps=jsondata[(i+1)].xps-jsondata[i].xps;}
		menu_text+="<li id='mm_"+jsondata[i].menu+"' style='width:"+bgxps+"px;background-position:-"+jsondata[i].xps+"px 0px;' onclick=\"location.href='"+jsondata[i].link+"'\" onmouseover=\"Element.setStyle(this,{'backgroundPosition':'-"+jsondata[i].xps+"px -23px'});\" onmouseout=\"Element.setStyle(this,{'backgroundPosition':'-"+jsondata[i].xps+"px 0px'});\"><a href='"+jsondata[i].link+"'>"+jsondata[i].menu+"</a></li>";
	}
	menu_text+="</ul>";
	$('main_menu').innerHTML = menu_text ;

}


function zurashi(){

	if( zu == 0 && flag==1){flag=0;}
	if(ov == zu && flag==0){flag=1;}
		if(flag==0){zu++;}else{zu--;}
		Element.setStyle($('scrn'),{backgroundPosition:'-'+zu+'px'});
}

window.onload = function(){
	menu_view();

	var Swd=Element.getStyle("scrn","width");
	Swdpx=Swd.replace("px","");
	ov =imgwidth - Swdpx;
	timeID = setInterval("zurashi()",settm);
}



