var preloader = new Image();
var images = new Array();

images[0] = 'images/TRmain2.jpg';
images[1] = 'images/Consulting-SEO.jpg';
images[2] = 'images/Consulting-SEM.jpg';
images[3] = 'images/learnmore.png';
images[4] = 'images/signupnow.png';

for (var lcv = 0; lcv < images.length - 1; lcv++)
    preloader.src = images[lcv];    

function overBlurb(name)
{
    clearBlurbHdrs();

    document.getElementById('learnmore' + name).style.display = 'block';    
    document.getElementById('blurbHdr' + name).style.backgroundImage = 'url(images/blurbGradientHighlight.gif)';

    if (name == 'Analysis')
    {
        document.getElementById('banner1').src = 'images/TRmain2.jpg';
    }
    else if (name == 'Optimization')
    {
        document.getElementById('banner1').src = 'images/Consulting-SEO.jpg';
    }
    else if (name == 'Marketing')
    {
        document.getElementById('banner1').src = 'images/Consulting-SEM.jpg';
    }
    else if (name == 'Benefits')
    {
        document.getElementById('banner1').src = 'images/Consulting-SEO.jpg';        
    }
    
    moveElementRelative('blurbPointer', 'blurbHdr' + name, 85, -7);
}

function clearBlurbHdrs()
{
    document.getElementById('blurbHdrAnalysis').style.backgroundImage = 'url(images/blurbGradient.jpg)';
    document.getElementById('blurbHdrOptimization').style.backgroundImage = 'url(images/blurbGradient.jpg)';
    document.getElementById('blurbHdrMarketing').style.backgroundImage = 'url(images/blurbGradient.jpg)';
    document.getElementById('blurbHdrBenefits').style.backgroundImage = 'url(images/blurbGradient.jpg)';

    document.getElementById('learnmoreAnalysis').style.display = 'none';
    document.getElementById('learnmoreOptimization').style.display = 'none';
    document.getElementById('learnmoreMarketing').style.display = 'none';
    document.getElementById('learnmoreBenefits').style.display = 'none';    
}

function initblurb()
{       
    moveElementRelative('blurbPointer', 'blurbHdrAnalysis', 85, -7);  
}
function findPosX(obj)
{
    var leftCoor = 0;
    
    while (obj != null)
    {
        leftCoor += obj.offsetLeft;
        obj = obj.offsetParent;
    }
    return leftCoor;
}

function findPosY(obj)
{
    var topCoor = 0;
    
    while (obj != null)
    {
        topCoor += obj.offsetTop;
        obj = obj.offsetParent;
    }
    return topCoor;
}

function moveElementRelative(id, idTo, offsetX, offsetY)
{
    var curX, curY, e;
    e = document.getElementById(idTo);
    curX = findPosX(e);
    curY = findPosY(e);
    document.getElementById(id).style.visibility = 'hidden';
    document.getElementById(id).style.left = (curX + offsetX) + 'px';
    document.getElementById(id).style.top = (curY + offsetY) + 'px';
    document.getElementById(id).style.visibility = 'visible';
}