﻿
    function mouseOutItem(id, imageId)
    {
        if (id != lastClickedItem)
        {
            GetItem(imageId).className='servicesUnselectedItem';
            GetItem(id).className='servicesUnselectedItemText';
        }
    }

    var lastClickedItem = 'techColumn';
    function clickItem(Id, imageId)
    {
       resetAllMenuItems();
       GetItem(Id).className = 'servicesSelectedItemText';
       GetItem(imageId).className = 'servicesSelectedItem';
       lastClickedItem = Id;
    }

    function resetAllMenuItems()
    {
        GetItem('introColumn').className='servicesUnselectedItemText';GetItem('introImage').className='servicesUnselectedItem servicesMenuItem';
        GetItem('implColumn').className='servicesUnselectedItemText';GetItem('implImage').className='servicesUnselectedItem servicesMenuItem';
        GetItem('straColumn').className='servicesUnselectedItemText';GetItem('straImage').className='servicesUnselectedItem servicesMenuItem';
        GetItem('campColumn').className='servicesUnselectedItemText';GetItem('campImage').className='servicesUnselectedItem servicesMenuItem';
        GetItem('techColumn').className='servicesUnselectedItemText';GetItem('techImage').className='servicesUnselectedItem servicesMenuItem';
        GetItem('custColumn').className='servicesUnselectedItemText';GetItem('custImage').className='servicesUnselectedItem servicesMenuItem';
    }

    function setDiv(divId)
    {
        ResetAllDivs();
        GetItem(divId).style.display = 'block';
    }

    function ResetAllDivs()
    {
        GetItem('introDiv').style.display = 'none';
        GetItem('implDiv').style.display = 'none';
        GetItem('custDiv').style.display = 'none';
        GetItem('campDiv').style.display = 'none';
        GetItem('straDiv').style.display = 'none';
        GetItem('techDiv').style.display = 'none';
    }
    
    var previouslyClickedId;
function servicesClickMenuItem(id)
{
    servicesResetAllMenuItems();
    GetItem(id).className = servicesGetClass(id, "selected");
    previouslyClickedId = id;
}

function servicesMouseOutMenuItem(id)
{
    if (id != previouslyClickedId)
    {
        GetItem(id).className = servicesGetClass(id, "unselected");
    }
}

function servicesMouseOverMenuItem(id)
{
    GetItem(id).className = servicesGetClass(id, "hover");
}

function servicesGetClass(id, classType)
{
var _className;
    switch(classType)
    {
        case 'hover':
            if (id == 'tdEmailMarketing')
            {
                _className = 'servicesHoverLeftCorner servicesMenuItem';
            }
            else if(id == 'tdSearchMarketing')
            {
                _className = 'servicesHoverRightCorner servicesMenuItem';
            }
            else
            {
                _className = 'servicesHoverBottomMenuItem servicesMenuItem';
            }
        break;
            
        case 'selected':
            if (id == 'tdEmailMarketing')
            {
                _className = 'servicesSelectedLeftCorner servicesMenuItem';
            }
            else if(id == 'tdSearchMarketing')
            {
                _className = 'servicesSelectedRightCorner servicesMenuItem';
            }
            else
            {
                _className = 'servicesSelectedBottomMenuItem servicesMenuItem';
            }
        break;
        
        case 'unselected':
            if (id == 'tdEmailMarketing')
            {
                _className = 'servicesUnSelectedLeftCorner servicesMenuItem';
            }
            else if(id == 'tdSearchMarketing')
            {
                _className = 'servicesUnSelectedRightCorner servicesMenuItem';
            }
            else
            {
                _className = 'servicesUnselectedBottomMenuItem servicesMenuItem';
            }
        break;
    }
    
    return _className;
}

function servicesResetAllMenuItems()
{
    GetItem('tdEmailMarketing').className = 'servicesUnSelectedLeftCorner servicesMenuItem';
    GetItem('tdOnlineAnalytics').className = 'servicesUnSelectedRightCorner servicesMenuItem';
    GetItem('tdPublisherAdOperations').className = 'servicesUnselectedBottomMenuItem servicesMenuItem';
    GetItem('tdAdvertiserAdOperations').className = 'servicesUnselectedBottomMenuItem servicesMenuItem';
    GetItem('tdSearchMarketing').className = 'servicesUnselectedBottomMenuItem servicesMenuItem';
}

