function showHidden(event){
	if (!window.excluded || excluded.length == 0 || hidePhotos)
		return;
		
	var right=false;
	for (var i=0;i<photoDivs.length;i++){
		myElm = photoDivs[i].firstChild
		while (myElm){
			myElm.style.display = '';
			if (myElm.name == 'imgright' && !right){
				td1 = myElm.getElementsByTagName('td')[0];
				td2 = td1.nextSibling;
				par = td1.parentNode
				par.removeChild(td1)
				par.appendChild(td1)
				myElm.name = 'imgleft';
				td1.align = 'left'
			}
			else if (myElm.name == 'imgleft' && right){
				td1 = myElm.getElementsByTagName('td')[0];
				td2 = td1.nextSibling;
				par = td1.parentNode
				par.removeChild(td2)
				par.insertBefore(td2,td1)
				myElm.name = 'imgright';
				td2.align = 'right'
			}
			right = !right;
			myElm = myElm.nextSibling;
		}
		init();
		chgPage();
		excluded = excl = null;
	}
}
function hideSelected(event){
	if (event.stopPropagation)
		event.stopPropagation();
	else
		event.cancelBubble = true;

	if (!window.excl || excl.length ==0)
		return;

	var myElm, td1, td2, par;
	var right=false;
		
	for (var i=0;i<excl.length;i++)
		$(excl[i]).style.display = 'none'
	
	for (var i=0;i<photoDivs.length;i++){
		myElm = photoDivs[i].firstChild
		while (myElm){
			if ((myElm.style) && myElm.style.display != 'none'){
				if (myElm.name == 'imgright' && !right){
					td1 = myElm.getElementsByTagName('td')[0];
					td2 = td1.nextSibling;
					par = td1.parentNode
					par.removeChild(td1)
					par.appendChild(td1)
					myElm.name = 'imgleft';
					td1.align = 'left'
				}
				else if (myElm.name == 'imgleft' && right){
					td1 = myElm.getElementsByTagName('td')[0];
					td2 = td1.nextSibling;
					par = td1.parentNode
					par.removeChild(td2)
					par.insertBefore(td2,td1)
					myElm.name = 'imgright';
					td2.align = 'right'
				}
				right = !right;
			}
			myElm = myElm.nextSibling;
		}
		//var smallPhotoDiv = smallPhotoDivs[i]
		
		//var tds= smallPhotoDiv.getElementsByTagName('td')
		
	}
	init();
	chgPage();
	
	excluded = excl.sort();
	excl = null;
}
function displayOptions(event){
	if (event.stopPropagation)
		event.stopPropagation();
	else
		event.cancelBubble = true;
	
	if (optionsBox.style.visibility == 'visible')
		optionsBox.style.visibility='hidden'
	else{
		var trs = optionsBox.getElementsByTagName('tr')
		if (thumbnails){
			trs[0].firstChild.innerHTML = '&radic;';
		}
		else{
			trs[0].firstChild.innerHTML = '';
		}
		if (window.excl && excl.length > 0)
			trs[3].firstChild.nextSibling.style.color = '';
		else 
			trs[3].firstChild.nextSibling.style.color = 'gray';

		if (hidePhotos || !window.excluded || excluded.length == 0)
			trs[4].firstChild.nextSibling.style.color = 'gray';
		else {
			trs[4].firstChild.nextSibling.style.color = '';
		}
		
		if (hidePhotos)
			trs[1].firstChild.innerHTML = '&radic;';
		else
			trs[1].firstChild.innerHTML = '';

		var myElm = document.getElementById('optionsLink')
		var top = myElm.offsetHeight;
		var left = 0;
		while (myElm.tagName != 'BODY'){
			top = top+myElm.offsetTop;
			left = left+myElm.offsetLeft;
			myElm = myElm.offsetParent;
		}
		optionsBox.style.top = top+'px';
		optionsBox.style.left = left+'px';
		optionsBox.style.visibility='visible'
	}
}
function noPhotos(td){
	hidePhotos = !hidePhotos;
	chgPage();
}

