
function initMaroc() {
	if (document.getElementById('menuLink')) {
		var mLink = document.getElementById('menuLink');
		addEvent(mLink,'click',loadMenu,false);
	}
	if (document.getElementById('gMap')) {
		loadMapData();
	}
	if (document.getElementById('jsNav')) {
		loadJSNav();
	}
	if (document.getElementById('photoBank')) {
		var bank = document.getElementById('photoBank');
		var ancs = bank.getElementsByTagName('a');
		for (var i=0;i<ancs.length;i++) {
			addEvent(ancs[i],'click',loadPhotos,false);
		}
	}
}

function loadJSNav() {
	var nav = document.getElementById('jsNav');
	var ancs = nav.getElementsByTagName('a');
	for (var i=0;i<ancs.length;i++) {
		addEvent(ancs[i],'click',showNext,false);
	}
}
var photoWindow
function loadPhotos(e) {
	if (!e) e = window.event;
	var target = e.srcElement || e.target;

	stopDefault(e);
	
	if (photoWindow != undefined) {
		photoWindow.focus();
		if (photoWindow.closed) {
			var photoWindow = window.open(target.parentNode.href,'photoWindow','left=100,top=10,height=465,width=615,toolbar=0,resize=0,menubar=0,scrollbars=1');
		}
	}
	if (photoWindow == undefined) {
		var photoWindow = window.open(target.parentNode.href,'photoWindow','left=100,top=10,height=465,width=615,toolbar=0,resize=0,menubar=0,scrollbars=1');
	}		
}
function showNext(e) {
	if (!e) e = window.event;
	var target = e.srcElement || e.target;

	stopDefault(e);
	
	var img = document.getElementById('menuImg');
	var prevOne = document.getElementById('prevOne');
	var prevTwo = document.getElementById('prevTwo');	
	var nextOne = document.getElementById('nextOne');
	var nextTwo = document.getElementById('nextTwo');	
	
	var changed = false;
	var nextNum;	
	if (target.id.indexOf('prev') != -1) {
		// they click a prev button
		if(target.href.indexOf('#') != -1) { // at the beginning....
			return false;
		}
	} else {
		// they click a next button
		if(target.href.indexOf('#') != -1) { // at the end....
			return false;
		} 
	}	
	for (var i=1;i<5;i++) {
		if (target.href.indexOf('page'+i) != -1) {
			nextNum = i;
		}
	}
	img.src = "i/menu/page"+nextNum+"_big.gif";
	changed = true;
	if (changed == true) {
		if (nextNum == 1) {
			prevOne.href = prevTwo.href = "#";
			nextOne.href = nextTwo.href = "i/menu/page2_big.gif";
		}
		if (nextNum == 4) {
			prevOne.href = prevTwo.href = "i/menu/page3_big.gif";
			nextOne.href = nextTwo.href = "#";
		}
		if (nextNum > 1 && nextNum < 4) {
			prevOne.href = prevTwo.href = "i/menu/page"+(nextNum-1)+"_big.gif";
			nextOne.href = nextTwo.href = "i/menu/page"+(nextNum+1)+"_big.gif"			
		}
	}
}


var menuWindow;
function loadMenu(e) {
	if (!e) e = window.event;
	var target = e.srcElement || e.target;
	
	stopDefault(e);
	
	if (menuWindow != undefined) {
		menuWindow.focus();
		if (menuWindow.closed) {
			var menuWindow = window.open('menuJS.php','menuWindow','left=100,top=10,height=988,width=320,toolbar=0,resize=0,menubar=0,scrollbars=1');
		}
	}
	if (menuWindow == undefined) {
		var menuWindow = window.open('menuJS.php','menuWindow','left=100,top=10,height=988,width=320,toolbar=0,resize=0,menubar=0,scrollbars=1');
	}	
}



function stopDefault(e) {
	if (e.preventDefault) {
		e.preventDefault();
	} else {
		e.returnValue = false;
	}	
}
addEvent(window,'load',initMaroc,false);
function addEvent(elm, type, fn, cap) {
	if (elm.addEventListener) {
		elm.addEventListener(type,fn,cap);
		return true;
	}
	else if (elm.attachEvent) {
		var r = elm.attachEvent('on'+type,fn);
		return r;
	}
	else {
		elm['on'+type] = fn;
	}
}



