var fadeimages=new Array() 

fadeimages[0]=["http://www.bocahomes-forsale.com/images/photo1.jpg", "", ""] 
fadeimages[1]=["http://www.bocahomes-forsale.com/images/photo2.jpg", "", ""] 
fadeimages[2]=["http://www.bocahomes-forsale.com/images/photo3.jpg", "", ""] 
fadeimages[3]=["http://www.bocahomes-forsale.com/images/photo4.jpg", "", ""] 
fadeimages[4]=["http://www.bocahomes-forsale.com/images/photo5.jpg", "", ""] 
fadeimages[5]=["http://www.bocahomes-forsale.com/images/photo6.jpg", "", ""] 
 
var fadebgcolor="white"

var fadearray=new Array() 
var fadeclear=new Array() 
 
var dom=(document.getElementById) 
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder)
{
	this.pausecheck=pause
	this.mouseovercheck=0
	this.delay=delay
	this.degree=10 
	this.curimageindex=0
	this.nextimageindex=1
	fadearray[fadearray.length]=this
	this.slideshowid=fadearray.length-1
	this.canvasbase="canvas"+this.slideshowid
	this.curcanvas=this.canvasbase+"_0"
	if (typeof displayorder!="undefined")
		theimages.sort(function() {return 0.5 - Math.random();}) 
	this.theimages=theimages
	this.imageborder=parseInt(borderwidth)
	this.postimages=new Array() //preload images
	for (p=0;p<theimages.length;p++){
		this.postimages[p]=new Image()
		this.postimages[p].src=theimages[p][0]
	}
 
	var fadewidth=fadewidth+this.imageborder*2
	var fadeheight=fadeheight+this.imageborder*2
	 
	if (iebrowser&&dom||dom) 
		document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
	else
		document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
	 
	if (iebrowser&&dom||dom) 
		this.startit()
	else {
		this.curimageindex++
		setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
	}
}

function fadepic(obj)
{
	if (obj.degree<100){
		obj.degree+=10
		if (obj.tempobj.filters&&obj.tempobj.filters[0]){
			if (typeof obj.tempobj.filters[0].opacity=="number") 
				obj.tempobj.filters[0].opacity=obj.degree
			else 
			obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
		}
		else if (obj.tempobj.style.MozOpacity)
			obj.tempobj.style.MozOpacity=obj.degree/101
		else if (obj.tempobj.style.KhtmlOpacity)
			obj.tempobj.style.KhtmlOpacity=obj.degree/100
		else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
			obj.tempobj.style.opacity=obj.degree/101
		}
	else{
		clearInterval(fadeclear[obj.slideshowid])
		obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
		obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
		obj.populateslide(obj.tempobj, obj.nextimageindex)
		obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
		setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
	}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
	var slideHTML=""
	if (this.theimages[picindex][1]!="") 
		slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
	slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
	if (this.theimages[picindex][1]!="") 
		slideHTML+='</a>'
	picobj.innerHTML=slideHTML
}
 
 
fadeshow.prototype.rotateimage=function(){
	if (this.pausecheck==1) 
		var cacheobj=this
	if (this.mouseovercheck==1)
		setTimeout(function(){cacheobj.rotateimage()}, 100)
	else if (iebrowser&&dom||dom) {
		this.resetit()
		var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
		crossobj.style.zIndex++
		fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
		this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
	} else {
		var ns4imgobj=document.images['defaultslide'+this.slideshowid]
		ns4imgobj.src=this.postimages[this.curimageindex].src
	}
	this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
	this.degree=10
	var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	if (crossobj.filters&&crossobj.filters[0]){
		if (typeof crossobj.filters[0].opacity=="number") 
			crossobj.filters(0).opacity=this.degree
		else 
			crossobj.style.filter="alpha(opacity="+this.degree+")"
	}
	else if (crossobj.style.MozOpacity)
		crossobj.style.MozOpacity=this.degree/101
	else if (crossobj.style.KhtmlOpacity)
		crossobj.style.KhtmlOpacity=this.degree/100
	else if (crossobj.style.opacity&&!crossobj.filters)
		crossobj.style.opacity=this.degree/101
}
 
 
fadeshow.prototype.startit=function(){
	var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	this.populateslide(crossobj, this.curimageindex)
	if (this.pausecheck==1){ 
		var cacheobj=this
		var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
		crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
		crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
	}
	this.rotateimage()
}

