var count = 0;
			function init(){
				new Draggable('eventcalendar', {revert:false,handle:'window_header'} );
				new Draggable('recentgalleries', {revert:false,handle:'window_header'} );
				new Draggable('leftbox', {revert:false,handle:'window_header'} );
				//new Draggable('mainwindow', {revert:false,handle:'window_header'} );
			}

			/* Rollover functions:
			 *
			 * Assuming the images are gif's and the rollover images
			 * have the same name followed by "over"
			 *
			*/
			function rollOver(img){
				img.src = img.src.replace(/\.gif/,"over.gif");
			}

			function rollOut(img){
				img.src = img.src.replace(/over\.gif/,".gif");
			}



			function popup_ajax(path){
				var window_handle = newWindow();
				window_handle.innerHTML="<div class='center'>Loading. Please wait.<br /><img src='/img/loading.gif' alt='' /></div>";
				new Ajax.Updater(window_handle.id,path);
			}

			function centerObject(object){
				// Centers an object based on the viewable area of the page
				object.style.position = "absolute";
				var bd = document.viewport.getDimensions();
				var wd = Element.getDimensions(object);
				var offset = document.viewport.getScrollOffsets();
				object.style.top = (((bd.height - wd.height) / 2) + offset.top)+"px";
				object.style.left = (((bd.width - wd.width) / 2) + offset.left) +"px";
			}

			function newWindow(){
				var id = "window" + count;
				count++;
				code = "<div class=\"window_header\"><a href='#' onclick=\"document.body.removeChild(document.getElementById('"+id+"'));\"><img src=\"img/close.png\" alt=\"close\" /></a></div><div id=\"body"+id+"\" class=\"window_body\"></div>";
				var my_div = document.createElement('div');
				my_div.id = id;
				my_div.className="popup";
				my_div.style.display="none";
				my_div.innerHTML = code;
				document.body.appendChild(my_div);
				handle = document.getElementById("body"+id);
				centerObject(my_div);
				new Effect.Appear(id);
				new Draggable(id, {revert:false,handle:'window_header'} );
				return handle;
			}