function ajaxRead(file,i){
	document.getElementById ('dataArea').innerHTML = 'please wait ...';
	var xmlObj = null;
	if(window.XMLHttpRequest){
		xmlObj = new XMLHttpRequest();
	} else if(window.ActiveXObject){
		xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		return;
	}
	
	xmlObj.onreadystatechange = function(){
		if(xmlObj.readyState == 4){
			if(i=="dr"){processXML_dr(xmlObj.responseXML);}
			if(i=="menus"){processXML_menus(xmlObj.responseXML);}
		}
	}
	if(i=="dr"){files = '../datas/data1.php?type='+file+'&tmp='+Math.random();}
	if(i=="menus"){files = '../datas/data2.php?drCode='+file+'&tmp='+Math.random();}
	
	xmlObj.open ('GET', files, true);
	xmlObj.send ('');
}

function processXML_dr(obj){
	
	var dataArray = obj.getElementsByTagName('diningclass');
	var dataArrayLen = dataArray.length;
	var insertData = '<table>';
	for (var i=0; i<dataArrayLen; i++){
		if(dataArray[i].tagName){
			insertData += '<tr><td colspan="3" style="background:#E7E8E9;font-weight:bold;color:#876">' + dataArray[i].getAttribute('cleName') + '</td></tr>';
			//DiningRoom loop begin
			insertData += '<tr>';
			var xrow = 3;
			var x = 0;
			var subArray = dataArray[i].getElementsByTagName('diningroom');
			var subArrayLen = subArray.length;
			for (var j=0; j<subArrayLen; j++){
				drName = subArray[j].getAttribute('dreName');
				drName = drName.replace(/amp;/g,'');
				insertData += '<td width="33%" style="background:url(../images/arrow.gif) top left no-repeat; padding-left:20px;" onMouseOver="style.backgroundColor=\'#F3F3F3\';" onMouseOut="style.backgroundColor=\'\';">';
				insertData += "<a href=\"displaymenu.php?drCode="+subArray[j].getAttribute('drCode')+"\">"+ drName +"</a>";
				if(subArray[j].getAttribute('drState')==1){insertData +=' <a href="" title="New restaurant" class="note_orange">New</a>';}
				if(subArray[j].getAttribute('drState')==2){insertData +=' <a href="" title="Updated menu" class="note_green">Updated</a>';}
				if(subArray[j].getAttribute('drState')==3){insertData +=' <a href="" title="Temporarily closed" class="note_purple">Closed</a>';}
				insertData += '</td>';
				x++;
				if(x >= xrow){insertData += '</tr><tr>'; x = 0;}
			}
			var xless = xrow-x;
			if(xless < xrow){insertData += '<td colspan="'+ xless +'"></td>';}
			insertData += '</tr>';
			//DiningRoom loop end
		}
	}
	insertData += '</table>';

    document.getElementById ('dataArea').innerHTML = insertData;
}

