function navOver(imgTag) {
    var theImage = imgTag;
    if (theImage.src.indexOf("_off.") != -1) {
        theImage.src = theImage.src.replace("_off.", "_on.");
    }
    else {
        theImage.src = theImage.src.replace("_on.", "_off.");
    }
}

function hideDiv(elem) {
    document.getElementById(elem).style.display = "none";
}

function showDiv(elem) {
    document.getElementById(elem).style.display = "block";
}

function setColorActive(elem) {
    elem.style.color = "#000000";
}
function setColorInactive(elem) {
    elem.style.color = "#999999";
}

function showAddedPopup() {
    if (navigator.userAgent.indexOf("MSIE 6") != -1) { hideDdls(); }
    if (navigator.userAgent.indexOf("Camino") != -1) { hideObject(); }

    var overlay = document.getElementById("overlay");
    var overlayHolder = document.getElementById("addToCartHolder");

    overlay.style.display = "block";
    overlay.style.left = "0px";
    overlay.style.top = "0px";

    overlayHolder.style.left = "0px";

    var sizeatt = getPageSize();
    var scrollatt = getPageScroll();
    var fullHeight = "";
    fullHeight = sizeatt[1];

    overlay.style.height = fullHeight + "px";
    if (navigator.userAgent.indexOf("MSIE") != -1)
        overlay.style.width = (sizeatt[0]) + "px";
    else
        overlay.style.width = (sizeatt[0] - 17) + "px";

    alert(scrollatt[1] + 150 + "px");
    var top = scrollatt[1] + 150;
    var content = document.getElementById("addToCartPopup");    
    content.style.top = top + "px";
}

var EmailFriend = {
    Popup: function () {
        if (navigator.userAgent.indexOf("MSIE 6") != -1) { hideDdls(); }
        if (navigator.userAgent.indexOf("Camino") != -1) { hideObject(); }

        var overlay = document.getElementById("overlay");
        var overlayHolder = document.getElementById("overlayHolder");

        var currLeft = 0;
        var currTop = 0;
        /*if (overlay.parentNode) {
            do {
                currLeft -= overlay.offsetLeft;
                currTop -= overlay.offsetTop;
                if (overlay.className == "contentRight")
                    break;
            }
            while (overlay = overlay.parentNode);
        }*/
        overlay = document.getElementById("overlay");
        overlay.style.left = "0px"; // currLeft + "px";
        overlayHolder.style.left = "0";
        overlay.style.top = currTop + "px";

        var emailForm = document.getElementById("emailPopup");
        //var addToCart = document.getElementById("addToCartPopup");
        overlay.style.display = "block";
        overlayHolder.style.display = "block";
        overlayHolder.className = "emailHolder";
        emailForm.style.display = "block";
        //addToCart.style.display = "block";
        //addToCart.style.display = "none";

        var sizeatt = getPageSize();
        var scrollatt = getPageScroll();
        var fullHeight = "";
        fullHeight = sizeatt[1];

        overlay.style.height = fullHeight + "px";

        if (navigator.userAgent.indexOf("MSIE") != -1)
            overlay.style.width = (sizeatt[0]) + "px";
        else
            overlay.style.width = (sizeatt[0] - 17) + "px";

        overlayHolder.style.top = scrollatt[1] + 150 + "px";
    },
    Close: function () {
        var overlay = document.getElementById("overlay");
        var overlayHolder = document.getElementById("overlayHolder");
        var emailForm = document.getElementById("emailPopup");
        overlay.style.display = "none";
        overlayHolder.style.display = "none";
        emailForm.style.display = "none";

        if (navigator.userAgent.indexOf("Camino") != -1) { showObject() }
        if (navigator.userAgent.indexOf("MSIE 6") != -1) { showDdls() }
    }
}

