var OrangeContent, OrangeContentBox, 
    BlueContent, BlueContentBox, 
    ScrollContent,
    BlueContentTitle, OrangeContentTitle,
    OrangeSection, BlueSection;

//var BlueWidth = 470;
//var OrangeWidth = 400;
var BlueWidth = 470;
var OrangeWidth = 450;
var Height = 136;
var BlueOrOrange;
var ClipWidth = 595;
var TitleHeight;
var OrangeX = BlueWidth + 2;
var ContentSlider;

// Blue = Left, Orange = Right
var OrangeOverColor = "#BBBBBB";
var OrangeOutColor = "#CCCCCC";

var BlueOverColor = "#EEEEEE";
var BlueOutColor = "#E5E5E5";


function windowOnload ()
{
    if (is.ie4up)
    {
        FixPNGsForIE('PNGBottomNotch'); // , 'PNGLeftCorner'
    }

    ScrollContent = document.getElementById ("ScrollContent").cbe;
    ContentSlider = document.getElementById ("ContentSlider").cbe;
    OrangeContent = document.getElementById ("OrangeContent").cbe;
    BlueContent = document.getElementById ("BlueContent").cbe;

    BlueSection = document.getElementById ("BlueSection").cbe;
    OrangeSection = document.getElementById ("OrangeSection").cbe;
/*        
    OrangeContentBox = document.getElementById ("OrangeContentBox").cbe;

    BlueContentBox = document.getElementById ("BlueContentBox").cbe;
    TitleHeight = document.getElementById ("BlueContentTitle").cbe.height ();

    BlueContentTitle = document.getElementById ("BlueContentTitle").cbe;
    OrangeContentTitle = document.getElementById ("OrangeContentTitle").cbe;

    BlueContent.slideCornerTo
    (
        "nw", 
        BlueContentBox.left (), 
        ScrollContent.top () + TitleHeight, 10 
    );

    BlueContent.slideCornerTo
    (
        "se", 
        BlueContentBox.left (), 
        ScrollContent.top () + Height, 10 
    );

    BlueContentTitle.slideCornerTo
    (
        "nw", 
        BlueContentBox.left (), 
        ScrollContent.top (), 10 
    );

    BlueContentTitle.slideCornerTo
    (
        "se", 
        BlueContentBox.left () + BlueWidth, 
        ScrollContent.top () + TitleHeight, 10 
    );
    */
    //BlueContent.hide ();
    OrangeContent.hide ();
    BlueOrOrange = 0;
    //    SlideBlue ();

}

function BlueVisible ()
{
    BlueContent.show ();    
    BlueOrOrange = 0;
}

function SlideBlue ()
{

    if (BlueOrOrange == 1)
    {
        
        ContentSlider.slideTo
        (
             ContentSlider.left () + OrangeWidth,
             ContentSlider.top (),
             500,
             function () { BlueOrOrange = 0; BlueContent.show ();}
        );
        //ContentSlider.clip (0, 593, 136, 0);
        OrangeContent.hide ();    

        BlueOrOrange = -1;
    }
    
}
    

function MouseOverOrange ()
{
    OrangeSection.background (OrangeOverColor);
}

function MouseOverBlue ()
{
    BlueSection.background (BlueOverColor);
}

function MouseOut ()
{
    OrangeSection.background (OrangeOutColor);
    BlueSection.background (BlueOutColor);
}


function SlideOrange ()
{

    if (BlueOrOrange == 0)
    {
        ContentSlider.slideTo
        (
             ContentSlider.left () - OrangeWidth,
             ContentSlider.top (),
             500,
              function () { BlueOrOrange = 1; OrangeContent.show ();}
        );

        //ContentSlider.clip (0, 593, 136, 0);
        
        BlueContent.hide ();
        BlueOrOrange = -1;
    }
}