function browser () {
	var b = navigator.appName;
	return b;
}


function loadup() {
	// alert (browser());
	var h = document.getElementById('header');
		
	if (browser() != "Microsoft Internet Explorer") {
		h.style.opacity = 0;
		h.style.height = 0
		$(h).animate({"height":177}, 1000);
		$(h).animate({"opacity":1}, 2000);
	} else {
	
	}
	loadpage('home.h');
	
}

function switchMenu(switchto) {
	
	var formname = "images/" + switchto + "menu.jpg";
	var formnamex = "images/" + switchto + "menu_x.pdf";
	
	if (switchto == "lunch") { var height = "1345" ; }
	if (switchto == "luncheast") { var height = "2400" ; }
	if (switchto == "dinner") { var height = "1060" ; }
	if (switchto == "dinnereast") { var height = "3850" ; }
	if (switchto == "kidseast") { var height = "770" ; }
	if (switchto == "brunch") { var height = "960" ; }
	if (switchto == "appetizers") { var height = "1540" ; }
	if (switchto == "buffet") { var height = "2880" ; }
	if (switchto == "eastwine") { formname = "images/eastwine.jpg" ; var height = "1250" ; }
	if (switchto == "eastwine") { formnamex = "images/eastwine_x.pdf" }
	if (switchto == "wine") { var height = "1000" ; }
	
	// alert(switchto);
	// document.getElementById('menu_img').innerHTML = '<embed src="' + formname + '" height="' + height + '" width="580">';
	document.getElementById('menu_img').innerHTML = '<img src="' + formname + '" height="' + height + '" width="580"></img>';
	
	document.getElementById('menu').href = formnamex;

}


function loadpage(page) {
	if (page == "reservations.h") { 
	newpage = "";
	newpage = "http://www.opentable.com/single.aspx?rid=50521&restref=50521&rtype=ism"; 
	window.open(newpage);
	return;
	
	}
	document.getElementById('mainwrapper').style.height="auto";
	showloading('main');
	// alert(page);
	var sURL = page;
	var oRequest = new XMLHttpRequest();
	oRequest.open("GET",sURL,false);
	// oRequest.setRequestHeader("User-Agent",navigator.userAgent);
	oRequest.send(null)
	
	if (oRequest.status==200) { 
		// alert(oRequest.responseText);
		pagestr = oRequest.responseText;
	} // else { alert ("Error executing XMLHttpRequest call!"); }
	
 	var newpage = document.getElementById('main');
 	newpage.innerHTML = pagestr;
 	
 	if (page == "gallery.h") {
 		loadgallery("");
 	}
 	
 	
}

function showloading (doc) {
	var show = document.getElementById(doc);
	show.innerHTML="<embed src='images/progress.gif'></embed>";
}


function folderoverlay() {

	var p = document.getElementById('pic');
	var left = p.offsetLeft;
	var top = p.offsetTop;
	// alert (top + "   " + left)
	var o = document.getElementById('picoverlay');
	o.style.left = left + "px";
	o.style.top = top + "px";
	o.style.visibility = "visible";
	
}


function loadgallery(galleryname) {

	if (window.XMLHttpRequest)
  		{// code for IE7+, Firefox, Chrome, Opera, Safari
  			xmlhttp=new XMLHttpRequest();
  		}
	else
  		{// code for IE6, IE5
  			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  		}
		xmlhttp.open("GET","images/gallery/10st/images.xml",false);
		xmlhttp.send();
		xmlDoc=xmlhttp.responseXML;
	
	//  Get "folder"  names
	var x = xmlDoc.getElementsByTagName('folder');
    var arrGroups = new Array ();
    var divs = "";
    var files = "";
    var filestr = "";
	var picstr = "";		
 	for (i=0;i<x.length;i++)
    {
       	var folder = x[i].getAttribute("id");
       	var click = "loadgallery('" + folder + "')";
       	// divs = divs + "<img title='" + folder + "' style='margin: 10px' onclick=" + click + " id='folder' class='galleryfolder' src='images/folder.png'><img>";
       
       	if (i==0) { var firstload = folder; }
       	if (galleryname == folder) {
       		// Get file paths
       		filename = x[i].getElementsByTagName("file");
       		var howmany = filename.length;
       		for (z = 0; z < filename.length; z++) {
       			if (z == 0) { 
					picstr ='<img class="galpic" id="galpic" src=' + filename[z].getAttribute("url") + '>' + "\n";
					// loadpic(filename[z].getAttribute("url"))
				}
				var picclick = 'loadpic("' + filename[z].getAttribute("url") + '")'; 
				filestr = filestr + '<img class="gallerypic" onclick=' + picclick +' src=' + filename[z].getAttribute("url") + ' border="5")"></img>';
       			// files = files + filename[z].getAttribute("url") + "\n";
       		}
       	} else {
       		filename = x[i].getElementsByTagName("file");
       		var howmany = filename.length;
       	}
       	divs = divs + "<img title='" + folder + ": " + howmany + " pictures' style='margin: 10px' onmouseover='folderoverlay()'  onclick=" + click + " id='folder' class='galleryfolder' src='images/folder.png'><img>";
       
    }
    
    // alert (divs);
    // alert(files);
    
    var folderlist = document.getElementById('folders');
    folderlist.innerHTML = divs;
	
	var newpage = document.getElementById('gallery');
 	newpage.innerHTML = filestr;
 	
 	var pic = document.getElementById('pic');
 	pic.innerHTML = picstr;
 	
 	if (galleryname=="") { loadgallery(firstload); }
}

