var isSafari = navigator.userAgent.indexOf("Safari") > -1 || navigator.userAgent.indexOf("AppleWebKit") > -1;
var d_bobMS = '700';

/* Constants */
var AXIS_X = 0;
var AXIS_Y = 1;

/* shortcut to getElementById */
function getNode(node) {
	return document.getElementById(node);
}


/* Destroy a node with the Death Star */
function killNode(nodeID) {
	var node = getNode(nodeID);
	var nodeParent = node.parentElement;
	if (typeof nodeParent != "undefined") {
		nodeParent.removeChild(node);
	} else {
		node.style.display = "none";
	}
}

/* Replace text in a node. */
function swapTextNode(parentObject, newText) {
    parentObject.replaceChild(document.createTextNode(newText), parentObject.firstChild);
}

/* Replace text in a node. Has more protection than the previous version and will fall back on non-DOM techniques if it can't pick out the childNodes */
function replaceInnerText(node, text) {
	//	replacement for node.innerHTML = text; which is apparently broken in Safari 1.2.4
	if (typeof node.childNodes != "undefined" && node.childNodes.length > 0) {
		var newnode = document.createTextNode(text);
		node.replaceChild(newnode, node.firstChild);
	} else {
		// fall back on the old school just in case
		node.innerHTML = text;
	}
}

/* Cross browser solution to DOM getComputedStyle() (Safari doesn't currently support this) */
function grabComputedStyle(elementObject) {

    if (document.defaultView && document.defaultView.getComputedStyle ) {
        return  document.defaultView.getComputedStyle(elementObject, null);
     } else if  (elementObject.currentStyle) {
        return elementObject.currentStyle;
    } else  {
        return null;
    }

}

function grabComputedHeight(elementObject) {

    var height = grabComputedStyle(elementObject).height;
    
    if (height != null) {
        if (height.indexOf("px") != -1)
            height = height.substring(0, height.indexOf('px'));
        if (height == "auto") {
            if (elementObject.offsetHeight)
                height = elementObject.offsetHeight + 10;
        }
    }
    
    return height;
    
}

/* Return the target node for an event. */
function getEventTarget(evt) {
	var tgt = evt.srcElement;
	if (!tgt)
		tgt = evt.target;
	return tgt;
}
function getWindowHeight() {
    var height = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
	    height = window.innerHeight;
	} else if( document.documentElement && document.documentElement.clientHeight) {
	    height = document.documentElement.clientHeight;
	} else if( document.body && document.body.clientHeight) {
	    height = document.body.clientHeight;
	}
    return height;
}

/* Clear out any text that may have been selected (called "ranges") by dragging the mouse mid-click. */

function clearRanges(event) {
	if (isMacIE) { // Mac IE is blowing up
	} else if (isSafari) { // Avoid Safari 1.3 / 2.0 bugs with window.getSelection()
		event.stopPropagation();
	} else if (document.selection) { // IE 6
		document.selection.empty();
	} else if (window.getSelection()) { // NS 6
		window.getSelection().removeAllRanges();
	} else {
		event.stopPropagation();
	}
}

/* How much the document's been scrolled vertically. Needed for correcting position calculations. */
function getDocumentScrollAmount() {
	if (!isSafari) {
		return document.body.scrollTop;
	} else {
		return 0;
	}
}

/* Computes the total vertical offset of a node, the sum of the enclosing objects' vertical offset. */
function getElementOffsetY(element) {
	var totalOffset = 0;
	if (element.offsetTop != null) {
        totalOffset += element.offsetTop;
		while (element.offsetParent) {
			totalOffset += element.offsetParent.offsetTop;
			element = element.offsetParent;
		}
	}
	return totalOffset;
}

function getElementMouseCoordinate(evt, curEmt) {
var xC = -1;  
    if (!evt) var evt = window.event;
    
    if (evt.offsetX) {
        xC = evt.offsetX;
    } else if (curEmt.offsetX != null) {
        eXC = curEmt.offsetX;
        xC = evt.layerX - eXC;
    } else if (evt.layerX) {
        eXC = getElementOffsetX(curEmt);
        xC = evt.layerX - eXC;
        curEmt.offsetX = eXC;
    }
    return xC;
}

/* Computes the total horizontal offset of a node, the sum of the enclosing objects' horizontal offset. */
function getElementOffsetX(element) {
    var totalOffset = 0;
    if (element.offsetLeft != null) {
        totalOffset += element.offsetLeft;
        while (element.offsetParent) {
            totalOffset += element.offsetParent.offsetLeft;
            element = element.offsetParent;
        }
    }
    return totalOffset;
}

