var ie = false;
if (document.all) {
   ie = true;
}
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}
function changeImagesArray(array) {
	if (preloadFlag == true) {
		var d = document; var img;
		for (var i=0; i<array.length; i+=2) {
			img = null; var n = array[i];
			if (d.images) {img = d.images[n];}
			if (!img && d.getElementById) {img = d.getElementById(n);}
			if (img) {img.src = array[i+1];}
		}
	}
}
function changeImages() {
	changeImagesArray(changeImages.arguments);
}
var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		pre_tide_charts_on = newImage('images/tide_charts_on.gif');
		pre_treclogo_on = newImage('images/treclogo_on.gif');
		pre_trclogo_on = newImage('images/trclogo_on.gif');
		pre_luxlogo_on = newImage('images/luxlogo_on.gif');
		pre_luxlogo_on = newImage('images/luxlogo_on.gif');
		var square = new Array('toplft', 'toprep', 'toprght', 'lftrep', 'rghtrep', 'botlft', 'botrep', 'botrght');
		var square_imgs = new Array();
		for (var i=0; i < square.length; i++) {
			square_imgs[i] = newImage('images/nav/navbox_' + square[i] + '.gif');
		}
		preloadFlag = true;
	}
}
if (isJsEnabled()) {
	addLoadEvent(preloadImages);
}
function startProperty(id) {
	var PropertyImage = document.getElementById('PropertyImage');
	var NextPictureTrigger = document.getElementById('NextPicture');

	PropertyImage.innerHTML = '<a href="' + PropertyImages[id][0]['_original'] + '" target="_blank">' +
				'<img class="bodytxt" src="' + PropertyImages[id][0]['preview'] + '" alt="" height="360" width="450" border="0" /></a>';
	if (PropertyImages[id][1]) {
		nextPropertyImage = newImage(PropertyImages[id][1]['preview']);
		NextPictureTrigger.innerHTML = '<strong><a class="nxtprv" href="javascript:switchPropertyImage(' + id + ', 1);" onClick="switchPropertyImage(' + id + ', 1)">Next &raquo;</a></strong>';
	} else {
		NextPictureTrigger.innerHTML = '&nbsp;';
	}
	return false;
}
function switchPropertyImage(pid, id) {
	var prev_id = id - 1;
	var next_id = id + 1;
	var PropertyImage = document.getElementById('PropertyImage');
	var PrevPictureTrigger = document.getElementById('PrevPicture');
	var NextPictureTrigger = document.getElementById('NextPicture');

	PropertyImage.innerHTML = '<a href="' + PropertyImages[pid][id]['_original'] + '" target="_blank">' +
				'<img class="bodytxt" src="' + PropertyImages[pid][id]['preview'] + '" alt="" height="360" width="450" border="0" /></a>';
// 	PrevPictureTrigger.innerHTML = '<strong><a class="nxtprv" href="#">&laquo; Prev</a></strong>';
// 	NextPictureTrigger.innerHTML = '<strong><a class="nxtprv" href="#">Next &raquo;</a></strong>';

	if (PropertyImages[pid][next_id]) {
		nextPropertyImage = newImage(PropertyImages[pid][next_id]['preview']);
		NextPictureTrigger.innerHTML = '<strong><a class="nxtprv" href="javascript:switchPropertyImage('+pid+', '+next_id+');" onClick="switchPropertyImage('+pid+', ' +next_id+')">Next &raquo;</a></strong>';
	} else {
		NextPictureTrigger.innerHTML = '&nbsp;';
	}
	if (PropertyImages[pid][prev_id]) {
		prevPropertyImage = newImage(PropertyImages[pid][prev_id]['preview']);
		PrevPictureTrigger.innerHTML = '<strong><a class="nxtprv" href="javascript:switchPropertyImage('+pid+', '+prev_id+');" onClick="switchPropertyImage('+pid+', ' +prev_id+')">&laquo; Prev</a></strong>';
	} else {
		NextPictureTrigger.innerHTML = '&nbsp;';
	}
	return false;
}
function doPropertyList() {
	if (!document.getElementById) return false;
	if (!document.getElementById("propertyList")) return false;
	switchProperty('Property0', 0);
	var links = document.getElementById("propertyList").getElementsByTagName("a");
	for (var i=0; i < links.length; i++) {
		if (links[i].className.match("nxtprv")) {
			links[i].onclick = function() { switchProperty(this.id, 0); return false; }
		}
	}
}
function switchPropertyLink(pid) {
	if (!document.getElementById) return false;
	if (!document.getElementById('propertyList')) return false;
	var links = document.getElementById('propertyList').getElementsByTagName('a');
	for (var i=0; i < links.length; i++) {
		links[i].className = 'nxtprv';
	}
	var current = document.getElementById(pid);
	current.className = 'nxtprv2';
}
function switchProperty(pid, id) {
	var prev_id = id - 1;
	var next_id = id + 1;
	var PropertyImage = document.getElementById('PropertyImage');
	var DescribePicture = document.getElementById('DescribePicture');
	var PrevPictureTrigger = document.getElementById('PrevPicture');
	var NextPictureTrigger = document.getElementById('NextPicture');

	PropertyImage.innerHTML = '';
	PrevPictureTrigger.innerHTML = '';
	NextPictureTrigger.innerHTML = '';

	switchPropertyLink(pid);
/*
	if (PropertyImage.firstChild.nextSibling) {
		oldNode = PropertyImage.firstChild.nextSibling.nextSibling;
		PropertyImage.removeChild(oldNode);
	}
	if (PrevPictureTrigger.firstChild.nextSibling) {
		oldNode = PrevPictureTrigger.firstChild.nextSibling.nextSibling;
		PrevPictureTrigger.removeChild(oldNode);
	}
	if (NextPictureTrigger.firstChild.nextSibling) {
		oldNode = NextPictureTrigger.firstChild.nextSibling.nextSibling;
		NextPictureTrigger.removeChild(oldNode);
	}
*/
	if (PropertyImages[pid][id]) {
		var newOrigNode = document.createElement('a');
		newOrigNode.href = PropertyImages[pid][id]['_original'];
		newOrigNode.target = '_blank';
		var newOrigImage = document.createElement('img');
		newOrigImage.className = 'bodytxt';
		newOrigImage.src = PropertyImages[pid][id]['preview'];
// 		newOrigImage.setAttribute('border', 0);
		if (! newOrigImage.height && ! ie) {
			newOrigImage.height = PropertyImages[pid][id]['preview']['height'];
			newOrigImage.setAttribute('height', PropertyImages[pid][id]['preview']['height']);
		}
		if (! newOrigImage.width && ! ie) {
			newOrigImage.width = PropertyImages[pid][id]['preview']['width'];
			newOrigImage.setAttribute('width', PropertyImages[pid][id]['preview']['width']);
		}
		newOrigNode.appendChild(newOrigImage);

		PropertyImage.appendChild(newOrigNode);
		DescribePicture.innerHTML = PropertyImages[pid][id]['body'];
	}
	if (PropertyImages[pid][prev_id]) {
		var prevBold = document.createElement('strong');
		var newPrevNode = document.createElement('a');
		newPrevNode.href = PropertyImages[pid][prev_id]['path'];
		newPrevNode.innerHTML = '&laquo; Prev';
		newPrevNode.onclick = function() { switchProperty(pid, prev_id); return false; };
		prevBold.appendChild(newPrevNode);
		PrevPictureTrigger.appendChild(prevBold);
		prevPropertyImage = newImage(PropertyImages[pid][prev_id]['preview']);
	}
	if (PropertyImages[pid][next_id]) {
		var nextBold = document.createElement('strong');
		var newNextNode = document.createElement('a');
		newNextNode.href = PropertyImages[pid][next_id]['path'];
		newNextNode.innerHTML = 'Next &raquo;';
		newNextNode.onclick = function() { switchProperty(pid, next_id); return false; };
		nextBold.appendChild(newNextNode);
		NextPictureTrigger.appendChild(nextBold);
		nextPropertyImage = newImage(PropertyImages[pid][next_id]['preview']);
	}
}
if (isJsEnabled()) {
	addLoadEvent(doPropertyList);
}