function loadMapData() {
var sl = new Object();
sl.m = null;
sl.o = [[null,44.048702,-123.092451,"Cafe Maroc","","North African Restaurant in Eugene Oregon<br /><a href='http://www.cafemaroceugene.com/'>www.cafemaroceugene.com</a>","28 East Broadway","97401","Eugene","","<br />541-434-5862<br /><br />","5pm until close"]];
function GLoad() {
	if (GBrowserIsCompatible()) {
		var icon = new GIcon();
		icon.image = "i/pointer.png";
		icon.iconSize = new GSize(36, 36);
		icon.shadowSize = new GSize(42, 42);
		icon.iconAnchor = new GPoint(18, 36);
		icon.infoWindowAnchor = new GPoint(9, 2);
		icon.infoShadowAnchor = new GPoint(18, 18);
		sl.d=document.getElementById('gMap');
		sl.d.style.display='block';
		sl.m = new GMap2(sl.d);
		sl.m.setCenter(new GLatLng(44.048702,-123.092451), 14);
		sl.m.addControl(new GSmallMapControl());
		sl.m.addControl(new GScaleControl());
		sl.m.addControl(new GOverviewMapControl());
		sl.m.savePosition();
		for (var n=0;n<sl.o.length;n++){
			sl.cm(n,icon);
		}
	}
}
sl.ss = function(n){var a = this.o[n];this.m.setCenter(a[0].getPoint(), 16);a[0].openInfoWindowHtml('<div style="font-family:Arial;font-size:11px;">'+(a[4]!=''?'<a style="font-weight:bold;font-size:12px;" href="'+a[4]+'">'+a[3]+'</a>':'<span style="font-weight:bold;font-size:12px;">'+a[3]+'</span>')+(a[5]!=''?'<br />'+a[5]:'')+(a[6]!=''?'<br />'+a[6]:'')+(a[8]!=''?'<br />'+a[8]+' '+a[7]:'')+'<br /><a href="javascript:sl.di('+n+')">Get directions...</a>'+(a[10]!=''?'<br /><br />'+a[10]:'')+(a[9]!=''?(a[10]==''?'<br />':'')+'<br />Email: <a href="mailto:'+a[9]+'">'+a[9]+'</a>':'')+(a[11]!=''?'<br /><br /><div style="font-weight:bold;font-size:12px;">Opening hours</div>'+a[11]:'')+'<br /><br />[ <a href="#" onclick="sl.sm();">Back</a> ]</div>');}
sl.sm=function(){this.m.returnToSavedPosition();this.m.closeInfoWindow();}
sl.cm=function(n,icon){
	var a=this.o[n];
	a[0]=new GMarker(new GLatLng(a[1],a[2]),{
		title:a[3],icon:icon}
	);
	var ref=this;
	GEvent.addListener(a[0],'click',function(){ref.ss(n);});
	this.m.addOverlay(a[0]);
}
sl.di = function(n){var a=this.o[n];a[0].openInfoWindowHtml('<form action="http://maps.google.com/maps" method="get" target="_blank">'+'<div style="font-family:Arial;font-size:11px;">'+(a[4]!=''?'<a style="font-weight:bold;font-size:12px;" href="'+a[4]+'">'+a[3]+'</a>':'<span style="font-weight:bold;font-size:12px;">'+a[3]+'</span>')+(a[5]!=''?'<br />'+a[5]:'')+(a[6]!=''?'<br />'+a[6]:'')+(a[8]!=''?'<br />'+a[8]+' '+a[7]:'')+'<br /><br /><b>Start address:</b>'+'<br /><input type="text" style="width:200px;" name="saddr" value="" />'+'<br /><em>Oak St, San Francisco, CA</em>'+'<br /><input value="Get Directions" type="submit" />'+'<input type="hidden" name="daddr" value="' + a[1]+','+a[2]+'" />'+'</div></form>');}
// if(typeof window.addEventListener != 'undefined'){window.addEventListener('load', GLoad, false);window.addEventListener('unload', GUnload, false);} else if(typeof document.addEventListener != 'undefined'){document.addEventListener('load', GLoad, false);document.addEventListener('unload', GUnload, false);} else if(typeof window.attachEvent != 'undefined'){window.attachEvent('onload', GLoad);window.attachEvent('onunload', GUnload);}
if (GBrowserIsCompatible()) {
	GLoad();
}
}