function loadpic(url) {
	//  alert(browser());
	var picstr ='<img class="galpic" id="galpic" src=' + url + '></img>' + "\n"; 
	var pic = document.getElementById('pic');
	if (browser() != "Microsoft Internet Explorer") {
		pic.style.opacity = 0;
		pic.innerHTML = picstr;
		$(pic).animate( {
			opacity: 1 }, 1000 )
	}  else {
		pic.innerHTML = picstr;
	}
	

}

function startlogin() {
	$("#start").hide();
	loadusers();
	$("#loginform").show("slow"); 
	

	
}

function loadusers() {
	if (window.XMLHttpRequest)
  		{// code for IE7+, Firefox, Chrome, Opera, Safari
  			xmlhttp=new XMLHttpRequest();
  		}
	else
  		{// code for IE6, IE5
  			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  		}
		xmlhttp.open("GET","scripts/login.xml",false);
		xmlhttp.send();
		xmlDoc=xmlhttp.responseXML;
	
	//  user names
	var x = xmlDoc.getElementsByTagName('user');
    var arrGroups = new Array ();
    var divs = "<option></option>";
    for (i=0;i<x.length;i++) {
       	var userid = x[i].getAttribute("id");
       	var user = x[i].getElementsByTagName("username")[0].childNodes[0].nodeValue;
       	divs = divs + "<option value='" + userid + "'>" + user + "</option>" ; // -- lay out options for dropdown menu
       
    }
    
    var folderlist = document.getElementById('username');
    folderlist.innerHTML = divs;
	
}

function passwordvalidate(userid,password) {
	if (window.XMLHttpRequest)
  		{// code for IE7+, Firefox, Chrome, Opera, Safari
  			xmlhttp=new XMLHttpRequest();
  		}
	else
  		{// code for IE6, IE5
  			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  		}
		xmlhttp.open("GET","scripts/login.xml",false);
		xmlhttp.send();
		xmlDoc=xmlhttp.responseXML;
	
	//  user names
	var x = xmlDoc.getElementsByTagName('user');
    var arrGroups = new Array ();
    for (i=0;i<x.length;i++) {
       	var id = x[i].getAttribute("id");
       	var user = x[i].getElementsByTagName("username")[0].childNodes[0].nodeValue;
       	var pass = x[i].getElementsByTagName("password")[0].childNodes[0].nodeValue;
       	if (id == userid) {
       		if (pass == password) { 
       			var validate = true;
       			break;
    		} else { alert("Incorrect Password") };
       	}
       
    }
    
    		if (validate == true) {
    			showeditmenu(user);
			} 
}

function showeditmenu(user) {
				$("#loginform").hide();
				document.getElementById("loggedinlabel").innerHTML="Logged In: " + user;
				$("#loggedin").show("slow");
}

function openedit(page) {
	
	document.getElementById('editcontent').style.height="auto";
	// alert(page);
	var sURL = page;
	var oRequest = new XMLHttpRequest();
	oRequest.open("GET",sURL,false);
	// oRequest.setRequestHeader("User-Agent",navigator.userAgent);
	oRequest.send(null)
	
	if (oRequest.status==200) { 
		pagestr = oRequest.responseText;
	}
 	var newpage = document.getElementById('editcontent');
 	newpage.innerHTML = pagestr;
 	
 	if (page == "editusers.h") {
 		if (window.XMLHttpRequest)
  			{// code for IE7+, Firefox, Chrome, Opera, Safari
  				xmlhttp=new XMLHttpRequest();
	  		}
		else
  			{// code for IE6, IE5
  				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  		}
		xmlhttp.open("GET","scripts/login.xml",false);
		xmlhttp.send();
		xmlDoc=xmlhttp.responseXML;
	
		//  user names
		var x = xmlDoc.getElementsByTagName('user');
   	 	var arrGroups = new Array ();
    	var divs = "<div style='height: 100%; overflow: auto !important'><div class='header'><a>Users<a></div>";
    	for (i=0;i<x.length;i++) {
       		var id = x[i].getAttribute("id");
       		var user = x[i].getElementsByTagName("username")[0].childNodes[0].nodeValue;
       		divs = divs + "<div class='item' onclick='displayuser(" + id + ")'><a>" + user + "</a></div>" ; 
    	}
    	divs = divs + "</div>";
    	var userlist = document.getElementById('userpanel');
    	userlist.innerHTML = divs;
    	displayuser(0);
	}
}

