var obsidianNormal, obsidianHover;
var porcelainLeft, porcelainMiddle, porcelainRight;
var porcelain2Left, porcelain2Middle, porcelain2Right;
var selectedObsidianID = '';
var selectedPorcelainID = '';
var selectedPorcelainContentID = '';
var firstObsidianID = '';
var firstPorcelainID = '';
var navTimer, navTimerRunning = false;
var oTimer, oTimerRunning = false;
var p2Timer, p2timerRunning = false;
var porcelainOnID = '';
var pageloaded = false;

if (document.images) 
{
     erpLiteN = new Image();
     erpLiteH = new Image();

     erpLiteN.src = '/images/erpLite/erpLiteBanner.png'
     erpLiteH.src = '/images/erpLite/erpLiteBannerHighlight.png'
 }

function obsidianMouseOver(obsidianID)
{
    if(pageloaded)
    {
        if (porcelainOnID != '')
            turnOff();
        oTimer = setTimeout('obsidianOn(\'' + obsidianID + '\')',50);
        oTimerRunning = true;
    }
}
function obsidianOn(obsidianID)
{
    if(obsidianID == '')
        return;
        
    // unselect currently selected
    if (selectedObsidianID != null && selectedObsidianID != '' && selectedObsidianID != firstObsidianID)
    {
	    var selectedObsidian = document.getElementById(selectedObsidianID);
	    var selectedPorcelain = document.getElementById(selectedObsidianID.replace('obsidian','orange'));
	    selectedObsidian.className = "blackNotSelected";
	    
	    if(selectedPorcelain != null)
	        selectedPorcelain.className = 'menuHide';
	}
	
	// This is probably the first time something is being selected
	if (selectedObsidianID != null && selectedObsidianID == '')
	{
	    selectedObsidianID = obsidianID;
	}

	// select new
	if (selectedObsidianID != null && selectedObsidianID != '')
    {
	    var obsidianImage = document.getElementById(obsidianID);
	    var porcelainContentID = obsidianID.replace('obsidian','orange');
	    var porcelainContent = document.getElementById(porcelainContentID);
	    
	    if(selectedPorcelainContentID != null && selectedPorcelainContentID != '' && porcelainContentID != selectedPorcelainContentID)
	    {
	        var oldPorcelainContent = document.getElementById(selectedPorcelainContentID);
	        oldPorcelainContent.className = "menuHide";
	    }
	    
	    obsidianImage.className = "blackSelected";
	    selectedObsidianID = obsidianID;
	    
	    if(porcelainContent != null)
	    {
	        porcelainContent.className = 'menuShow';
    	    selectedPorcelainContentID = porcelainContentID;
    	    alignPorcelainContent(obsidianID, porcelainContentID);
	    }
	}
}

function obsidianMouseOut(obsidianID)
{
    if (oTimerRunning)
        clearTimeout(oTimer);
    oTimerRunning = false;
}

function porcelainMouseOver(porcelainID, contentID)
{
    if(porcelainID == '')
        return;
           
    // unselect currently selected
    if (selectedPorcelainID != null && selectedPorcelainID != '' && selectedPorcelainID != firstPorcelainID)
    {
	    var selectedPorcelain = document.getElementById(selectedPorcelainID);
	    if(selectedPorcelain != null)
	        selectedPorcelain.className = 'orangeNotSelected';
	}
	
	// This is probably the first time something is being selected
	if (selectedPorcelainID != null && selectedPorcelainID == '')
	{
	    selectedPorcelainID = porcelainID;
	}

	// select new
	if (selectedPorcelainID != null && selectedPorcelainID != '')
    {
	    var selectedPorcelain = document.getElementById(porcelainID);
	    
	    if(selectedPorcelain != null)
	    {
	        selectedPorcelain.className = 'orangeSelected';
	    }
	    selectedPorcelainID = porcelainID;
	}

}

function porcelainMouseOut(porcelainID)
{
    if(porcelainID == '')
        return;
        
    if(porcelainID != firstPorcelainID)
    {
	    var selectedPorcelain = document.getElementById(porcelainID);
	    
	    if(selectedPorcelain != null)
	    {
	        selectedPorcelain.className = 'orangeNotSelected';
	    }
    }
}