var VideoPlayer = {
    Popup: function (videoLink) {
        if (navigator.userAgent.indexOf("MSIE 6") != -1) { hideDdls(); }
        if (navigator.userAgent.indexOf("Camino") != -1) { hideObject(); }

        var overlay = document.getElementById("overlay");
        var overlayHolder = document.getElementById("overlayHolder");

        var currLeft = 0;
        var currTop = 0;
        if (overlay.offsetParent) {
            do {
                currLeft -= overlay.offsetLeft;
                currTop -= overlay.offsetTop;
            }
            while (overlay = overlay.offsetParent);
        }
        overlay = document.getElementById("overlay");
        overlay.style.left = currLeft + "px";
        overlayHolder.style.left = "0";
        overlay.style.top = currTop + "px";

        var videoContainer = document.getElementById("videoContainer");
        overlay.style.display = "block";
        overlayHolder.style.display = "block";
        videoContainer.style.display = "block";
        overlayHolder.className = "videoHolder";
        var videoContent = document.createElement("div");

        var sizeatt = getPageSize();
        var scrollatt = getPageScroll();
        var fullHeight = "";
        fullHeight = sizeatt[1];

        overlay.style.height = fullHeight + "px";

        if (navigator.userAgent.indexOf("MSIE") != -1)
            overlay.style.width = (sizeatt[0]) + "px";
        else
            overlay.style.width = (sizeatt[0] - 17) + "px";

        overlayHolder.style.top = scrollatt[1] + 150 + "px";
        videoContent.id = "videoContent";
        videoContent.className = "overlayContent";

        // Switch based on video link - if ronix mobilerider link, insert video ID into
        // script tags, otherwise insert video content link into flash object tag.

        if (parseInt(videoLink)) {
            videoContent.innerHTML = "<script src='http://ronix.mobilerider.com/libs/mobilerider/mobilerider.min.js'></script>" +
            "<object type='application/x-shockwave-flash' data='http://ronix.mobilerider.com/flash/osmf/MobileRiderOSMF.swf?mediaID=" + videoLink +
            "&amp;vendorID=832&amp;serviceID=1&amp;extras=skin:ronix,autoplay:0,autohide:1' " +
            "width='640' height='360' id='mb-player-1' style='visibility: visible;'>" +
            "<param name='allowfullscreen' value='true'>" +
            "<param name='allowScriptAccess' value='always'>" +
            "<param name='bgcolor' value='#000000'>" +
            "<param name='movie' value='http://ronix.mobilerider.com/flash/osmf/MobileRiderOSMF.swf?mediaID=" + videoLink + "&amp;vendorID=832&amp;serviceID=1&amp;extras=skin:ronix,autoplay:0,autohide:1'></object>";
        }
        else {
            videoContent.innerHTML = '<object style="height: 391px; width: 640px" type="application/x-shockwave-flash" data="' +
            videoLink + '"><param name="data" value="' + videoLink + '"><param name="src" value="' +
            videoLink + '"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="' +
            videoLink + '" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="391"></object>';
        }

        videoContent.style.display = "block";
        var btnClose = document.createElement("a");
        btnClose.className = "imageReplace closeBtn";
        btnClose.href = "#";
        btnClose.onclick = function () { VideoPlayer.Close(); return false; };
        videoContent.appendChild(btnClose);
        videoContainer.appendChild(videoContent);
    },


    Close: function () {
        var overlay = document.getElementById("overlay");
        var overlayHolder = document.getElementById("overlayHolder");
        var videoContent = document.getElementById("videoContent");
        overlay.style.display = "none";
        overlayHolder.style.display = "none";
        videoContent.parentNode.removeChild(videoContent);

        if (navigator.userAgent.indexOf("Camino") != -1) { showObject() }
        if (navigator.userAgent.indexOf("MSIE 6") != -1) { showDdls() }
    }
}
/*
var AddedToCart = {
	Popup: function()
	{
		if(navigator.userAgent.indexOf("MSIE 6") != -1){hideDdls();}	
		if(navigator.userAgent.indexOf("Camino") != -1){hideObject();}
		
		var overlay = document.getElementById("overlay");
		var overlayHolder = document.getElementById("addToCartHolder");
		
		var currLeft = 0;
		var currTop = 0;
		if (overlay.offsetParent)
		{
			do
			{
				currLeft -= overlay.offsetLeft;
				currTop -= overlay.offsetTop;
			}
			while (overlay = overlay.offsetParent);
		}
   
        overlay = document.getElementById("overlay");
        overlay.style.left = currLeft + "px";
        overlayHolder.style.left = "0";
        overlay.style.top = currTop + "px";

        var addToCart = document.getElementById("addToCartPopup");
        overlay.style.display = "block";
        overlayHolder.style.display = "block";
        overlayHolder.className = "addedToCartHolder";
        addToCart.style.display = "block";

        var sizeatt = getPageSize();
        var scrollatt = getPageScroll();
        var fullHeight = "";
        fullHeight = sizeatt[1];

        overlay.style.height = fullHeight + "px";

        if (navigator.userAgent.indexOf("MSIE") != -1)
            overlay.style.width = (sizeatt[0]) + "px";
        else
            overlay.style.width = (sizeatt[0] - 17) + "px";

        overlayHolder.style.top = scrollatt[1] + 150 + "px";
    },
    Close: function () {
        var overlay = document.getElementById("overlay");
        var overlayHolder = document.getElementById("overlayHolder");
        var addToCart = document.getElementById("addToCartPopup");
        overlay.style.display = "none";
        overlayHolder.style.display = "none";
        addToCart.style.display = "none";
        addToCart.style.display = "block";
        addToCart.style.display = "none";

        if (navigator.userAgent.indexOf("Camino") != -1) { showObject() }
        if (navigator.userAgent.indexOf("MSIE 6") != -1) { showDdls() }
    }
}*/


