// JScript File

//sfHover = function() {
//	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
//	for (var i=0; i<sfEls.length; i++) {
//		sfEls[i].onmouseover=function() {
//			this.className+=" sfhover";
//		}
//		sfEls[i].onmouseout=function() {
//			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
//		}
//	}
//}
//if (window.attachEvent) window.attachEvent("onload", sfHover);

/***********************************************
 * Cool DHTML tooltip script II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
 * This notice MUST stay intact for legal use
 * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
 ***********************************************/

var curX; //Current cursor coord X
var curY; //Current cursor coord Y

var offsetfromcursorX=12; //Customize x offset of tooltip
var offsetfromcursorY=10; //Customize y offset of tooltip

var offsetdivfrompointerX=10; //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14; //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip"></div>'); //write out tooltip DIV
document.write('<img id="dhtmlpointer" style="visibility: hidden;" src="/images/tl_arrow.gif">'); //write out pointer image

var tl_arrow = new Image(15,15); tl_arrow.src = "/images/tl_arrow.gif";
var tr_arrow = new Image(15,15); tr_arrow.src = "/images/tr_arrow.gif";
var bl_arrow = new Image(15,15); bl_arrow.src = "/images/bl_arrow.gif";
var br_arrow = new Image(15,15); br_arrow.src = "/images/br_arrow.gif";

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") : "";
var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : "";

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

function ddrivetip(thetext, thewidth, thecolor){
	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 ShowHideElement(elementID) {
	var prop
	if (document.getElementById) 
		prop = document.getElementById(elementID).style
	else if (document.all)
		prop = document.all[elementID].style
	else if (document.layers)
		prop = document.layers[elementID]
	
	if (prop.display=='none')
		prop.display = ''
	else
		prop.display = 'none'
}
function hideLayer(divId)
    {
        if(document.layers)	   //NN4+
        {
           document.layers[divId].visibility = "hide";
        }
        else if(document.getElementById)	  //gecko(NN6) + IE 5+
        {
            var obj = document.getElementById(divId);
            obj.style.visibility = "hidden";
        }
        else if(document.all)	// IE 4
        {
            document.all[divId].style.visibility = "hidden";
        }
        return false;
    }
function positiontip(e){
	curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
	curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
	if (enabletip){
		var nondefaultpos=false;
		//Find out how close the mouse is to the corner of the window
		var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20;
		var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20;
		
		var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX;
		var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY;

		var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-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=curX-tipobj.offsetWidth+"px";
			pointerobj.style.left = (curX+offsetfromcursorX-40)+"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+offsetfromcursorX-offsetdivfrompointerX+"px";
				pointerobj.style.left=curX+offsetfromcursorX+"px";
			}
		}
		
		//same concept with the vertical position
		if (bottomedge<tipobj.offsetHeight) {
			tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px";
			pointerobj.src = rightedge<tipobj.offsetWidth ? tl_arrow.src : tr_arrow.src;
			pointerobj.style.top=(curY+offsetfromcursorY-21)+"px";
		} else {
			tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px";
			pointerobj.src = rightedge<tipobj.offsetWidth ? bl_arrow.src : br_arrow.src;
			pointerobj.style.top=curY+offsetfromcursorY+"px";
		}
		tipobj.style.visibility="visible"; pointerobj.style.visibility="visible";
	}
}

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

function openImage(productId) { //v2.0
  var w = window.open('/LargerImage.aspx?ProductId=' + productId, 'largerimage', 'width=800,height=600,scrollbars=yes,resizable=yes');
  w.focus();
}
function openBio(artistId) { //v2.0
  var w = window.open('/ArtistBiography.aspx?ArtistId=' + artistId, 'artistBio', 'width=350,height=400,scrollbars=yes,resizable=yes, top=180, left=10');
  w.focus();
}
function openExhibition(exhibitionId) { //v2.0
  var w = window.open('/ExhibitionPopup.aspx?ExhibitionId=' + exhibitionId, 'exhibition', 'width=350,height=400,scrollbars=yes,resizable=yes, top=180, left=10');
  w.focus();
}