function processXML_menus(obj){

	// diningroom info
	var insertData = '';
	var drArray = obj.getElementsByTagName('diningroom');
	var drArrayLen = drArray.length;
	for (var i=0; i<drArrayLen; i++){
		drName = drArray[i].getAttribute('dreName');
		drName = drName.replace(/amp;/g,'');
		insertData += '<table style="border:none;"><tr><td style="border:none; width:150px;">';
		insertData += '<img alt="' + drName + '" src="../' + drArray[i].getAttribute('drlogo') + '" />';
		insertData += '</td><td style="border:none;">';
		insertData += '<h1>'+ drName +'</h1><hr />';
		insertData += 'Minimum Order: '+ drArray[i].getAttribute('drMinService') +'<br />';
		insertData += '[ <a href="downloadmenu.php?drCode='+drArray[i].getAttribute('drcode')+'">Download Menu</a> ]';
		if(drArray[i].getAttribute('dreSummary')){
			insertData += '<div style="margin:5px 0px; padding:5px; background:#FFC; text-align:justify;">'+ drArray[i].getAttribute('dreSummary') +'</div>';
		}
		insertData += '</td></tr></table>';
		//insertData += '<div id="openhours">Business hours are <strong>'+ drArray[i].getAttribute('openhours') +'</strong></div>';
	}
	
	insertData += '<div id="notes">&nbsp;';
	//insertData += 'If you encounter a difficult-to-understand item on the menu, simply move the mouse over the title to view an explanation of its content.';
	insertData += '</div>';
	
	// menu info
	insertData += '<table>';
	var dataArray = obj.getElementsByTagName('favors');
	var dataArrayLen = dataArray.length;
	var subAry, subAryLen;
	for (var i=0; i<dataArrayLen; i++){
		
		insertData += '<tr><th colspan="5">' + dataArray[i].getAttribute('favoreName') + '</th></tr>';
		subAry = dataArray[i].getElementsByTagName('menu');
		if(subAry.length > 0){
			
			subAryLen = subAry.length;
			for(var j=0; j<subAryLen; j++){
				
				insertData += '<tr onMouseOver="style.backgroundColor=\'#F3F3F3\';" onMouseOut="style.backgroundColor=\'\';">';
				insertData += '<td style="width:35px; text-align:center;">'+subAry[j].getAttribute('mCode')+'</td>';
				if(subAry[j].getAttribute('mPic')){
					insertData += '<td><img src="../' + subAry[j].getAttribute('mPic') + '" width="80" height="60" /></td>';
					insertData += '<td>';
				}else{
					insertData += '<td colspan="2">';
				}
					menuName = subAry[j].getAttribute('meName');
					menuName = menuName.replace(/amp;/g,'');
					insertData += '<div style="float:left;">'+ menuName + ' ';
				if(subAry[j].getAttribute('Limited_set') > 0){
					insertData += '<br /><em style="color:#666;">Limited Availability</em>';
				}
					insertData += '</div>';
				if(subAry[j].getAttribute('meIntro') != ""){
					menuIntro = subAry[j].getAttribute('meIntro');
					menuIntro = menuIntro.replace(/amp;/g,'');
					insertData += '<div style="float:right; font-size:10px;">';
					insertData += '<a href="" onclick="alert(\''+ menuIntro +'\'); return false;">Explain?</A>';
					insertData += '</div>';
				}
				insertData += '</td>';
				insertData += '<td nowrap="nowrap" style="width:80px;">';
				if(subAry[j].getAttribute('soldout') == 0){
					insertData += '<input type="text" id="'+subAry[j].getAttribute('mCode')+'" name="'+subAry[j].getAttribute('mCode')+'" value="" class="ipnum" align="absmiddle" />';
					insertData += '<input type="image" name="+" id="+" src="../images/icon+.gif" onclick="javascript: document.getElementById(\''+subAry[j].getAttribute('mCode')+'\').value = Number(document.getElementById(\''+subAry[j].getAttribute('mCode')+'\').value)+1; return false;" align="absmiddle" />';
					insertData += '<input type="image" name="-" id="-" src="../images/icon-.gif" onclick="javascript: if(parseInt(document.getElementById(\''+subAry[j].getAttribute('mCode')+'\').value)>0){ document.getElementById(\''+subAry[j].getAttribute('mCode')+'\').value = Number(document.getElementById(\''+subAry[j].getAttribute('mCode')+'\').value)-1; } return false;" align="absmiddle" />';
					//insertData += '<input type="button" name="+" value="' + String.fromCharCode(43) + '" onclick="javascript: document.getElementById(\''+subAry[j].getAttribute('mCode')+'\').value = Number(document.getElementById(\''+subAry[j].getAttribute('mCode')+'\').value)+1;" class="ipbt" />';
					//insertData += '<input type="button" name="-" value="' + String.fromCharCode(45) + '" onclick="javascript: if(parseInt(document.getElementById(\''+subAry[j].getAttribute('mCode')+'\').value)>0){ document.getElementById(\''+subAry[j].getAttribute('mCode')+'\').value = Number(document.getElementById(\''+subAry[j].getAttribute('mCode')+'\').value)-1; }" class="ipbt" />';
				}else{
					insertData += '<div class="note_red">SOLD OUT</div>';
				}
				insertData += '</td>';
				insertData += '<td style="width:35px;">￥' + subAry[j].getAttribute('mPrice') + '</td></tr>';
			}
		}
	}
	insertData += '<tr><th colspan="5"><input type="submit" value="Next"></td></tr>';
    insertData += '</table>';
    document.getElementById ('dataArea').innerHTML = insertData;
}


//以下是漂浮代码
//<![CDATA[
var tips; 
var theTop = 100;
  /*这是默认高度,越大越往下*/ 
var old = theTop;
function initFloatTips() {
  tips = document.getElementById('divQQbox');
  moveTips();
};
function moveTips() {
  var tt=50;
  if (window.innerHeight) {
    pos = window.pageYOffset
  }
  else if (document.documentElement && document.documentElement.scrollTop) {
    pos = document.documentElement.scrollTop
  }
  else if (document.body) {
    pos = document.body.scrollTop;
  }
  pos=pos-tips.offsetTop+theTop;
  pos=tips.offsetTop+pos/10;

  if (pos < theTop) pos = theTop;
  if (pos != old) {
    tips.style.top = pos+"px";
    tt=10;
  //alert(tips.style.top);
  }

  old = pos;
  setTimeout(moveTips,tt);
}
//!]]>
//initFloatTips();



	function OnlineOver(){
		document.getElementById("divMenu").style.display = "none";
		document.getElementById("divOnline").style.display = "block";
		document.getElementById("divQQbox").style.width = "145px";
	}
	
	function OnlineOut(){
		document.getElementById("divMenu").style.display = "block";
		document.getElementById("divOnline").style.display = "none";

	}

 function hideMsgBox(theEvent){  //theEvent用来传入事件，Firefox的方式
 　       if (theEvent){
   　           var browser=navigator.userAgent;   //取得浏览器属性
   　           if (browser.indexOf("Firefox")>0){  //如果是Firefox
    　　             if (document.getElementById('divOnline').contains(theEvent.relatedTarget)) {  //如果是子元素
     　　                  return;   //结束函式
                        } 
                  } 
                  if (browser.indexOf("MSIE")>0){  //如果是IE
                         if (document.getElementById('divOnline').contains(event.toElement)) {  //如果是子元素
                                return;  //结束函式
                          }
                   }
             }
            
  /*要执行的操作*/ 
 
		document.getElementById("divMenu").style.display = "block";
		document.getElementById("divOnline").style.display = "none";
 }