/* Gets the position of the top of a node. */
function getNodeTop(nodeId) {
	var itemOver = document.getElementById(nodeId);
	var itemOverTop = itemOver.style.top ? (itemOver.offsetTop - stripUnits(itemOver.style.top)) : itemOver.offsetTop;
	return itemOverTop;
}


/* Moves an object vertically. Pass in either the node or the node's ID. If amount is positive, move it down. Negative? Move it up. */
function moveNode(mover, amount) {
	if (typeof mover == "string")
		mover = getNode(mover);
	
	if (mover.style.top) {
		mover.style.top = stripUnits(mover.style.top) + amount + "px";
	} else {
		mover.style.top = (amount) + "px";
	}
}

/* Debug utility; displays all of the properties of an object in a popup */
function displayObject(obj) {
	var msg = "";
	for (var prop in obj) {
		msg += prop;
		msg += ": ";
		msg += prop.value;
		msg += "\n";
	}
	window.alert(msg);
}

function tokenizeString(inputString, token) {
    var output = new Array();
    var counter = 0;
    if (inputString) {
        while (inputString.indexOf(token) != -1) {
            var end = inputString.indexOf(token);
            var newStart = end + token.length;
            output[counter] = inputString.substring(0,end);
            inputString = inputString.substring(newStart);
            counter++;        
        }
        output[counter] = inputString;
    }
    return output;
}

function xmlRequest() {
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
		req.isDOM = true;
		return req;
	} else if (window.ActiveXObject) {
		req = new ActiveXObject("Microsoft.XMLHTTP");
		return req;
	} else 
		return null;
}

function isXMLReady(xmlObject) {
	return (xmlObject.readyState == 4 && xmlObject.status == 200);
}

function initMovie(movieXml) {
    if (isXMLReady(movieXml)){
        bobBoxInfo.innerHTML = movieXml.responseText;
	}
	return true;
}
/* ************** START BOB ******************** */
var BOB_BOX_TOP_SHADOW_OFFSET = -10;
var BOB_BOX_WIDTH;
var BOB_MOVIE_TO_ARROW_SPACER = 25;
var BOB_DISPLAY_STYLE_DEFAULT = 0;
var BOB_DISPLAY_STYLE_LARGE_BOXSHOT = 1;
var BOB_DISPLAY_STYLE_TINY_BOXSHOT = 2;
var BOB_ARROW_HEIGHT_NO_SHADOW = 70;
var LARGE_BOXSHOT_WIDTH = 110;
var MED_BOXSHOT_WIDTH = 65;
var TINY_BOXSHOT_WIDTH = 50;



/* do BOB */
function dB(evt, thisMovie) {      

    if (d_bobMS != -1) {
        try {
            if (movie.tagName != "A")
            clearTimeout(clearBOBTimer);
        } catch (e){}
        movie = thisMovie;
        movie.onmouseout = clearBOB; 
	    movieItemId = movie.id;                
        movie.displayStyle = 0
        movie.mouseCoordX = getElementMouseCoordinate(evt, movie);
        if (bobBox.style.visibility != "visible")
            bobBoxshot.src = "../popup/images/1px.gif";
        if (movie.tagName != "A") {
	        bobArrow.onmouseover = cancelClearBOB;
	        bobArrow.onclick = handleBOBArrowClick;
	        bobArrow.onmouseout = clearBOB;
        }
		bobDisplay = setTimeout("initBOB()", d_bobMS);
    }
}

/*  If the movie is clicked within the arrowspace, use the movie's href */
function handleBOBArrowClick() {  
    if (movie.tagName == "A")
        document.location.href = movie.href;
    else if (movie.parentNode.tagName == "A")
        document.location.href = movie.parentNode.href;
}

function getElementHeightMidpoint(element, modifier) {
    
    var height = grabComputedHeight(element);  
    if (height == null) 
        return null;
    else  {
        var safeHeight = "" + height;
        if (safeHeight.indexOf('px') != -1) {
            height = safeHeight.substring(0, height.indexOf('px'));
            
        }
    }
    return height / 2;
}