function getPageScroll() {
    var yScroll;
    if (self.pageYOffset) {
        yScroll = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {
        yScroll = document.documentElement.scrollTop;
    } else if (document.body) {
        yScroll = document.body.scrollTop;
    }

    arrayPageScroll = new Array('', yScroll)
    return arrayPageScroll;
}

function getPageSize() {
    var xScroll, yScroll;

    if (window.innerHeight && window.scrollMaxY) {
        xScroll = document.body.scrollWidth;
        yScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight) {
        xScroll = document.body.scrollWidth;
        yScroll = document.body.scrollHeight;
    } else {
        xScroll = document.body.offsetWidth;
        yScroll = document.body.offsetHeight;
    }

    var windowWidth, windowHeight;
    if (self.innerHeight) {
        windowWidth = self.innerWidth;
        windowHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        windowWidth = document.documentElement.clientWidth;
        windowHeight = document.documentElement.clientHeight;
    } else if (document.body) {
        windowWidth = document.body.clientWidth;
        windowHeight = document.body.clientHeight;
    }

    if (yScroll < windowHeight) {
        pageHeight = windowHeight;
    } else {
        pageHeight = yScroll;
    }
    if (navigator.appName.indexOf("Opera") != -1) {
        pageHeight = parseInt(document.getElementsByClassName("headerWrapper")[0].offsetHeight) +
        parseInt(document.getElementsByClassName("contentOuter")[0].offsetHeight)
    }

    if (xScroll < windowWidth) {
        pageWidth = windowWidth;
    } else {
        pageWidth = xScroll;
    }

    arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight)
    return arrayPageSize;

}

function hideDdls() {
    for (i = 0; i < document.getElementsByTagName("select").length; i++)
        document.getElementsByTagName("select")[i].style.visibility = "hidden";
}

function showDdls() {
    for (i = 0; i < document.getElementsByTagName("select").length; i++)
        document.getElementsByTagName("select")[i].style.visibility = "visible";
}

function hideObject() {
    for (i = 0; i < document.getElementsByTagName("object").length; i++)
        document.getElementsByTagName("object")[i].style.visibility = "hidden";
}

function showObject() {
    for (i = 0; i < document.getElementsByTagName("object").length; i++)
        document.getElementsByTagName("object")[i].style.visibility = "visible";
}