var detect = navigator.userAgent.toLowerCase();
var OS,browser,version,total,thestring;

var browser;

var lb;

function getBrowserInfo() {
	if (checkIt('konqueror')) {
		browser = "Konqueror";
		OS = "Linux";
	}
	else if (checkIt('safari')) browser 	= "Safari"
	else if (checkIt('omniweb')) browser 	= "OmniWeb"
	else if (checkIt('opera')) browser 		= "Opera"
	else if (checkIt('webtv')) browser 		= "WebTV";
	else if (checkIt('icab')) browser 		= "iCab"
	else if (checkIt('msie')) browser 		= "Internet Explorer"
	else if (!checkIt('compatible')) {
		browser = "Netscape Navigator"
		version = detect.charAt(8);
	}
	else browser = "An unknown browser";

	if (!version) version = detect.charAt(place + thestring.length);

	if (!OS) {
		if (checkIt('linux')) OS 		= "Linux";
		else if (checkIt('x11')) OS 	= "Unix";
		else if (checkIt('mac')) OS 	= "Mac"
		else if (checkIt('win')) OS 	= "Windows"
		else OS 								= "an unknown operating system";

	}
}

function checkIt(string) {
	place = detect.indexOf(string) + 1;
	thestring = string;
	return place;
}

/*-----------------------------------------------------------------------------------------------*/

Event.observe(window, 'load', initialize, false);
Event.observe(window, 'load', getBrowserInfo, false);
//Event.observe(window, 'unload', Event.unloadCache, false);
//Event.observe(window, 'unload', Event.destroyCache, false);

var Lightbox=Class.create();
Lightbox.prototype={
	get_ajax_param_hash:function(f) {
		var ret="";
		i=0;
		f.each(function(pair) {
			if (i>0) ret+="&";
			ret+=pair.key;
			ret+="=";
			ret+=encodeURIComponent(pair.value);
			i++;
		});

		return ret;
	},

	start:function(url) {
		if (isImage(url.href)) {
			this.lightbox.update("<a href='#' onClick='lb.end();return false;'>X</a><img src='"+url.href+"'>");
			this.lightbox.setStyle({
				background:'#ffffff',
				zIndex:1000
			});

			this.lightbox.show();
			this.setCenter();
		} else {
			arr=new Array();
/*
			new Ajax.Request(url,{
				method:'get',
				onComplete: (function(transport) {
					this.lightbox.innerHTML="";
					this.lightbox.innerHTML=transport.responseText;
					this.lightbox.setStyle({
						background:'#ffffff',
						zIndex:1000
					});

					this.lightbox.show();
					this.setCenter();
				}).bind(this),
				onFailure: function() {
					alert("fail");
				}
			});
*/
			new Ajax.Updater('lightbox',url,{
				evalScripts:true,
				onComplete: (function(transport) {
					this.lightbox.setStyle({
						background:'#ffffff',
						zIndex:1000
					});
	
					this.lightbox.show();
					this.setCenter();
				}).bind(this),
				onFailure: function() {
					alert("fail")
				}
			});
		}
	},

	initialize:function() {
		this.lightbox=new Element("div");
		this.lightbox.id='lightbox';
		this.lightbox.setStyle({width:'0px',height:'0px',background:'#ffffff',position:'absolute'});
		this.lightbox.hide();

		this.overlay=new Element("div");
		this.overlay.id='overlay';
		this.overlay.setStyle({width:'0px',height:'0px',background:'#000000',position:'absolute'});
		this.overlay.setOpacity(0.7);
		this.overlay.hide();

		document.body.appendChild(this.lightbox);
		document.body.appendChild(this.overlay);

		this.eventHandler();

	},

	setCenter:function() {
		if (browser=="Internet Explorer") {
			this.overlay.setStyle({
				left:'0px',
				top:'0px',
				width:document.viewport.getDimensions().width,
				height:document.viewport.getDimensions().height
			});
		} else {
			this.overlay.setStyle({
				left:'0px',
				top:'0px',
				width:document.viewport.getDimensions().width,
				height:document.viewport.getDimensions().height
			});
		}


		if (browser=="Internet Explorer") {
			if (this.lightbox.getHeight()>this.overlay.getHeight()) {
				this.lightbox.setStyle({
					left: (this.overlay.getWidth()-this.lightbox.getWidth() )/2,
					top: 0
				});
			} else {
				this.lightbox.setStyle({
					left: (this.overlay.getWidth()-this.lightbox.getWidth() )/2,
					top: (this.overlay.getHeight()-this.lightbox.getHeight() )/2
				});
			}
		} else {
			if (800>this.overlay.getHeight()) {
				this.lightbox.setStyle({
					left: (this.overlay.getWidth()-800 )/2,
					top: 0
				});
			} else {
				this.lightbox.setStyle({
					left: (this.overlay.getWidth()-1000 )/2,
					top: (this.overlay.getHeight()-800 )/2
				});
			}
		}

	},


	eventHandler:function() {
		document.observe('click', (function(event){
			var target = event.findElement('a[rel^=lightbox]') || event.findElement('area[rel^=lightbox]');
			if (target) {
				event.stop();

				if (browser == 'Internet Explorer'){
					this.getScroll();
					this.prepareIE('100%', 'hidden');
					this.setScroll(0,0);
					this.hideSelects('hidden');
				} else {
					this.overlay.setStyle({
						left:'0px',
						top:'0px',
						width:document.viewport.getDimensions().width,
						height:document.viewport.getDimensions().height,
						zIndex:100
					});
				}

				this.overlay.show();

				this.start(target);
			}
		}).bind(this));

		Event.observe(window,'resize',(function() {
			this.setCenter();
		}).bind(this));

		this.overlay.observe('click', (function() {
			this.end();
		}).bind(this));

		document.observe('keyup', (function(e) {
			if (e.keyCode==Event.KEY_ESC) {
				if (this.overlay.getStyle('display')=='block') {
					this.end();
				}
			}
		}).bind(this));
	},

	// Ie requires height to 100% and overflow hidden or else you can scroll down past the lightbox
	prepareIE: function(height, overflow){
		bod = document.getElementsByTagName('body')[0];
		bod.style.height = height;
		bod.style.overflow = overflow;
  
		htm = document.getElementsByTagName('html')[0];
		htm.style.height = height;
		htm.style.overflow = overflow; 
	},
	
	// In IE, select elements hover on top of the lightbox
	hideSelects: function(visibility){
		selects = document.getElementsByTagName('select');
		for(i = 0; i < selects.length; i++) {
			selects[i].style.visibility = visibility;
		}
	},
	
	// Taken from lightbox implementation found at http://www.huddletogether.com/projects/lightbox/
	getScroll: function(){
		if (self.pageYOffset) {
			this.yPos = self.pageYOffset;
		} else if (document.documentElement && document.documentElement.scrollTop){
			this.yPos = document.documentElement.scrollTop; 
		} else if (document.body) {
			this.yPos = document.body.scrollTop;
		}
	},
	
	setScroll: function(x, y){
		window.scrollTo(x, y); 
	},

	end:function() {
		if (t!=null) {
			slide_stop();
		}

		if (browser == "Internet Explorer"){
			this.setScroll(0,this.yPos);
			this.prepareIE("auto", "auto");
			this.hideSelects("visible");
		}

		this.overlay.hide();
		this.lightbox.hide();
	}	
}

function initialize() {
	lb=new Lightbox();

};