function initBOB() {

    movie.isActive = true;
    var itemId = movie.id;

    if (movie.alt) {
	   movie.altBackup = movie.alt;
       movie.alt = "";
    }

	if (!movie.mtitle) {

		
        movie.movieId = itemId;
        movie.itemId = itemId;
        movie.dispStyle = 0;
        movie.position = 0;
        
        var linkCtrType = "BOX";
        if (movie.tagName == "A") 
            linkCtrType = "TXT";
        
        var url = "../../../ftdvida/popup/prodinfo.asp?arg=" + itemId;
        
		movieXml = new xmlRequest();
		movieXml.onreadystatechange = initBOBMovie;
		movieXml.open("GET", url, true);
		movieXml.send(null);
		

	} else {
    
	    if (getBOBBoxshot(movie))
		  drawBOB();
	}
    return true;
    
}

function getBOBBoxshot() {

    bobBoxshot.style.display = "inline";
    bobBoxshot.parentMovieId = movie.itemId;
    var boxMovieId = movie.movieId;
    if (movie.parentId)
        boxMovieId = movie.parentId;
            
    //bobBoxshot.src = IMAGE_ROOT + "boxshots/small/" + boxMovieId + ".jpg";
    bobBoxshot.src = "../../../ftdvida/popup/pictbinary.asp?arg=" + boxMovieId 
        
    drawBOB();
            
    return true;
}
    
function initBOBMovie() {
    try {
		if (isXMLReady(movieXml)) {
	        if (initMovie(movieXml))
	           getBOBBoxshot(); 
	    } 
    } catch (e) {}
}
function cancelClearBOB() {
    try {
    clearTimeout(clearBOBTimer);
    //movie.isActive = true;
    } catch (e) {}
}

function clearBOB() {
        clearBOBTimer = setTimeout("doClearBOB()", 3);
}

function doClearBOB() { 
        try {
	    movie.isActive = false;
	    movie.className="P";
	    clearTimeout(bobDisplay);
	    movie.alt = movie.altBackup;
	    bobBox.style.visibility = "hidden";
	    bobBoxshot.style.display = "none";
	    bobBoxInfo.innerHTML = "";
	    var emptyNodes = emptyBOBNodes();
        } catch (e) {}
}

function emptyBOBNodes() {
    return true;
}

function drawBOB() {     
    movie.drawingBOB = true;
    var emptyNodes = emptyBOBNodes();
    if (movie.isActive) { 
        setupBOBPosition(movie);      
    }
}

function getBOBYOverrunAdjustment(_computedHeight, movie) {
    var _winHeight = getWindowHeight();            
    var _scrollAmt = getDocumentScrollAmount();
    var _bobBoxTop = (getElementOffsetY(bobBox) - BOB_BOX_TOP_SHADOW_OFFSET) - _scrollAmt; // its okay for the shadow to bleed
    var _overrun = 0;
    
    
    var _bobBoxBottomPos = (_bobBoxTop * 1) + (_computedHeight * 1);
    bobBox.computedHeight = _computedHeight;
    
    if (_bobBoxBottomPos > _winHeight) {
        _overrun =  _bobBoxBottomPos - _winHeight - 30;
        // Fix for mozilla first time rendering boxshot funk 
        if (movie.tagName == "A" && movie.isDOM && !movie.MozAdjust) {
            //_overrun -= 85;
            //bobBox.computedHeight -= 85
            movie.MozAdjust = true;
        }
    }
    if (_bobBoxTop - _overrun < 1) {
        _overrun = _bobBoxTop;
    }
    
    return _overrun;
}

function getBOBTop(movie) {
    var _computedHeight = grabComputedHeight(bobBox);
    var _quarterHeight = _computedHeight / 4;
    var _elementY = getElementOffsetY(movie);
    var _topPosition = (_elementY + BOB_BOX_TOP_SHADOW_OFFSET) - _quarterHeight; //its okay for the shadow to bleed
    bobBox.style.top = _topPosition; // set so we can calculate overrun    
    _topPosition -= getBOBYOverrunAdjustment(_computedHeight, movie);    
    return _topPosition;
    
}

function getBOBLeft(movie) {
    
    
    var _pageMidpoint = getElementOffsetX(document.getElementById("page-content"));
    var _elementOffsetX = getElementOffsetX(movie);
    var _activeAreaWidth = 0;
    if (movie.tagName != "A") {
	    if (movie.displayStyle == BOB_DISPLAY_STYLE_LARGE_BOXSHOT)
	        _activeAreaWidth = LARGE_BOXSHOT_WIDTH;
	    else if (movie.displayStyle == BOB_DISPLAY_STYLE_TINY_BOXSHOT) 
	        _activeAreaWidth = TINY_BOXSHOT_WIDTH;
	    else
	        _activeAreaWidth = MED_BOXSHOT_WIDTH;
    } else {
        _activeAreaWidth = movie.mouseCoordX + 50; //50 is a buffer zone for the link
    }
    
	
    var _leftPosition = _elementOffsetX + BOB_MOVIE_TO_ARROW_SPACER + _activeAreaWidth;
	
	if (_leftPosition  > _pageMidpoint + 590) { // is beyond right buffer?
       _leftPosition -= BOB_BOX_WIDTH + BOB_MOVIE_TO_ARROW_SPACER + _activeAreaWidth + 20;
        bobBox.arrowSwap = true;
    } else {
        bobBox.arrowSwap = false;
    }
    
    return _leftPosition;
}

