﻿var d=document;function g(id){return d.getElementById(id);}function gt(o,tag){if(typeof(o)=="string")o=g(o);return o.getElementsByTagName(tag);}
JJ = {
"flash":(function(){var i,j,v=0,p=navigator.plugins;for(i=0;i<p.length;i++){if(p[i].name.indexOf("Flash")!=-1){for(j=6;j<21;j++){if(p[i].description.indexOf(j+".")!=-1){v=j;break;}}}if(v>0)break;}if(v==0){for(i=20;i>5;i--){try{x=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);v=i;break;}catch(e){}}}return v;})(),
"ua":(function(){var ua=navigator.userAgent,r="N/A";if(d.selection&&window.clientInformation){if(window.XMLHttpRequest){if(window.JSON){r="ie8";}else{r="ie7";}}else{r="ie6";}}else if(window.clientInformation&&ua.indexOf("Chrome")!=-1){r="sa-ch";}else if(window.clientInformation){r="sa";}else if(d.selection){r="op";}else if(ua.indexOf("Firefox")!=-1){r="fx"+ua.substr(ua.indexOf("Firefox/")+8,3);}return r;})(),
"addEvent":function(o,ev,h,uc){var i,j;if(typeof(o)=="string")o=[g(o)];if(typeof(ev)=="string"){ev=[ev];h=[h];}for(i=0;i<o.length;i++){for(j=0;j<ev.length;j++){try{o[i].addEventListener(ev[j],h[j],(uc?uc:false));}catch(err){o[i]["on"+ev[j]]=h[j];}}}},
"cancelEvent":function(e){if(e)e.preventDefault();else return false;},
"removeEvent":function(o,ev,h,uc){var i,j;if(typeof(o)=="string")o=[g(o)];if(typeof(ev)=="string"){ev=[ev];h=[h];}for(i=0;i<o.length;i++){for(j=0;j<ev.length;j++){try{o[i].removeEventListener(ev[j],h[j],(uc?uc:false));}catch(err){o[i]["on"+ev[j]]=null;}}}},
"addElement":function(tag,att,o){var i,node=d.createElement(tag);if(att){for(i=0;i<att.length;i++){node.setAttribute(att[i][0],att[i][1]);}}if(o){o.appendChild(node);}else{d.body.appendChild(node);}return node;},
"getWinDim":function(){var w,h;if(window.innerWidth){w=window.innerWidth;h=window.innerHeight;}else{w=JJ.doc.offsetWidth;h=JJ.doc.offsetHeight;}return {"width":w,"height":h};},
"getCoords":function(o){var x,y,par;if(typeof(o)=="string")o=g(o);x=o.offsetLeft;y=o.offsetTop;par=o.offsetParent;while(par){x+=par.offsetLeft;y+=par.offsetTop;par=par.offsetParent;}return {"x":x,"y":y};},
"imgEnlarger":{
"container":{},
"img":{},
"statusImg":{},
"appendStatus":function(o){var coords=JJ.getCoords(o);with(this.statusImg.style){left=coords.x+"px";top=coords.y+"px";visibility="visible";}},
"showImg":function(){var x,y,wd=JJ.getWinDim();x=Math.floor((wd.width-JJ.imgEnlarger.img.width-2)/2);y=Math.floor((wd.height-JJ.imgEnlarger.img.height-2)/2);x=(x<5?5:x);y=(y<5?5:y);if(JJ.ua=="ie6"){x+=JJ.doc.scrollLeft;y+=JJ.doc.scrollTop;}with(JJ.imgEnlarger.container.style){left=x+"px";top=y+"px";width=JJ.imgEnlarger.img.offsetWidth+"px";height=JJ.imgEnlarger.img.offsetHeight+"px";visibility="visible";}JJ.imgEnlarger.statusImg.style.visibility="hidden";},
"drag":function(e){var wd=JJ.getWinDim(),evt=e||event,x=evt.clientX,y=evt.clientY,o=JJ.imgEnlarger.container;if((e?evt.button:evt.button-1)!=0){JJ.imgEnlarger.stopDrag();return;}if(x<0||y<0||x>wd.width||y>wd.height)return;o.style.left=(x-o.dx)+"px";o.style.top=(y-o.dy)+"px";try{d.selection.empty();}catch(err) {o.focus();}},
"stopDrag":function(){JJ.removeEvent([d],"mousemove",JJ.imgEnlarger.drag);JJ.removeEvent([d],"mouseup",JJ.imgEnlarger.stopDrag);JJ.imgEnlarger.container.style.cursor="default";},
"load":function(o, url){if(this.img.src.indexOf(url)!=-1){this.showImg();}else{this.container.style.visibility="hidden";this.appendStatus((typeof(o)=="string"?g(o):o));this.img.src=url;}},
"init":function(){var i,c,arr;this.container=c=JJ.addElement("div");c.innerHTML='<div></div><img src="" alt="" /><div><img src="/images/jj-icon-bg.png" alt="" /></div><img src="/images/jj-close-icon_up.gif" alt="" />';with(c.style){visibility="hidden";position=(JJ.ua=="ie6"?"absolute":"fixed");}with(c.firstChild.style){position="absolute";left=top="3px";width=height="100%";backgroundColor="#000";filter="alpha(opacity=20)";opacity=0.2;}this.img=c.childNodes[1];with(this.img.style){position="absolute";display="block";borderStyle="solid";borderWidth="1px 2px 2px 1px";borderColor="#fc6 #960 #960 #fc6";}JJ.addEvent([this.img],"load",this.showImg);with(c.childNodes[2].style){position="absolute";width="68px";height="30px";right="2px";top="1px";}if(JJ.ua=="ie6"){c.childNodes[2].style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/jj-icon-bg.png",sizingMethod="scale")';c.childNodes[2].firstChild.style.visibility="hidden";}with(c.childNodes[3].style){position="absolute";width=height="20px";top=right="5px";cursor="pointer";}JJ.addEvent([c.childNodes[3]],["mouseover","mouseout","click"],[function(){this.src="/images/jj-close-icon_hover.gif";},function(){this.src="/images/jj-close-icon_up.gif";},function(){this.parentNode.style.visibility="hidden";}]);this.statusImg=JJ.addElement("img",[["src","/images/jj-loading.gif"],["alt",""]]);with (this.statusImg.style){visibility="hidden";position="absolute";}JJ.addEvent([this.container],"mousedown",function(e){var evt=e||event,p=JJ.getCoords(this);if((e?evt.button:evt.button-1)!=0)return;this.dx=evt.clientX-p.x;this.dy=evt.clientY-p.y;this.style.cursor="move";JJ.addEvent([d],"mousemove",JJ.imgEnlarger.drag);JJ.addEvent([d],"mouseup",JJ.imgEnlarger.stopDrag);return JJ.cancelEvent(e);});JJ.addEvent([this.container],"drag",JJ.cancelEvent);arr=gt(d,"img");for(i=0;i<arr.length;i++){if(/\/thumb[0-9]?_/.test(arr[i].src)){if(arr[i].parentNode.nodeName.toLowerCase()=="a"){JJ.addEvent([arr[i].parentNode],["click","focus"],[JJ.cancelEvent,function(){this.blur()}]);}JJ.addEvent([arr[i]],"click",function(){JJ.imgEnlarger.load(this,this.src.replace(/thumb[0-9]?_/,""))});}}}}
};

function InfoBox(obj) {
	this.bop = obj;
	this.bop.box = g("info_" + obj.id.split("_")[1]);
	
	JJ.addEvent([this.bop], "mouseover", function(e) {
		var x, y, iW, iH, vC, hC;
		var bH = this.box.offsetHeight;
		try {
			x = event.x;
			y = event.y;
		}
		catch(err) {
			x = e.clientX;
			y = e.clientY;
		}
		if (window.innerWidth) {
			iW = window.innerWidth;
			iH = window.innerHeight;
		}
		else {
			iW = JJ.doc.offsetWidth;
			iH = JJ.doc.offsetHeight;
		}
		vC = ((x + 225 > iW) ? -208 : 0);
		hC = ((y + 40 + bH > iH) ? (-bH - 10) : 20);
		x += JJ.doc.scrollLeft + vC;
		y += JJ.doc.scrollTop + hC;
		with(this.box.style){
			left = x + "px";
			top = y + "px";
		}
		with (infoSh) {
			height = bH + "px";
			left = (x + 3) + "px";
			top = (y + 3) + "px";
		}
	});

	JJ.addEvent([this.bop], "mouseout", function() { infoSh.left = "-300px"; this.box.style.left = "-300px"; });
}

var infoSh;
var infoBoxes = [];

function init() {
	var i, j, arr;
	if (JJ.flash >= 6) {
		g("banner").innerHTML = '<embed src="images/banner.swf" menu="false" quality="high" wmode="transparent" bgcolor="#660000" width="700" height="100" type="application/x-shockwave-flash" />';
	}
	else {
		g("banner").innerHTML = '<div id="alt-banner"><img src="images/banner.png" alt="African Ambience Guest House" title="" /></div>';
	}
	JJ.doc = (JJ.ua.indexOf("sa") == 0 ? d.body : d.documentElement);
	arr = gt(d, "img");
	j = 0;
	for (i=0;i<arr.length;i++) {
		if (arr[i].id.indexOf("inf_") == 0) {
			infoBoxes[j++] = new InfoBox(arr[i]);
		}
	}
	if (g("infosh")) {
		infoSh = g("infosh").style;
	}
	JJ.imgEnlarger.init();
}

window.onload = init;