﻿// 360 Approach - tab switching functions

/*
addEventHandler('load', window_load, window);

var pageCount   = 4;
var currentPage = 1;

function window_load(e)
{
    currentPage = 1;
    
    var lnkPage1 = document.getElementById('ctl00_ContentPlaceHolder1_lnkPage1');
    var lnkPage2 = document.getElementById('ctl00_ContentPlaceHolder1_lnkPage2');
    var lnkPage3 = document.getElementById('ctl00_ContentPlaceHolder1_lnkPage3');
    var lnkPage4 = document.getElementById('ctl00_ContentPlaceHolder1_lnkPage4');
    
    var lnkNext     = document.getElementById('navNext');
    var lnkPrevious = document.getElementById('navPrevious');
    
    addEventHandler('click', show360Content, lnkPage1);
    addEventHandler('click', show360Content, lnkPage2);
    addEventHandler('click', show360Content, lnkPage3);
    addEventHandler('click', show360Content, lnkPage4);
    
    addEventHandler('click', nextPage, lnkNext);
    addEventHandler('click', previousPage, lnkPrevious);
    
    change360Page('Page1');
}

function nextPage(e)
{
    if (currentPage < pageCount)
    {
        currentPage = currentPage + 1;
        
        change360Page('Page' + currentPage);
    }
}

function previousPage(e)
{
    if (currentPage > 1)
    {
        currentPage = currentPage - 1;
        
        change360Page('Page' + currentPage);
    }
}

function show360Content(e)
{
    if (e == null)
    {
        change360Page('Page1');
    }
    else
    {
        var tgt = e.srcElement || e.target;
        
        var newPage = 'Page' + tgt.id.substring(tgt.id.length - 1);
        
        change360Page(newPage);
    }
}

function change360Page(newPage)
{
    var link1 = document.getElementById('ctl00_ContentPlaceHolder1_lnkPage1');
    var link2 = document.getElementById('ctl00_ContentPlaceHolder1_lnkPage2');
    var link3 = document.getElementById('ctl00_ContentPlaceHolder1_lnkPage3');
    var link4 = document.getElementById('ctl00_ContentPlaceHolder1_lnkPage4');
 
    // un-select all FX links   
    link1.className = '';
    link2.className = '';
    link3.className = '';
    link4.className = '';
    
    var page1 = document.getElementById('Approach360Page1');
    var page2 = document.getElementById('Approach360Page2');
    var page3 = document.getElementById('Approach360Page3');
    var page4 = document.getElementById('Approach360Page4');
    
    // hide all "pages"
    page1.style.display = 'none';
    page2.style.display = 'none';
    page3.style.display = 'none';
    page4.style.display = 'none';
    
    // select the new page
    if (newPage == 'Page2')
    {
        page2.style.display = 'block';
        currentPage         = 2;
        link2.className     = 'Selected';
    }
    else if (newPage == 'Page3')
    {
        page3.style.display = 'block';
        currentPage         = 3;
        link3.className     = 'Selected';
    }
    else if (newPage == 'Page4')
    {
        page4.style.display = 'block';
        currentPage         = 4;
        link4.className     = 'Selected';
    }
    else
    {
        page1.style.display = 'block';
        currentPage         = 1;
        link1.className     = 'Selected';
    }
    
    var btnNext     = document.getElementById('navNext');
    var btnPrevious = document.getElementById('navPrevious');
    
    var imgPrevious = "<img src=\"../Images/Arrow_Gray_Left.gif\" alt=\"&lt;\" /> ";
    var imgNext     = " <img src=\"../Images/Arrow_Gray_Right.gif\" alt=\"&gt;\" />";
    
    // set the next/previous buttons attributes
    if (currentPage == pageCount)
    {
        btnNext.style.display = 'none';
        btnPrevious.innerHTML = imgPrevious + 'Previous - Expertise';
        btnPrevious.style.display = 'inline';
    }
    else if (currentPage == 1)
    {
        btnPrevious.style.display = 'none';
        btnNext.innerHTML = 'Next - Personalization' + imgNext;
        btnNext.style.display     = 'inline';
    }
    else
    {
        if (currentPage == 2)
        {
            btnPrevious.innerHTML = imgPrevious + 'Previous - 1:1 Support';
            btnNext.innerHTML     = 'Next - Expertise' + imgNext;
        }
        else if (currentPage == 3)
        {
            btnPrevious.innerHTML = imgPrevious + 'Previous - Personalization';
            btnNext.innerHTML     = 'Next - FXpert&trade; Software' + imgNext;
        }
        
        btnPrevious.style.display = 'inline';
        btnNext.style.display     = 'inline';
    }
   
}
*/
