function $HTML(id, html){$(id).innerHTML = html;}
var currentport;
function changeInfo(url){
	if($(currentport).className == "site siteselected") {
		$(currentport).className = "site";
	}
	currentport = url;
	if($(url).className == "site"){
		$(url).className = "site siteselected";
	}
	var content = $("info");
	content.innerHTML = "<div id=\"contentloading\"></div>";
	try {
		xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP");
	}catch(e){}
	xmlhttp.open("GET", url, true);
	xmlhttp.onreadystatechange = function(){
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200){$HTML(content, xmlhttp.responseText);}
	}
	xmlhttp.send(null);
}
function loadNext() {
	var image = $("image");
	var current = $("imageid").value;
	var images = $("images").value;
	var newimg = (+current + + 1);
	var dir = image.className.replace(/dir:/, '');
	var caption = $("image" + newimg).title;
	if(newimg <= images) {
		$("image" + current).className = "selector";
		$("image" + newimg).className = "selectorselected";
		if(newimg <= images) {
			var imagePath = "../images/" + dir + "/" + newimg + ".png"
			$('image').setAttribute("style","background: url(" + imagePath + "); width: 320px; height: 460px;");
			/*Effect.Fade("image",{ duration: .4 });
			setTimeout(function(){ var imagePath = "../images/" + dir + "/" + newimg + ".png";
			$('image').setAttribute("style","background: url(" + imagePath + ");");
			var file = new Image();
			file.src = imagePath;
			file.onload = function() {
				Effect.Appear("image",{ duration: .4 });
				var imageH = file.height;
				var imageW = file.width;
				if(imageW > 500) {
					var image = $("photoViewer").className = "absolute";
				} else {
					var image = $("photoViewer").className = "relative";
				}
				if($('photoViewer').className == "gallery") {
					var margins = "5px 5px 5px -" + (imageW / 2) + "px";
				}
				$('photoViewer').style.margin = margins;
				new Effect.Morph('photoViewer', {
								 style: {
								 width: imageW + 'px'
								 }, // CSS Properties
								 duration: 0.8 // Core Effect properties
								 });
				new Effect.Morph('photoViewerMain', {
								 style: {
								 height: imageH + 'px',
								 width: imageW + 'px',
								 }, // CSS Properties
								 duration: 0.8 // Core Effect properties
								 });
				new Effect.Morph('image', {
								 style: {
								 height: imageH + 'px',
								 width: imageW + 'px',
								 }, // CSS Properties
								 duration: 0.8 // Core Effect properties
								 });
			}*/
			//setTimeout(function() { $('photoViewer').style.height = $('photoViewer').clientHeight },5000);
			$("photoViewerCaption").innerHTML = caption;
			if(newimg == images) {
				$("next").className = "nextdisabled";
			}
			if(newimg != 1) {
				$("previous").className = "previous";
			}
			//setTimeout("Effect.Appear('image', { duration: 1.0 });",500);
		}
		$("imageid").value = newimg;
	}
}
function loadLast() {
	var image = $("image");
	var current = $("imageid").value;
	var images = $("images").value;
	var newimg = (+current + - 1);
	var dir = image.className.replace(/dir:/gi, '');
	var caption = $("image" + newimg).title;
	if(newimg >= 1) {
		$("image").style.display = "none";
		$("image" + current).className = "selector";
		$("image" + newimg).className = "selectorselected";
		if(newimg <= images) {
			var imagePath = "../images/" + dir + "/" + newimg + ".png";
			$('image').setAttribute("style","background: url(" + imagePath + "); width: 320px; height: 460px;");
			/*var file = new Image();
			file.src = imagePath;
			file.onload = function() {
				var imageH = file.height;
				var imageW = file.width;
				if(imageW > 500) {
					var image = $("photoViewer").className = "absolute";
				} else {
					var image = $("photoViewer").className = "relative";
				}
				if(imageH > window.innerHeight) {
					imageH = window.innerHeight;
				}
				if($('photoViewer').className == "gallery") {
					var margins = "5px 5px 5px -" + (imageW / 2) + "px";
				}
				$('photoViewer').style.margin = margins;
				new Effect.Morph('photoViewer', {
								 style: {
								 width: imageW + 'px'
								 }, // CSS Properties
								 duration: 0.8 // Core Effect properties
								 });
				new Effect.Morph('photoViewerMain', {
								 style: {
								 height: imageH + 'px',
								 width: imageW + 'px',
								 }, // CSS Properties
								 duration: 0.8 // Core Effect properties
								 });
				new Effect.Morph('image', {
								 style: {
								 height: imageH + 'px',
								 width: imageW + 'px',
								 }, // CSS Properties
								 duration: 0.8 // Core Effect properties
								 });
			}
			setTimeout(function() { $('photoViewer').style.height = $('photoViewer').clientHeight },5000);*/
			$("photoViewerCaption").innerHTML = caption;
			if(newimg == 1) {
				$("previous").className = "previousdisabled";
			}
			if(newimg != images) {
				$("next").className = "next";
			}
			//setTimeout("Effect.Appear('image', { duration: 1.0 });",500);
		}
		$("imageid").value = newimg;
	}
}
function loadImage(loc) {
	var image = $("image");
	var current = $("imageid").value;
	var images = $("images").value;
	var dir = image.className.replace(/dir:/gi, '');
	var caption = $("image" + loc).title;
	$("image" + current).className = "selector";
	$("image" + loc).className = "selectorselected";
	$("image").style.display = "none";
	if(loc <= images) {
		var imagePath = "../images/" + dir + "/" + loc + ".png";
		$('image').setAttribute("style","background: url(" + imagePath + "); width: 320px; height: 460px;");
		/*var file = new Image();
		file.src = imagePath;
		file.onload = function() {
			var imageH = file.height;
			var imageW = file.width;
			if(imageW > 500) {
				var image = $("photoViewer").className = "absolute";
			} else {
				var image = $("photoViewer").className = "relative";
			}
			if(imageH > window.innerHeight) {
				imageH = window.innerHeight;
			}
			if($('photoViewer').className == "gallery") {
				var margins = "5px 5px 5px -" + (imageW / 2) + "px";
			}
			$('photoViewer').style.margin = margins;
			new Effect.Morph('photoViewer', {
							 style: {
							 width: imageW + 'px'
							 }, // CSS Properties
							 duration: 0.8 // Core Effect properties
							 });
			new Effect.Morph('photoViewerMain', {
							 style: {
							 height: imageH + 'px',
							 width: imageW + 'px',
							 }, // CSS Properties
							 duration: 0.8 // Core Effect properties
							 });
			new Effect.Morph('image', {
							 style: {
							 height: imageH + 'px',
							 width: imageW + 'px',
							 }, // CSS Properties
							 duration: 0.8 // Core Effect properties
							 });
		}
		setTimeout(function() { $('photoViewer').style.height = $('photoViewer').clientHeight },5000);*/
		$("photoViewerCaption").innerHTML = caption;
		if(loc == images) {
			$("next").className = "nextdisabled";
		} else {
			$("next").className = "next";
		}
		if(loc == 1) {
			$("previous").className = "previousdisabled";
		} else {
			$("previous").className = "previous";
		}
		//setTimeout("Effect.Appear('image', { duration: 1.0 });",500);
	}
	$("imageid").value = loc;
}