// remote scripting library
		// (c) copyright 2005 modernmethod, inc
		var sajax_debug_mode = false;
		var sajax_request_type = "GET";
		var sajax_target_id = "";
		var sajax_failure_redirect = "";
		
		function sajax_debug(text) {
			if (sajax_debug_mode)
				alert(text);
		}
		
 		function sajax_init_object() {
 			sajax_debug("sajax_init_object() called..")
 			
 			var A;
 			
 			var msxmlhttp = new Array(
				'Msxml2.XMLHTTP.5.0',
				'Msxml2.XMLHTTP.4.0',
				'Msxml2.XMLHTTP.3.0',
				'Msxml2.XMLHTTP',
				'Microsoft.XMLHTTP');
			for (var i = 0; i < msxmlhttp.length; i++) {
				try {
					A = new ActiveXObject(msxmlhttp[i]);
				} catch (e) {
					A = null;
				}
			}
 			
			if(!A && typeof XMLHttpRequest != "undefined")
				A = new XMLHttpRequest();
			if (!A)
				sajax_debug("Could not create connection object.");
			return A;
		}
		
		var sajax_requests = new Array();
		
		function sajax_cancel() {
			for (var i = 0; i < sajax_requests.length; i++) 
				sajax_requests[i].abort();
		}
		
		function sajax_do_call(func_name, args) {
			var i, x, n;
			var uri;
			var post_data;
			var target_id;
			
			sajax_debug("in sajax_do_call().." + sajax_request_type + "/" + sajax_target_id);
			target_id = sajax_target_id;
			if (typeof(sajax_request_type) == "undefined" || sajax_request_type == "") 
				sajax_request_type = "GET";
			
			uri = "/ideas/browser.js.php";
			if (sajax_request_type == "GET") {
			
				if (uri.indexOf("?") == -1) 
					uri += "?rs=" + escape(func_name);
				else
					uri += "&rs=" + escape(func_name);
				uri += "&rst=" + escape(sajax_target_id);
				uri += "&rsrnd=" + new Date().getTime();
				
				for (i = 0; i < args.length-1; i++) 
					uri += "&rsargs[]=" + escape(args[i]);

				post_data = null;
			} 
			else if (sajax_request_type == "POST") {
				post_data = "rs=" + escape(func_name);
				post_data += "&rst=" + escape(sajax_target_id);
				post_data += "&rsrnd=" + new Date().getTime();
				
				for (i = 0; i < args.length-1; i++) 
					post_data = post_data + "&rsargs[]=" + escape(args[i]);
			}
			else {
				alert("Illegal request type: " + sajax_request_type);
			}
			
			x = sajax_init_object();
			if (x == null) {
				if (sajax_failure_redirect != "") {
					location.href = sajax_failure_redirect;
					return false;
				} else {
					sajax_debug("NULL sajax object for user agent:\n" + navigator.userAgent);
					return false;
				}
			} else {
				x.open(sajax_request_type, uri, true);
				// window.open(uri);
				
				sajax_requests[sajax_requests.length] = x;
				
				if (sajax_request_type == "POST") {
					x.setRequestHeader("Method", "POST " + uri + " HTTP/1.1");
					x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
				}
			
				x.onreadystatechange = function() {
					if (x.readyState != 4) 
						return;

					sajax_debug("received " + x.responseText);
				
					var status;
					var data;
					var txt = x.responseText.replace(/^\s*|\s*$/g,"");
					status = txt.charAt(0);
					data = txt.substring(2);

					if (status == "") {
						// let's just assume this is a pre-response bailout and let it slide for now
					} else if (status == "-") 
						alert("Error: " + data);
					else {
						if (target_id != "") 
							document.getElementById(target_id).innerHTML = eval(data);
						else {
							try {
								var callback;
								var extra_data = false;
								if (typeof args[args.length-1] == "object") {
									callback = args[args.length-1].callback;
									extra_data = args[args.length-1].extra_data;
								} else {
									callback = args[args.length-1];
								}
								callback(eval(data), extra_data);
							} catch (e) {
								sajax_debug("Caught error " + e + ": Could not eval " + data );
							}
						}
					}
				}
			}
			
			sajax_debug(func_name + " uri = " + uri + "/post = " + post_data);
			x.send(post_data);
			sajax_debug(func_name + " waiting..");
			delete x;
			return true;
		}
		
				
		// wrapper for get_list		
		function x_get_list() {
			sajax_do_call("get_list",
				x_get_list.arguments);
		}
		
				
		// wrapper for get_num_pics		
		function x_get_num_pics() {
			sajax_do_call("get_num_pics",
				x_get_num_pics.arguments);
		}
		
				
		// wrapper for get_textfile		
		function x_get_textfile() {
			sajax_do_call("get_textfile",
				x_get_textfile.arguments);
		}
		
				
		// wrapper for addtowiki		
		function x_addtowiki() {
			sajax_do_call("addtowiki",
				x_addtowiki.arguments);
		}
		
		
	String.prototype.pad = function(c,l)
	{
		if (this.length>=l) return this;
		var s = this;
		while(s.length<l)
			s = c+''+s;
		return s;
	}

	function padstr(c,l,s)
	{
		var str = ''+s;
		str = str.pad(c,l);
		return str;
	}

	function strtotime(str)
	{
		var re = /^(\d{4})-(\d{2})-(\d{2})\s(\d{2}):(\d{2}):(\d{2})$/
		var res = re.exec(str);
		var t = new Date();
		t.setFullYear(res[1],res[2]-1,res[3]);
		t.setHours(res[4]);
		t.setMinutes(res[5]);
		t.setSeconds(res[6]);
		return parseInt(t.getTime()/1000);
	}

	function timetostr(time)	// time is unix timestamp (seconds since 1970)
	{
		var date = new Date();
		date.setTime( time*1000 );
		var year = date.getYear();
		if (year<1900) year += 1900;
		return year + '-' + padstr('0',2,date.getMonth()+1) + '-' + padstr('0',2,date.getDate()) + ' ' + padstr('0',2,date.getHours()) + ':' + padstr('0',2,date.getMinutes()) + ':' + padstr('0',2,date.getSeconds());
	}
	
	function timeclockstr(t)
	{
		var date = new Date();
		date.setTime( t*1000 );
		return padstr('0',2,date.getHours()) + ':' + padstr('0',2,date.getMinutes()) + ':' + padstr('0',2,date.getSeconds());
	}

	function monthName(m)
	{
		var monthNames = new Array('jan','feb','mar','apr','may','jun','jul','aug','sep','oct','nov','dec');
		return monthNames[m];
	}
	
	function timeLCSstr(start,end)
	{
		var st = new Date();
		st.setTime(start*1000);
		var en = new Date();
		en.setTime(end*1000);
		if (en.getHours()==0&&en.getMinutes()==0&&en.getSeconds()==0)
			en.setSeconds(-1);

		if (st.getYear()==en.getYear())
		{
			var y = st.getYear() + (st.getYear()<1900?1900:0);
			if (st.getMonth()==en.getMonth())
			{
				if (st.getDate()==en.getDate())
				{
					return new Array( timeclockstr(start) , st.getDate() + '/' + (st.getMonth()+1) , timeclockstr(end) );
				}
				else if (st.getDate()==en.getDate()-1 && st.getHours()>en.getHours())
				{
					var m = monthName(st.getMonth());
					return new Array( timeclockstr(start) , st.getDate() + '-' + en.getDate() + ' ' + m + ' ' + y  , timeclockstr(end) );
				}
				else
				{
					var m = monthName(st.getMonth());
					return new Array( st.getDate() + '/' + m , m + ' ' + y , en.getDate() + '/' + m );
				}
			}
			else if (st.getMonth()==en.getMonth()-1) //  STUPID; SAME YEAR: || st.getMonth()==11&&en.getMonth()==0)
			{
				return new Array( st.getDate() , monthName(st.getMonth()) + '/' + monthName(en.getMonth()) + ' ' + y  , en.getDate() );
			}
			else
			{
				return new Array( st.getDate() , monthName(st.getMonth()) + '-' + monthName(en.getMonth()) + ' ' + y , en.getDate() );
			}
		}
		else
		{
			var a = st.getYear()<1900?1900:0;
			return new Array( st.getDate() + ' ' + monthName(st.getMonth()) , (st.getYear()+a) + '-' + (en.getYear()+a) , en.getDate() + ' ' + monthName(en.getMonth()));
		}
	}

	// DOM
	//
	function getElementLeft(elem)
	{
		if (!elem) return 0;

		if (document.getBoxObjectFor)
			return document.getBoxObjectFor(elem).x;
		else
			return elem.getBoundingClientRect().left;
	}

	function getElementTop(elem)
	{
		if (!elem) return 0;

		var curtop = 0;
		if (elem.offsetParent)
		{
			while (elem.offsetParent)
			{
				curtop += elem.offsetTop
				elem = elem.offsetParent;
			}
		}
		else if (elem.y)
			curtop += elem.y;

		return curtop;
	}
	
	function toggleDisplay(id)
	{
		var e = document.getElementById(id);
		if (!e) return false;
		e.style.display = e.style.display=='block'?'none':'block';
		return true;
	}

	/*
		retrieves the value of 'page' in url
	*/
	function urlPagename()
	{
		var str = document.location.search;
		var i = str.indexOf('page=');
		if (i<0) return false;
		str = str.substr(i+5);
		i = str.indexOf('&');
		if (i>0)
			str = str.substr(0,i);
		return str;
	}

	/*
		creates html elements based on input of style:
			{ tag : [TAG], attributes : { [attr] : [value], ... }, children : new Array( ... ) }
		also, if specified with 'fetch : [NAME]' element, the resulting associative array will
		contain that specific element under the reference [NAME]. (i.e. res = createHtmlElements(...)
		gives you res[[NAME]] for each fetch'ed element).
		the returning value will containt the top element under '_t' reference.
	*/	
	/*	EXAMPLE:

			var elements = createHtmlElements( { tag : 'table', attributes : { 'width' : '100%', 'height' : '100%' }, children : new Array( 
						{ tag : 'tr', attributes : { 'height' : '100%', 'valign' : 'bottom' }, children : new Array(
							{ tag : 'td', attributes : { 'align' : 'left' }, fetch : 'start' },
							{ tag : 'td', attributes : { 'align' : 'right' }, fetch : 'end' }
							)
						}
					) } );
				l.appendChild(elements['_t']);
				elements['start'].innerHTML = "start";
				elements['end'].innerHTML = "end";
	*/
	function createHtmlElements( node )
	{
		var e = document.createElement(node.tag);
		for(attr in node.attributes)
		{
			var value = node.attributes[attr];
			e.setAttribute(attr,value);
		}
		var r = new Object();
		if (node.children)
		{
			for(var i=0;i<node.children.length;i++) //child in node.children)
			{
				var child = node.children[i];
				var res = createHtmlElements(child);
				for(n in res)
				{
					if (n!='_t')
						r[n] = res[n];
					else
					{
						e.appendChild(res['_t']);
					}
				}
			}
		}
		if (node.fetch)
		{
			r[node.fetch] = e;
			e.innerHTML = "hej!";
		}

		r['_t'] = e;

		return r;
	}

	var browser = {
		settings :
			{
				animate : true
			},
		initialized : false,
		pageedited : false,
		init : function()
			{
				var then = new Date(); // change date here
				then.setHours(0,0,0,0);
				//then.setDate(then.getDate()+1);
				then.setDate(0,0,0,6,23,2008);
				browser.timeline.full.end = parseInt(then.getTime()/1000);
				then.setDate(then.getDate()-30);
				browser.timeline.full.start = parseInt(then.getTime()/1000);

				browser.timeline.visible.start = browser.timeline.full.end-60*60*24*6;	// last 6 days
				browser.timeline.visible.end = browser.timeline.full.end;

				// add css-link
				var head, link;
				head = document.getElementsByTagName('head')[0];
				link = document.createElement('link');
				link.setAttribute('rel','stylesheet');
				link.setAttribute('type','text/css');
				link.setAttribute('href','browser.css');
//				head.appendChild(link);
				head.insertBefore( link, head.firstChild );

				/*
				result:
				<body>	// document.body
					<div>
						<div id="browserTopMenu">
						</div>
						<div id="browserImages">
							<div>..start..</div><div>..end</div>
						</div>
						<div id="browserTimeline">	// histogram
							<div class="browserHistogramBar"/>
								...
							<div id="browserTimelineShow"/>
						</div>
					</div>
					...
				</body>
				*/
				browser.body = document.createElement('div');
				browser.body.setAttribute('id','browser');
				browser.body.style.display = "block";

				// settings menu
				var topmenu = document.createElement('div');
				topmenu.setAttribute('id','browserTopMenu');
//				topmenu.innerHTML = "<a onclick=\"document.getElementById('browserSettings').style.display='block';\">settings</a><a onclick='browser.close();'>close</a>";
				topmenu.innerHTML = "<a onclick=\"toggleDisplay('browserSettings');\">settings</a><a onclick='browser.close();'>close</a>";
				var settings = document.createElement('div');
				settings.setAttribute('id','browserSettings');
				settings.innerHTML = "Animate: <input type='checkbox' name='animation' checked='checked' onchange='browser.settings.animate = !browser.settings.animate;'><br>";
				browser.body.appendChild(topmenu);
				browser.body.appendChild(settings);

				// images
				var l = document.createElement('div');
				l.setAttribute('id','browserImages');
				browser.body.appendChild(l);
				l.style.display = "block";
				l.style.width = "100%";
				l.style.height = "100%";
				browser.imagesBody = l;

				// text
				var st = document.createElement('div');
				st.style.color = '#fff';
				st.style.fontSize = '12pt';
				st.style.fontFamily = 'Arial, Sans-Serif';
				st.style.position = 'absolute';
				st.style.top = '1.2em';
				st.innerHTML = "start";
				l.appendChild(st);
				var en = document.createElement('div');
				en.style.color = '#fff';
				en.style.fontSize = '12pt';
				en.style.fontFamily = 'Arial, Sans-Serif';
				en.style.position = 'absolute';
				en.style.top = '1.2em';
				en.style.right = '0px';
				en.innerHTML = "end";
				l.appendChild(en);
				var cen = document.createElement('div');
				cen.style.color = '#fff';
				cen.style.fontSize = '12pt';
				cen.style.fontFamily = 'Arial, Sans-Serif';
				cen.style.position = 'absolute';
				cen.style.top = '1.2em';
				cen.style.width = '100%';
				cen.style.textAlign = 'center';
				l.appendChild(cen);
				browser.fields.start = st;
				browser.fields.end = en;
				browser.fields.center = cen;

				// timeline
				var timelineBody = document.createElement("div");
				timelineBody.setAttribute('id','browserTimeline');
				browser.body.appendChild(timelineBody);
				browser.timeline.body = timelineBody;

				var days = Math.ceil((browser.timeline.full.end - browser.timeline.full.start)/(24*60*60));
				awareNumDays = days;
				for (var i=0;i<days;i++)
				{
					var histoBar = document.createElement("div");
					histoBar.className = "browserHistogramBar";		// not sure about opera and such
					histoBar.style.bottom = 0 + "px";
					eval( "histoBar.ondblclick = function() { browser.timeline.zoomday("+i+"); }" );

					timelineBody.appendChild(histoBar);
				}

				var timelineShow = document.createElement("div");
				timelineShow.setAttribute( 'id','browserTimelineShow' );
				timelineBody.appendChild( timelineShow );
				browser.timeline.selection = timelineShow;

				document.body.insertBefore(browser.body, document.body.firstChild);
				browser.imagesBody.onmousedown = browser.zoomcontrol.down;

				if (window.innerHeight)
					browser.imagesBody.style.height = window.innerHeight - topmenu.offsetHeight - timelineBody.offsetHeight + 'px';
				else
					browser.imagesBody.style.height = browser.body.offsetHeight - topmenu.offsetHeight - timelineBody.offsetHeight + 'px';
				
				browser.imagesBody.style.top = topmenu.offsetHeight + 'px';

				browser.timeline.update();

				if (browser.objects==null)
					browser.objects = new Object();
				x_get_list( browser.getlist_cb );

				// attach refresh events
				if (window.attachEvent)
				{
					window.attachEvent('onresize', browser.rebuild);
				}
				else
				{
					window.addEventListener('resize', browser.rebuild, false);
//					document.addEventListener('keypress',browser.hotkey,false);
				}
				
//				browser.attachHotkeys();

				browser.initialized = true;
			},
		close : function()
			{
				browser.body.style.display = 'none';
				if (document.removeEventListener)
				{
//					document.removeEventListener('keypress',browser.hotkey);
				}

				if (browser.pageedited)
				{
					browser.pageedited = false;
					window.location.reload(true);
				}
			},
		attachHotkeys : function()
			{
				if (document.addEventListener)
					document.addEventListener('keypress',browser.hotkey,false);
				else
					document.attachEvent('onkeypress', browser.hotkey);
			},
		hotkey : function(evt)
			{
				if (!evt) evt = event;

				var key;
				if (evt.keyCode)
					key = String.fromCharCode(evt.keyCode).toLowerCase();
				else
					key = String.fromCharCode(evt.which).toLowerCase();

				if (key=='b' && evt.ctrlKey && evt.altKey)
				{
					if (!browser.initialized)
					{
						browser.init();
					}
					else
					{
						if (browser.body.style.display=='none')
							browser.body.style.display = 'block';
						else
							browser.close();
					}
				}
			},
		rebuild : function()
			{
				browser.timeline.update();
				browser.render();
			},
		updateTimer : null,
		update : function()
			{
				if (browser.updateTimer)
				{
					clearTimeout(browser.updateTimer);
					browser.updateTimer = 0;
				}
				x_get_list( browser.getlist_cb );
			},
		input_position_y : -1,
		getlist_cb : function(z)
			{
				var list;
				eval(z);

				var new_object = false;

				var max_y = getElementTop(browser.imagesBody) + browser.imagesBody.offsetHeight - 90-30;
				var min_y = getElementTop(browser.imagesBody) + 40;

				if (max_y<0) max_y = 300;
				if (browser.input_position_y==-1) browser.input_position_y = min_y;
				var y = browser.input_position_y;
				var x = 0;
				var e = browser.imagesBody;
				for(var index in list)
				{
					var item = list[index];
					if (!browser.objects[item['objectid']])
					{
						new_object = true;
						browser.objects[item['objectid']] = item;

						var objdiv = document.createElement('div');
						objdiv.style.display = 'none';
						objdiv.style.position = 'absolute';
						objdiv.style.top = y + 'px'; //parseInt(100+600*Math.random()) + 'px';
						objdiv.style.zIndex = 10000050;
						objdiv.style.cursor = "pointer";
						browser.objects[item['objectid']].link = 'data/' + item['filename'];
						var img = document.createElement('img');
						img.setAttribute('title',item['filename'] + ': ' + item['time']);
						img.setAttribute('width','120');
						img.setAttribute('height','90');
						eval("img.onmousedown = function(evt) { if (!evt) evt=event; browser.objectDrag(evt," + item['objectid'] + "); }");

						objdiv.appendChild(img);
						e.appendChild(objdiv);

						y += 90;
						if (y>max_y) y = min_y;

						browser.objects[item['objectid']].objdiv = objdiv;
						browser.objects[item['objectid']].img = img;
						img.setAttribute('src','browser_thumb.php?objectid=' + item['objectid']);
					}
				}

				browser.input_position_y = y;

//				if (new_object)
					browser.render();

				browser.updateTimer = setTimeout(browser.update, 60*1000);
			},
		preview :
			{
				objectindex : -1,
				lastobjectindex : -2,
				body : null, info : null, content : null,
				img : null,
				create : function()
				{
					if (browser.preview.body)
						return true;
					
					/*
						<div id="browserPreview">
							<div id="browserPreviewInfo">
							</div>
							<div id="browserPreviewContent">
							</div>
						</div>	#browserPreview
					*/

					var div = document.createElement('div');
					div.setAttribute('id','browserPreview');
					div.style.display = 'none';
//					div.onmousedown = browser.preview.hide;

					var info = document.createElement('div');
					info.setAttribute('id','browserPreviewInfo');
					div.appendChild(info);
					
					var content = document.createElement('div');
					content.setAttribute('id','browserPreviewContent');
					content.onmousedown = browser.preview.hide;
					div.appendChild(content);

					browser.body.appendChild(div);

					browser.preview.body = div;
					browser.preview.info = info;
					browser.preview.content = content;
				},
				open : function()
				{
					if (browser.preview.objectindex==browser.preview.lastobjectindex)
					{
						browser.preview.body.style.display = 'block';
						return false;
					}
					browser.preview.lastobjectindex = browser.preview.objectindex;

					browser.preview.create();
					browser.preview.body.style.display = 'block';
					switch(browser.objects[browser.preview.objectindex].type)
					{
					case "Text":
						browser.preview.content.style.width = browser.body.offsetWidth - 222;

						x_get_textfile( browser.preview.objectindex, browser.preview.get_textfile_cb );
						break;
					case "Video":
					case "Audio":

						var width = browser.body.offsetWidth - 222, height = browser.body.offsetHeight;
						var url = 'tiki-download_file.php?fileId=' + browser.objects[browser.preview.objectindex]['fileid'];
						browser.preview.content.innerHTML = "<object width='" + width + "' height='" + height + "' codebase='http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0' align='middle'><param name='src' value='" + url + "' /><embed src='" + url + "' width='"+ width +"' height='"+height+"' pluginspage=http://www.apple.com/quicktime/download/ align='middle' bgcolor='black' autoplay='false'> </embed> </object>";

						break;

					case "Image":

						var div = browser.preview.content;
						div.innerHTML = "";
						var img = document.createElement('img');
						div.appendChild(img);
						img.onclick = browser.preview.hide;

						var url = 'show_image.php?id=' + browser.objects[browser.preview.objectindex]['imageid'];
						img.setAttribute( 'src', url );
						break;
					}

					// fix info
					var obj = browser.objects[browser.preview.objectindex];
					var html = "";
					if (obj['user'])	html += "User: " + obj['user'] + "<br>";
					if (obj['time'])	html += "Time: " + obj['time'] + "<br>";
					if (html.length>0) html += "<br>";
					if (urlPagename()) html += "<a href='javascript:browser.preview.addToWikipage();'>Add to wiki page</a>";
					browser.preview.info.innerHTML = html;
					return false;
				},
				hide : function(evt)
				{
					if (!evt) evt = event;
					
					if (evt.button<1)
					{
						browser.preview.body.style.display = 'none';
						document.body.oncontextmenu = function() { return false; };
					}

					evt.cancelBubble = true;
					if (evt.stopPropagation) evt.stopPropagation();

					return false;
				},
				get_textfile_cb : function(content)
				{
					browser.preview.content.innerHTML = content;
				},
				addToWikipage : function()
				{
					var pagename = urlPagename();
					x_addtowiki(pagename,browser.preview.objectindex, browser.preview.addtowiki_cb);		// index is actually id
				},
				addtowiki_cb : function(z)
				{
					alert(z);
					browser.pageedited = true;
				}
			},
		drag : { dragging : false, target : null, moved : true, offset : {x:0,y:0} },
		objectDrag : function(evt, index) // index == object index
			{
				// disable automatic image dragging (e.g. copying)
				if (evt.preventDefault) evt.preventDefault();	// mozilla
				evt.returnValue = false;

				// right mouse button
				if (evt.button>1) return true;
				// shift key
				if (evt.shiftKey) return true;
				// ctrl key
				if (evt.ctrlKey) return true;

				switch( evt.type )
				{
				case "mousedown":
					eval("document.onmouseup = function(evt) { if (!evt) evt=event; browser.objectDrag(evt," + index + "); }");
					eval("document.onmousemove = function(evt) { if (!evt) evt=event; browser.objectDrag(evt," + index + "); }");

					browser.drag.taget = evt.target?evt.target:evt.srcElement;

					var left = getElementLeft( browser.objects[index].objdiv );
					var top = getElementTop( browser.objects[index].objdiv );
					browser.drag.offset.x = (evt.clientX?evt.clientX:evt.pageX)-left;
					browser.drag.offset.y = (evt.clientY?evt.clientY:evt.pageY)-top;

					browser.drag.dragging = true;
					browser.drag.moved = false;

					evt.cancelBubble = true;
					if (evt.stopPropagation) evt.stopPropagation();
					break;
				case "mouseup":
					document.onmouseup = null;
					document.onmousemove = null;
					
					browser.drag.dragging = false;
					if (!browser.drag.moved)
					{
						browser.preview.objectindex = index;
						browser.preview.open();
					}

					evt.cancelBubble = true;
					if (evt.stopPropagation) evt.stopPropagation();
					break;
				case "mousemove":
					var top = getElementTop(browser.body);

					var clientY = evt.clientY?evt.clientY:evt.pageY;

//					browser.objects[index].objdiv.style.top = clientY-15 + 'px';
					browser.objects[index].objdiv.style.top = clientY-browser.drag.offset.y + 'px';
					browser.drag.moved = true;

					evt.cancelBubble = true;
					if (evt.stopPropagation) evt.stopPropagation();
					break;
				default:
					return true;
				}
				return false;
			},
		render : function()
			{
//				var bw = browser.body.offsetWidth;
//				var bw = browser.imagesBody.offsetWidth;
				var bw = browser.imagesBody.offsetWidth-120;
				var tl = browser.timeline.visible.end-browser.timeline.visible.start;
				var bbb = false;
				for (var index in browser.objects)
				{
					var object = browser.objects[index];
					if (object['timestamp']<browser.timeline.visible.start) { object.objdiv.style.display = 'none'; continue; }
//					var x = Math.round(browser.body.offsetWidth*((object['timestamp']-browser.timeline.visible.start) / (browser.timeline.visible.end-browser.timeline.visible.start)));
					var x = parseInt(bw*((object['timestamp']-browser.timeline.visible.start) / tl));
					if (x<0||(object.img.width+x)>bw+120) // both object.objdiv.offsetWidth and object.img.width is zero on IE. offsetWidth is 0 on ff
					{
						object.objdiv.style.display='none';
					}
					else
					{
						object.objdiv.style.display='block';
						object.objdiv.style.left = x + 'px';
					}
				}

				var ts = timeLCSstr(browser.timeline.visible.start, browser.timeline.visible.end);
				browser.fields.start.innerHTML = ts[0]; //timetostr(browser.timeline.visible.start);
				browser.fields.end.innerHTML = ts[2]; //timetostr(browser.timeline.visible.end);
				browser.fields.center.innerHTML = ts[1]; //timeLCSstr(browser.timeline.visible.start,browser.timeline.visible.end);
			},
		timeline :
			{
				body : null, selection : null,	// html elements for visual representation
				numpics : null,
				update : function()
					{
						x_get_num_pics( browser.timeline.full.start, browser.timeline.full.end, browser.timeline.update_cb );
					},
				update_cb : function(z)
					{
						var list;
						eval(z);
						browser.timeline.numpics = list;

						browser.timeline.render();
					},
				renderSelection : function()
					{
						if (!browser.timeline.selection) return false;

						var x1 = getElementLeft(browser.timeline.body) + (browser.timeline.body.offsetWidth*(browser.timeline.visible.start-browser.timeline.full.start))/(browser.timeline.full.end-browser.timeline.full.start);
						var x2 = getElementLeft(browser.timeline.body) + (browser.timeline.body.offsetWidth*(browser.timeline.visible.end-browser.timeline.full.start))/(browser.timeline.full.end-browser.timeline.full.start);
						
						browser.timeline.selection.style.left = parseInt(x1) + 'px';
						browser.timeline.selection.style.width = parseInt(x2-x1) + 'px';
					},
				render : function()
					{
						if (!browser.timeline.numpics) return;

						var days = Math.ceil((browser.timeline.full.end - browser.timeline.full.start)/(24*60*60));
						var left = getElementLeft(browser.timeline.body);
						var w = browser.timeline.body.offsetWidth / days;
						var x1 = left,x2;
						var date = new Date();
						date.setTime(browser.timeline.full.start*1000);
						date.setDate(date.getDate()-1);
						for (var i=0;i<days;i++)
						{
							date.setDate(date.getDate()+1);
							var nst = parseInt(date.getTime()/1000);

//							x2 = left + parseInt(((i+1)*browser.timeline.body.offsetWidth)/days);
							x2 = left + parseInt(((nst-browser.timeline.full.start)*browser.timeline.body.offsetWidth)/(browser.timeline.full.end-browser.timeline.full.start));
							var histoBar = browser.timeline.body.childNodes[i];
//							histoBar.style.width = parseInt( w ) + 'px';
//							histoBar.style.left = getElementLeft(browser.timeline.body) + parseInt((i)*w) + "px";
							histoBar.style.left = parseInt(x1) + 'px';
							histoBar.style.width = parseInt(x2-x1) + 'px';
							histoBar.style.height = parseInt( 1+browser.timeline.numpics[i] ) + 'px';
							histoBar.setAttribute( 'title', browser.timeline.numpics[i] );
							x1 = x2;
						}
						
						browser.timeline.renderSelection();
					},
				zoomday : function(day)
					{
						var date = new Date();
						date.setTime(browser.timeline.full.start*1000);
						date.setDate(date.getDate()+day-1);
						var nst = parseInt(date.getTime()/1000);
						date.setDate(date.getDate()+1);
						var nen = parseInt(date.getTime()/1000);
//						browser.timeline.pushcurrent();
						browser.zoomcontrol.animation.start(nst,nen,10);

//						browser.render();
//						browser.timeline.renderSelection();
					},

				full : { start : strtotime("2006-11-15 18:00:00"), end : strtotime("2006-11-17 22:00:00") },
				visible : { start : strtotime("2006-11-16 00:00:00"), end : strtotime("2006-11-16 23:59:59") },
				queue : new Array(),
				pushcurrent : function()
					{
						browser.timeline.queue.push({start : browser.timeline.visible.start, end : browser.timeline.visible.end });
					},
				pop : function ()
					{
						return browser.timeline.queue.pop();
					}
			},
		zoomcontrol :
			{
				x : 0, y : 0,
				oldstart : 0,
				oldend : 0,
				selector :
					{
						startx : 0,
						obj : null,
						createobj : function()
							{
								if (browser.zoomcontrol.selector.obj) return true;
								
								var div = document.createElement('div');
//								div.style.border = 'solid 1px #000;';
								div.style.borderStyle = 'solid';
								div.style.borderWidth = '1px';
								div.style.position = 'absolute';
								div.style.zIndex = 10001000;
								div.style.display = 'none';
								browser.body.appendChild(div);
								browser.zoomcontrol.selector.obj = div;

								return browser.zoomcontrol.selector.obj;
							},
						start : function(x,y)
							{
								if (!browser.zoomcontrol.selector.createobj()) return false;

								browser.zoomcontrol.selector.obj.style.top = y + 'px';
								browser.zoomcontrol.selector.obj.style.left = x + 'px';
								browser.zoomcontrol.selector.obj.style.height = '2px';
								browser.zoomcontrol.selector.obj.style.width = '1px';
								browser.zoomcontrol.selector.obj.style.display = 'block';
								browser.zoomcontrol.selector.startx = x;
							},
						change : function(x)
							{
								if (!browser.zoomcontrol.selector.obj) return;
								if (x>browser.zoomcontrol.selector.startx)
								{
									browser.zoomcontrol.selector.obj.style.left = browser.zoomcontrol.selector.startx + 'px';
									browser.zoomcontrol.selector.obj.style.width = (x-browser.zoomcontrol.selector.startx) + 'px';
								}
								else
								{
									browser.zoomcontrol.selector.obj.style.left = x + 'px';
									browser.zoomcontrol.selector.obj.style.width = (browser.zoomcontrol.selector.startx-x) + 'px';
								}
							},
						stop : function()
							{
								if (!browser.zoomcontrol.selector.obj) return;
								browser.zoomcontrol.selector.obj.style.display = 'none';
							}
					},
				down : function(evt)
					{
						if (browser.drag.dragging) return true;

						if (!evt) evt = event;

						// disable automatic image dragging (e.g. copying)
						if (evt.preventDefault) evt.preventDefault();	// mozilla : doesn't really seem to be needed
						evt.returnValue = false;

						if (evt.button>1 || evt.ctrlKey)	// right mouse button
						{
							if (evt.type!="mousedown") return false;

							var tl = browser.timeline.pop()
							if (tl)
							{
								browser.zoomcontrol.animation.start( tl.start, tl.end, 10 );
							}
							else
							{
								var left = getElementLeft( browser.body );
								var width = browser.body.offsetWidth;
								var x = evt.clientX?evt.clientX:evt.pageX;
								var p = /*parseInt*/(browser.timeline.visible.start + (x-left)*(browser.timeline.visible.end - browser.timeline.visible.start)/width);
								browser.zoomcontrol.animation.start(
									/*parseInt*/( p + 1.5*(browser.timeline.visible.start-p) ),
									/*parseInt*/( p + 1.5*(browser.timeline.visible.end-p) ),
									10
									);
							}
							
							browser.render();

							return false;
						}
						
						switch(evt.type)
						{
						case "mousedown":
							browser.body.onmouseup = browser.zoomcontrol.down;
							browser.body.onmousemove = browser.zoomcontrol.down;

							var x = evt.clientX?evt.clientX:evt.pageX;
							var y = evt.clientY?evt.clientY:evt.pageY;
							browser.zoomcontrol.x = x;
							browser.zoomcontrol.y = y;
							browser.zoomcontrol.oldstart = browser.timeline.visible.start;
							browser.zoomcontrol.oldend = browser.timeline.visible.end;

							browser.zoomcontrol.selector.start(x,y);
							
							break;
						case "mouseup":
							browser.body.onmouseup = null;
							browser.body.onmousemove = null;

							var left = getElementLeft( browser.body);
							var width = browser.body.offsetWidth;

							var x1 = browser.zoomcontrol.x;
							var x2 = evt.clientX?evt.clientX:evt.pageX;
							
							browser.zoomcontrol.selector.stop();
							
							if (x1>x2)
							{
								var tmp = x1;
								x1 = x2;
								x2 = tmp;
							}

							if (x2-x1>5)
							{
								browser.timeline.pushcurrent();
								browser.zoomcontrol.animation.start(
									/*parseInt*/(browser.timeline.visible.start + (x1-left)*(browser.timeline.visible.end-browser.timeline.visible.start)/width),
									/*parseInt*/(browser.timeline.visible.start + (x2-left)*(browser.timeline.visible.end-browser.timeline.visible.start)/width),
									10
									);
							}
							// else ignore

							break;
						case "mousemove":
							browser.zoomcontrol.selector.change( evt.clientX?evt.clientX:evt.pageX );
							break;
						}
						return true;
					},
				animation :
					{
						from : { start : 0, end : 0 },
						to : { start : 0, end : 0 },
						t : 0,
						steps : 10,
						timerid : 0,
						start : function(start,end, steps)
							{
								browser.zoomcontrol.animation.from.start = browser.timeline.visible.start;
								browser.zoomcontrol.animation.from.end = browser.timeline.visible.end;
								browser.zoomcontrol.animation.to.start = start;
								browser.zoomcontrol.animation.to.end = end;

								browser.zoomcontrol.animation.steps = steps?steps:10; // default 10 steps
								browser.zoomcontrol.animation.t = 0;

								browser.zoomcontrol.animation.tick();
							},
						tick : function()
							{
								if (!browser.settings.animate)
								{
									browser.timeline.visible.start = browser.zoomcontrol.animation.to.start;
									browser.timeline.visible.end = browser.zoomcontrol.animation.to.end;

									browser.timeline.renderSelection();
									browser.render();
									browser.update();
									return true;
								}

								if (browser.zoomcontrol.animation.timerid)
								{
									clearTimeout( browser.zoomcontrol.animation.timerid );
									browser.zoomcontrol.animation.timerid = 0;
								}

								var fs = browser.zoomcontrol.animation.from.start;
								var fe = browser.zoomcontrol.animation.from.end;
								var ts = browser.zoomcontrol.animation.to.start;
								var te = browser.zoomcontrol.animation.to.end;
								var t = browser.zoomcontrol.animation.t;
								var steps = browser.zoomcontrol.animation.steps;
//								browser.timeline.visible.start = parseInt(fs + (t-steps)*(ts-fs)/steps);
//								browser.timeline.visible.end = parseInt(fe + (t-steps)*(te-fe)/steps);
								browser.timeline.visible.start = Math.round(ts - (t-steps)*(fs-ts)/steps);
								browser.timeline.visible.end = Math.round(te - (t-steps)*(fe-te)/steps);

								browser.render();

								if (t<steps)
								{
									browser.zoomcontrol.animation.t++;
									browser.zoomcontrol.animation.timerid = setTimeout( "browser.zoomcontrol.animation.tick()", 100 );
								}
								else
								{
									browser.timeline.renderSelection();
									browser.update();
								}
							}
					}
			},
		body : null,
		fields : { start : null, end : null }
		};

	if (window.attachEvent)
		window.attachEvent('onload', browser.attachHotkeys);
	else
		window.addEventListener('load',browser.attachHotkeys,false);

/*	if (window.attachEvent)
		window.attachEvent('onload', browser.init);
	else
		window.addEventListener('load',browser.init,false);*/