function displayuser(userid) {
	
	document.getElementById('edituserpanel').style.height="auto";
	var sURL = "userpanel.h";
	var oRequest = new XMLHttpRequest();
	oRequest.open("GET",sURL,false);
	// oRequest.setRequestHeader("User-Agent",navigator.userAgent);
	oRequest.send(null)
	
	if (oRequest.status==200) { 
		pagestr = oRequest.responseText;
	}
 	var newpage = document.getElementById('edituserpanel');
 	newpage.innerHTML = pagestr;
 	
 	//======================================================
 	
	if (window.XMLHttpRequest)
  		{// code for IE7+, Firefox, Chrome, Opera, Safari
  			xmlhttp=new XMLHttpRequest();
  		}
	else
  		{// code for IE6, IE5
  			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  		}
		xmlhttp.open("GET","scripts/login.xml",false);
		xmlhttp.send();
		xmlDoc=xmlhttp.responseXML;
	
	//  user info
	var x = xmlDoc.getElementsByTagName('user');
    var arrGroups = new Array ();
    for (i=0;i<x.length;i++) {
    var id = x[i].getAttribute("id");
    	if (userid == id) {
    		var user = x[i].getElementsByTagName("username")[0].childNodes[0].nodeValue;
    	   	var pass = x[i].getElementsByTagName("password")[0].childNodes[0].nodeValue;
       		var fullname = x[i].getElementsByTagName("fullname")[0].childNodes[0].nodeValue;
	       	var phonenumber = x[i].getElementsByTagName("phonenumber")[0].childNodes[0].nodeValue;
    	   	var email = x[i].getElementsByTagName("email")[0].childNodes[0].nodeValue;
       		var display = x[i].getElementsByTagName("displayincontact")[0].childNodes[0].nodeValue;
       		break;
    	}
    }
    
    document.getElementById('id').innerHTML = "<a>" + id + "</a>";
    document.getElementById('displayname').innerHTML = "<a>" + fullname + "</a>";
    document.getElementById('displayusername').innerHTML = "<a>" + user + "</a>";
    document.getElementById('displayphone').innerHTML = "<a>" + phonenumber + "</a>";
    document.getElementById('displayemail').innerHTML = "<a>" + email + "</a>";
    document.getElementById('displayincontact').innerHTML = "<a>" + display + "</a>";
    
    document.getElementById('displayphoneinput').value = phonenumber;
    document.getElementById('displayemailinput').value = email ;
}

function setupuseredit() {
	$("#displayphone").hide();
	$("#displayemail").hide();
	$("#displayedits").hide();
	$("#displayincontact").hide();
	$("#edit").hide();
	
	$("#displayphoneinput").show();
	$("#displayemailinput").show();
	$("#displayeditsinput").show();
	$("#displayincontactinput").show();
	$("#save").show();
}

function saveuser() {
	var id = document.getElementById('id').innerHTML.replace("<a>", "");
	id = id.replace("</a>", "");
    var name = document.getElementById('displayname').innerHTML.replace("<a>", "");
    name = name.replace("</a>", "");
    var username = document.getElementById('displayusername').innerHTML.replace("<a>", "");
    username = username.replace("</a>", "");
    // document.getElementById('displayincontact').innerHTML;
    
    var phone = document.getElementById('displayphoneinput').value;
    var email = document.getElementById('displayemailinput').value;
    var displaycontacts = document.getElementById('displayincontactinput').value;
    
    // alert(id + "\n" + name + "\n" + username + "\n" + phone + "\n" + email + "\n" + displaycontacts);
    
    // ====  read xml doc and replace in dom
    if (window.XMLHttpRequest)
  		{// code for IE7+, Firefox, Chrome, Opera, Safari
  			xmlhttp=new XMLHttpRequest();
  		}
	else
  		{// code for IE6, IE5
  			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  		}
		xmlhttp.open("GET","scripts/login.xml",false);
		xmlhttp.send();
		xmlDoc=xmlhttp.responseXML;
	// == for testing
	var string = (new XMLSerializer()).serializeToString(xmlDoc);
	// alert(string);
	
	//  user info
	var x = xmlDoc.getElementsByTagName('user');
    var arrGroups = new Array ();
    for (i=0;i<x.length;i++) {
    var userid = x[i].getAttribute("id");
    	if (userid == id) {
    		x[i].getElementsByTagName("username")[0].childNodes[0].nodeValue = username;
    	   	x[i].getElementsByTagName("fullname")[0].childNodes[0].nodeValue = name;
	        x[i].getElementsByTagName("phonenumber")[0].childNodes[0].nodeValue = phone;
    	   	x[i].getElementsByTagName("email")[0].childNodes[0].nodeValue = email;
       		x[i].getElementsByTagName("displayincontact")[0].childNodes[0].nodeValue = displaycontacts;
       		// break;
    	}
    }
    
   	var string2 = (new XMLSerializer()).serializeToString(xmlDoc);
	alert(string2);
	var ajaxRequest;  // The variable that makes Ajax possible!
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('edituserpanel');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	var queryString = "?" + string2;
	// alert (queryString);
	
	ajaxRequest.open("GET", "/cgi-bin/connect.pl" + queryString, true);
	ajaxRequest.send(null); 
	// == alert(string2);
	
    
}