function relativePosition(currentObject, baseObjectID) 
{
    var totalLeft = 0;
    var totalTop = 0;
    var origObject = currentObject;
    
    if (currentObject.offsetParent) 
    {
	    totalLeft = currentObject.offsetLeft;
	    totalTop = currentObject.offsetTop;
	    if (baseObjectID == null)
	    {
	        while (currentObject = currentObject.offsetParent)
	        {
	            totalLeft += currentObject.offsetLeft;
    		    totalTop += currentObject.offsetTop;
	        }
	    }
	    else
	    {
	        var found = false;
	        while (!(found)) 
	        {
	            currentObject = currentObject.offsetParent;
	            
	            if (currentObject.id == baseObjectID)
	            {
	                found = true;
	            }
	            else
	            {
		            totalLeft += currentObject.offsetLeft;
        		    totalTop += currentObject.offsetTop;
                }
	        }
	    }
    }
    return [totalLeft,totalTop];
}

function alignPorcelainContent(obsidianID, porcelainContentID)
{
    var maxWidth = 842;
    var obsidianButton = document.getElementById(obsidianID);
    var porcelainContent = document.getElementById(porcelainContentID);

    var obsidianMidPoint = relativePosition(obsidianButton,'TopNavigationTable')[0] + (obsidianButton.offsetWidth / 2);
    var porcelainMidPoint = porcelainContent.offsetWidth / 2;

    var shiftLeft = obsidianMidPoint - porcelainMidPoint;
    var overlap = porcelainContent.offsetWidth + shiftLeft;
    if (shiftLeft > 0)
    {
        if (overlap > maxWidth)
        {
            shiftLeft = shiftLeft - (overlap-maxWidth);
        }

        porcelainContent.children[0].style.position = 'relative';
        porcelainContent.children[0].style.left = shiftLeft;
    }
}

function revertNavigation ()
{
    navTimer = setTimeout('revertFinal()',150);
    navTimerRunning = true;
}

function revertFinal()
{
    navTimerRunning = false;
    obsidianOn(firstObsidianID);
    porcelainMouseOver(firstPorcelainID);
}

function cancelRevert ()
{
    if (navTimerRunning)
    {
        navTimerRunning = false;
        clearTimeout(navTimer);
    }
}

 function SelectDefaultMenuItems(obsidianID, porcelainID)
 {
     firstObsidianID = obsidianID;
     obsidianOn(firstObsidianID);

     if(porcelainID != '')
	     SelectDefaultSubMenuItem(porcelainID);
 }

 function SelectDefaultSubMenuItem(porcelainID)
 {
     firstPorcelainID = porcelainID;
     porcelainMouseOver(firstPorcelainID, '');
 }

function NavigateToUrl(uri)
{
	window.location.href = uri;
}

function Trim(stringToTrim) 
{
	return stringToTrim.replace(/^\s+|\s+$/g,"");
}

function SearchOnKeyPress(oEvent)
{
	if(oEvent.keyCode && oEvent.keyCode == 13)
	{
		oEvent.returnValue = false;
		oEvent.cancel = true;
		
		var searchValue = document.getElementById('searchValue');
		if(Trim(searchValue.value).length > 0)
		{
			NavigateToUrl('/search.aspx?search=' + searchValue.value);
			return false;
		}
		else
		{
			return false;
		}
	}
	
	if(oEvent.which == 13)
	{
		if(Trim(searchValue.value).length > 0)
		{
			NavigateToUrl('/search.aspx?search=' + searchValue.value);
		}

		return false;
	}	
	
	return true;
}

function SearchMouseOver(searchImage)
{
	var objSearchImage = document.getElementById(searchImage);
	
	if(objSearchImage == null)
		return false;
		
	objSearchImage.src = '/images/searchButtonOver.png';
}

function SearchMouseOut(searchImage)
{
	var objSearchImage = document.getElementById(searchImage);
	
	if(objSearchImage == null)
		return false;
		
	objSearchImage.src = '/images/searchButton.png';
}

window.onload = function() { pageloaded = true; }