function noMap(td){
	hideMap = !hideMap
	if (hideMap)
		td.previousSibling.innerHTML = '&radic;'
	else
		td.previousSibling.innerHTML = ''

	chgPage();
}
var x=0;
function smallPhotos(){
	thumbnails = !thumbnails;
	chgPage();
}
function chgPage(td){
	var maps = document.getElementsByName('map')
	var photos, smallerDiv, myElm, top, left;
	for (var x=0;x<photoDivs.length;x++){
		photos = photoDivs[x];
		smallerDiv = $(smallPhotoDivs[x]);
		smallerDiv.style.display='none';
		photos.style.display = 'block';
		if (thumbnails && !hidePhotos){
			//optionsBox.getElementsByTagName('td')[0].innerHTML = '';
			photos.style.display='none';
			smallerDiv.style.display='block';
			var z = smallerDiv.getElementsByClassName('smallTd')
			/*for (var i=0;i<z.length;i++){
				myElm = z[i];
				while (z[i].offsetHeight > 200){
					xx = z[i].innerHTML.lastIndexOf(' ');
					z[i].innerHTML = z[i].innerHTML.substr(0,xx);
				}
			}*/
		}
		else if (hidePhotos){
			//optionsBox.getElementsByTagName('td')[0].innerHTML = '';
			photos.style.display='none';
			smallerDiv.style.display='none';
		}
		if (maps.length > 0){
			for (var i=0;i<maps.length;i++)
				if (hideMap){
					maps[i].style.display = 'none'
				}
				else
					maps[i].style.display = 'block'
			}
	}
	optionsBox.style.visibility = 'hidden';
}
function sel(img,str){
	if (!window.excl)
		excl = [];

	if (img.style.border.indexOf('white') > -1){
		excl[excl.length] = str;
		img.style.border = "3px solid blue";
	}
	else {
		img.style.border = "3px solid white";
		excl = excl.without(str)
	}
}
function addLink(img){
	pElm = img.parentNode;
	
	var sp = document.createElement('span')
	sp.innerHTML = 'Click to Enlarge'
	sp.className = 'enlarge onPrintHide'
	var top = pElm.offsetHeight-20;
	var left = (pElm.offsetWidth/2)-36;
	xElm = img;
	while (xElm.tagName != 'BODY'){
		top += xElm.offsetTop;
		left += xElm.offsetLeft;
		xElm = xElm.offsetParent;
	}
	sp.style.top = top+'px'
	sp.style.left = left+'px'
	pElm.appendChild(sp)
}
function init(){
	addLink($('mainImg'))
	//alert('init')
	photoDivs = document.getElementsByName('photos')
	smallPhotoDivs = document.getElementsByName('smallPhotosDiv')
	
	var aPhotos;
	var smallerDiv;
	var a, z, y, spos, epos, classid, imgnum, pElm;
	
	var additionalPhotos = false;
	for (var i=0;i<photoDivs.length;i++){
		aPhotos = $(photoDivs[i]).getElementsByClassName('photo')
		//alert(aPhotos.length)
		if (aPhotos.length > 0){
			additionalPhotos = true;
			
			captions = $(photoDivs[i]).getElementsByClassName('caption')
			smallerDiv = smallPhotoDivs[i];
			a=[];
			z=[];
			spos = aPhotos[0].src.indexOf('homes/') + 6;
			epos = aPhotos[0].src.indexOf('_',spos);
			classid = aPhotos[0].src.substring(spos,epos);
	
			for (var x=0;x<aPhotos.length;x++){
				addLink(aPhotos[x])
				pElm = aPhotos[x].parentNode;
				while (!pElm.id)
					pElm = pElm.parentNode
				if (pElm.style.display != 'none'){
					y = z.length;
					z[y] = {};
					z[y].caption = captions[x].innerHTML;
					z[y].src = aPhotos[x].src.toLowerCase().replace('_r','_i');
					z[y].height = aPhotos[x].height
					spos = aPhotos[x].src.indexOf('_') + 1;
					epos = aPhotos[x].src.indexOf('_',spos);
					z[y].imgnum = aPhotos[x].src.substring(spos,epos)
					//alert(z[y].src+':'+z[y].imgnum);
				}
			}
			z.sort(function(a,b){
				if (a.height > b.height)
					return 1
				else if (b.height > a.height)
					return -1
				else return 0;
			})
			a[a.length]='<table width="600">';
			for (var x=0;x<z.length;x++){
				if(x % 3 == 0)
					a[a.length]='<tr>';
				a[a.length]='<td val="'+classid+'_'+z[x].imgnum+'" onclick="sel(this,\''+classid+'_'+z[x].imgnum+'\')" width="33%" valign="top" style="border:3px solid white">';
				a[a.length] = '<div class="smallTd"><img src="'+z[x].src.toLowerCase().replace('_r','_i')+'">';
				a[a.length] = '<div>';
				a[a.length] = z[x].caption+'</div></div>';
				a[a.length]='</td>';
				if((x % 3 == 2) || x == z.length-1)
					a[a.length]='</tr>'
			}
			a[a.length]='</table>'
		
			smallerDiv.innerHTML = a.join("");
		}
	}
	
	if (!additionalPhotos && !$('map')){
		return
	}
		
	$('optionsLink').style.visibility = 'visible';
	
	
		
	//document.body.appendChild(smallerDiv);
	if (!window.optionsBox){
		optionsBox = $(document.createElement('div'))
		optionsBox.style.position = 'absolute';
		optionsBox.className = 'onPrintHide';
		optionsBox.style.backgroundColor = 'lightblue';
		optionsBox.style.border = '1px solid black';
		optionsBox.style.visibility = 'hidden';
		optionsBox.className = 'menu';
		a=[];
		a[a.length] = '<table>'
		if (z.length > 0){
			a[a.length] = '<tr><td class="ck"></td><td onmouseover="this.style.backgroundColor=\'white\'"  onmouseout="this.style.backgroundColor=\'lightblue\'" onclick="smallPhotos();">Thumbnail Photos</td>'
			a[a.length] = '<tr><td class="ck"></td><td onmouseover="this.style.backgroundColor=\'white\'"  onmouseout="this.style.backgroundColor=\'lightblue\'" onclick="noPhotos(this);">Hide All Additional Photos</td>'
		}

		if(!$('map'))
			tempvar = 'style="display:none"';
		else
			tempvar = '';
			
		a[a.length] = '<tr '+tempvar+'><td class="ck" '+tempvar+'></td><td '+tempvar+' onmouseover="this.style.backgroundColor=\'white\'"  onmouseout="this.style.backgroundColor=\'lightblue\'" onclick="noMap(this);">Hide Map</td>'
		
		if (z.length > 0){
			a[a.length] = '<tr><td class="ck"></td><td onmouseover="if(this.style.color!=\'gray\')this.style.backgroundColor=\'white\'"  onmouseout="this.style.backgroundColor=\'lightblue\'" onclick="hideSelected(this);">Hide Selected Photos</td>'
			a[a.length] = '<tr><td class="ck"></td><td onmouseover="if(this.style.color!=\'gray\')this.style.backgroundColor=\'white\'"  onmouseout="this.style.backgroundColor=\'lightblue\'" onclick="showHidden(this);">Show Hidden Photos</td>'
		}
		
		optionsBox.innerHTML = a.join("");
		Event.observe(document.body,'click',function(event){
			if(event.target){
				var elm = event.target
				while (elm.nodeName != 'BODY'){
					if (elm == optionsBox)
						return
					elm = elm.parentNode
				}
			}
			optionsBox.style.visibility='hidden';
		})
		
		document.body.appendChild(optionsBox)
		Event.observe(optionsBox,'click',function(event){	
			if (event.stopPropagation){
				event.stopPropagation()
			}
			else
				event.cancelBubble=true;
		})
	}
}
function popPic(elm){
	var adj = 1;
	if (!window.picDiv){
		picDiv = document.createElement('div')
		picDiv.id = 'pictureDiv'
		picDiv.style.border="1px solid black"
		picDiv.style.position = 'absolute';
		document.body.appendChild(picDiv);
		picDiv.onclick = picDiv.onblur = function(){picDiv.style.visibility = 'hidden'};
	}
	var img = elm.getElementsByTagName('img')[0];

	var st = img.src.indexOf('_')+1
	var end = img.src.indexOf('_',st)
	var imgnum = img.src.substring(st,end)

	if (picDiv.style.visibility == 'visible' && picDiv.imgnum == imgnum)
		return;

	//var oldImg = elm.getElementsByTagName('img')[0]
	var width = Math.round(img.width*2.142)
	var height = Math.round(img.height*2.142)
	
	if (window.innerHeight){
		var windowHeight = window.innerHeight
		var windowWidth = window.innerWidth
	}
	else if (document.documentElement && document.documentElement.clientHeight)	{
		var windowHeight = document.documentElement.clientHeight
		var windowWidth = document.documentElement.clientWidth
	}
	else if (document.body)	{
		var windowHeight = document.body.clientHeight;
		var windowWidth = document.body.clientWidth;
	}
	
	if (height > windowHeight){
		adj = windowHeight/height;
		height = height * adj
		width = width * adj
	}
	//picDiv.innerHTML = '<img src="'+elm.getElementsByTagName('img')[0].src.replace('_r','_l')+'" width='+width+' height='+height+'><div id="imgexit" style="position:absolute"><img onmouseout="this.src=\'/wwwroot/standards/images/xbutton.gif\'" onmouseover="this.src=\'/wwwroot/standards/images/xbutton2.gif\'" src="/wwwroot/standards/images/xbutton.gif" onclick="picDiv.style.visibility=\'hidden\'"></div>';
	picDiv.innerHTML = '<img src="'+img.src.replace('_r','_l')+'" width='+width+' height='+height+'>';

	
	//var imgExit = document.getElementById('imgexit')
	//imgExit.style.top = '1px';
	//imgExit.style.left = (picDiv.clientWidth-24)+'px'
	picDiv.imgnum = imgnum;
	picDiv.style.top = document.body.scrollTop+((document.body.clientHeight-picDiv.clientHeight)/2) +'px'
	picDiv.style.left = document.body.scrollLeft+((document.body.clientWidth-picDiv.clientWidth)/2) +'px'
	picDiv.style.visibility = 'visible'
	picDiv.focus();
}
hidePhotos = false;
thumbnails = false;
hideMap = false;