function setupBOBPosition(movie) {

        var ARROW_BUFFER = 35;
        
        
        var winHeight = getWindowHeight();            
        var scrollAmt = getDocumentScrollAmount();
        var PAGE_MIDPOINT = getElementOffsetX(document.getElementById("page-content")) + 405;
        
        var WINDOW_TOP_PADDING = 4;
        var FALLBACK_MIDPOINT = 160;
        
        var dispStyleLeftAdjustment = 0;
        var dispStyleRightAdjustment = 0;
        
        bobBox.style.top = getBOBTop(movie);
        bobBox.style.left = getBOBLeft(movie);
        bobArrow.style.top = positionBOBArrow(movie);
                
        doDisplayBob = setTimeout("displayBOB('" + movie.itemId + "')", 5);
}

function positionBOBArrow(movie) {    

    var _isPointedUp = false;
    var _isPointedRight = bobBox.arrowSwap;
    var _elementY = getElementOffsetY(movie) - getElementOffsetY(bobBox);
    var _ARROW_HEIGHT = 101;
    var _arrowTop = _elementY;
    
    if (_arrowTop <  (bobBox.computedHeight / 2)) {
        _isPointedUp = true;
    } else {
        _arrowTop -= BOB_ARROW_HEIGHT_NO_SHADOW; 
    }
    // Make sure arrow doesn't overlap top and bottom and respects the top and bottom of BOB
    if (_arrowTop + _ARROW_HEIGHT + 10 > bobBox.computedHeight)  //10 is the padding we want to preserve at the bottom of the page.
        _arrowTop -= 10;
    if (_arrowTop < 10)
        _arrowTop = 10;


    if (_isPointedRight) {
        bobArrow.style.left = bobContentTable.width -15;
    } else {
        bobArrow.style.left = -40;
    }
    if (_isPointedUp && !_isPointedRight) {
         bobArrowULImg.style.display = "block";
         bobArrowURImg.style.display = "none";
         bobArrowLLImg.style.display = "none";
         bobArrowLRImg.style.display = "none";
    } else if (_isPointedUp && _isPointedRight) {
         bobArrowULImg.style.display = "none";
         bobArrowURImg.style.display = "block";
         bobArrowLLImg.style.display = "none";
         bobArrowLRImg.style.display = "none";
    } else if (!_isPointedUp && _isPointedRight) {
         bobArrowULImg.style.display = "none";
         bobArrowURImg.style.display = "none";
         bobArrowLLImg.style.display = "none";
         bobArrowLRImg.style.display = "block";
    } else {
        bobArrowULImg.style.display =  "none";
         bobArrowURImg.style.display = "none";
         bobArrowLLImg.style.display = "block";
         bobArrowLRImg.style.display = "none";

    }
	//if (arrowTop < 30) arrowTop = 30;   
     
    return _arrowTop;
}

function displayBOB(itemId) {
    movie = document.getElementById(itemId);
        if (movie.isActive) {
	    bobBox.style.visibility = "visible";

    }
}
function primeBOB() {
    bobBox = document.getElementById("bob");
    bobBoxshot = document.getElementById("bobimg");
    bobBoxInfo = document.getElementById("bobinfo");
    bobArrow = document.getElementById("bobarrow");
    bobArrowULImg = document.getElementById("bobarrowulimg");
    bobArrowURImg = document.getElementById("bobarrowurimg");
    bobArrowLLImg = document.getElementById("bobarrowllimg");
    bobArrowLRImg = document.getElementById("bobarrowlrimg");
    bobContentTable = document.getElementById("bobcontenttable");
    bobArrow.style.cursor = "pointer";
    window.onscroll = clearBOB;
    window.onblur = clearBOB;
	BOB_BOX_WIDTH = bobContentTable.width -1;	
	bobBox.style.visibility = "hidden";
}