//var myImages = new Array(); // Populated with preloaded images. Reference this array source to avoid "blank" images. Just swapping out based on source string was producing blank or half loaded images for some odd reason in IE (interaction with fade filter?).
var transformFilterType = 'Fade'; // IE activeX image transitions
/* Transitions available...
 * Blinds Checkerboard Fade GradientWipe Inset Iris Pixelate RadialWipe
 * RandomBars RandomDissolve Slide Spiral Stretch Strips Wheel ZigZag
*/
var SelectedImage = 0; // Current index of visible medium image
var VirtualTourLefttime,VirtualTourRighttime; // Timeout containers
////Show Description
function displaydesc(desccontent, container){
	if (document.getElementById)
		document.getElementById(container).innerHTML=desccontent
}
/* Basic image swap - with activeX filter for image transitions in IE for nice touch */
function swapImg(img) {
    if (SelectedImage != img) {
        var ele = document.getElementById('thumb' + SelectedImage);
        ele.style.borderColor = '#000';
    }
    SelectedImage = img;
    if (document.images['MainVTImage'].filters) {
       document.images['MainVTImage'].filters['DXImageTransform.Microsoft.' + transformFilterType].apply();
    }
    document.images['MainVTImage'].src = myImages[img].src;
    if (document.images['MainVTImage'].filters) {
        document.images['MainVTImage'].filters['DXImageTransform.Microsoft.' + transformFilterType].play();
    }
    var ele = document.getElementById('thumb' + img);
    ele.style.borderColor = '#0055E5';
	//alert(TourDescriptions[SelectedImage]);
	displaydesc(TourDescriptions[SelectedImage], "desccontainer");
}
/* Handle hover states of images */
function hoverState(img,active) {
    if (SelectedImage != img) {
        if (img == 'MainVTImage') {
            var ele = document.getElementById(img);
        } else {
            var ele = document.getElementById('thumb' + img);
        }
        if (active) {
            ele.style.borderColor = '#0055E5';
        } else {
            ele.style.borderColor = '#ccc';
        }
    }
}

function preloadImages() {
    var head2 = new Image();
    head2.src = '/brickappfiles/images/zoomheadbg.gif';
    var head1 = new Image();
    head1.src = '/brickappfiles/images/VirtualTourClose.png';
}

/////TOOLTIP
var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}

document.onmousemove=positiontip;

	function ShowToolTip(ToolTip){
		TipWidth = eval(ToolTip.length * 10);
		ddrivetip(ToolTip,'#C3DAE5', TipWidth);	
	}
	function MouseOverLoad(val,ToolTip){
		ShowToolTip(ToolTip);
		hoverState(val,true);
	}
	function MouseOutLoad(val){
		hideddrivetip();
		hoverState(val,false);
	}
    var playbtnimg = new Image();
    playbtnimg.src = '/brickappfiles/images/playbtn.gif';
    var stopbtnimg = new Image();
    stopbtnimg.src = '/brickappfiles/images/stopbtn.gif';