var scount = 0;
var int;
var mLeft;
var vList;
function scrollPhotoNav(s)
{
	if (s == 'up' || s == 'down') {
		var cArea = 416;
		var cTop = 0;
		var sAmount = 208;
		
		var tw = document.getElementById("tWrapper");
		var th = document.getElementById("tHolder");
		
		var thH = th.scrollHeight;	
		var thtop = 0;
		if (th.style.top) thtop = parseInt(th.style.top.replace(/px/, ""));
	
		if (thtop == 0 && s == 'up') return true;
		if ((thH - cArea) == Math.abs(thtop) && s == 'down') return true;
	
		if (s == 'up') {
			scount = sAmount;
			int = window.setInterval("scrollUP()", 50)
		} else if (s = 'down') {
			scount = sAmount;
			int = window.setInterval("scrollDWON()", 50)
		}
	} else if (s == 'left' || s == 'right') {
		var cArea = 654;
		var cLeft = 0;
		var sAmount = 264;
		
		var tw = document.getElementById("tWrapperH");
		var th = document.getElementById("tHolderH");
		
		var thW = tw.scrollWidth;	
		var thleft = 0;
		if (th.style.left) thleft = parseInt(th.style.left.replace(/px/, ""));

		if (thleft == 0 && s == 'left') return true;
		if ((thW - cArea) == Math.abs(thleft) && s == 'right') return true;
		
		if (mLeft == undefined) mLeft = (-(tw.scrollWidth - 659));
		if (s == 'left') {
			scount = sAmount;
			int = window.setInterval("scrollLEFT()", 50)
		} else if (s = 'right') {
			scount = sAmount;
			int = window.setInterval("scrollRIGHT()", 50)
		}
	}
}
function scrollUP()
{
	var tw = document.getElementById("tWrapper");
	var th = document.getElementById("tHolder");
	var thtop = parseInt(th.style.top.replace(/px/, ""));

	var ti = parseInt(scount/2);
	if ((thtop + ti) > 0) {
		th.style.top = "0px";
		window.clearInterval(int);
	} else if (ti < 2) {
		ti = thtop + scount;
		if (thtop > 0) ti = 0;
		th.style.top = ti + "px";
		window.clearInterval(int);
	} else {
		th.style.top = (thtop + ti) + "px";
		scount = scount - ti;
	}
}
function scrollDWON()
{
	var tw = document.getElementById("tWrapper");
	var th = document.getElementById("tHolder");
	var thtop = parseInt(th.style.top.replace(/px/, ""));
	if (isNaN(thtop)) thtop = 0;
	var maxTop = (-(th.scrollHeight - 416));

	var ti = parseInt(scount/2);
	if ((thtop - ti) < maxTop) {
		th.style.top = maxTop + "px";
		window.clearInterval(int);
	} else if (ti < 2) {
		ti = thtop - scount;
		if (thtop < maxTop) ti = maxTop;
		th.style.top = ti + "px";
		window.clearInterval(int);
	} else {
		th.style.top = (thtop - ti) + "px";
		scount = scount - ti;
	}
}
function scrollLEFT()
{
	var tw = document.getElementById("tWrapperH");
	var th = document.getElementById("tHolderH");
	var thleft = parseInt(th.style.left.replace(/px/, ""));

	var li = parseInt(scount/2);
	if ((thleft + li) > 0) {
		th.style.left = "0px";
		window.clearInterval(int);
	} else if (li < 2) {
		li = thleft + scount;
		if (thleft > 0) li = 0;
		th.style.left = li + "px";
		window.clearInterval(int);
	} else {
		th.style.left = (thleft + li) + "px";
		scount = scount - li;
	}
}
function scrollRIGHT()
{
	var tw = document.getElementById("tWrapperH");
	var th = document.getElementById("tHolderH");
	var thleft = parseInt(th.style.left.replace(/px/, ""));
	if (isNaN(thleft)) thleft = 0;
	var maxLeft = mLeft;

	var li = parseInt(scount/2);
	if ((thleft - li) < maxLeft) {
		th.style.left = maxLeft + "px";
		window.clearInterval(int);
	} else if (li < 2) {
		li = thleft - scount;
		if (thleft < maxLeft) li = maxLeft;
		th.style.left = li + "px";
		window.clearInterval(int);
	} else {
		th.style.left = (thleft - li) + "px";
		scount = scount - li;
	}
}
function showPhoto(n, t)
{
	var p = "images/ph"+n+".jpg";
	var ph = document.getElementById("photo_holder");
	ph.style.visibility = "hidden";
	var i = new Image();
	i.onload = function() { document.getElementById("photo_holder").style.visibility = "visible"; }
	i.src = p;
	ph.alt = t;
	ph.title = t;
	ph.src = i.src;	
}
function showVideo(n, t)
{
	var vdiv = document.getElementById("video_holder");
	var vinfo = document.getElementById("vname");
	vinfo.innerHTML = 'Loading <i>'+t+' Video...</i>';
	vdiv.innerHTML = "";
	
	if (parseInt(n, 10) < 1 || parseInt(n, 10) > 10) {
		var n = '01';
		var t = 'Dining Room';
	}

	if (vList == undefined) vList = getVideoList();
	var vid = parseInt(n, 10) - 1;

	var vcode = "";
	vcode += '<applet code=panoapplet archive="http://tour.circlepix.com/common/java/panoapplet.jar" width=480 height=270 onFocus="return false" onClick="return false">'+"\n";
	vcode += '<param name="file" value="http://tour.circlepix.com/tour/vt.ivr.php?file=/media/us/fl/palmbeach/MS3U32/'+vList[vid]+'">'+"\n";
	vcode += '<param name="initialView" VALUE="0.000000, 0.000005, 50.000005"/>'+"\n";
	vcode += '<param name="altSplash" value="http://tour.circlepix.com/tour/images/loadingxl.gif">'+"\n";
	vcode += '<param name="autospin" value="-50">'+"\n";
	vcode += '<param name="infoPage" value="http://tour.circlepix.com/tour/images/loadingxl.gif">'+"\n";
	vcode += '<param name=minZoomAngle VALUE=25>'+"\n";
	vcode += '<param name=toolbar value="on">'+"\n";
	vcode += '<param name=toolbarstyle value="floating">'+"\n";
	vcode += '<param name=backgroundColor value="0, 61, 77">'+"\n";
	vcode += '</applet>'+"\n";

	vdiv.innerHTML = vcode;
	vinfo.innerHTML = 'Now palying:<br /><i>'+t.replace('%20', ' ')+' Video</i>';
}
function getVideoList()
{
	var l = new Array(10);
	l[0] ="ld_mp.jpg";
	l[1] ="ki_mp.jpg";
	l[2] ="fr_mp.jpg";
	l[3] ="mb_mp.jpg";
	l[4] ="dn_mp.jpg";
	l[5] ="ftyd_mp.jpg";
	l[6] ="pool_mp.jpg";
	l[7] ="s117_mp.jpg";
	l[8] ="gst_mp.jpg";
	l[9] ="wf_mp.jpg";
	
	return l;
}
function showInitialVideo(a)
{
	var n = '01';
	var t = 'Dining Room';
	
	var q = a.substring(1);
	var args = q.split("&");
	if (args.length == 2) {
		n = args[0].split("=")[1];
		t = args[1].split("=")[1];
	}
	
	showVideo(n, t);
}