var LeftImage;
var MiddleImage;
var RightImage;
var LeftImage_SM;
var MiddleImage_SM;
var RightImage_SM;
var tokenLeft, tokenRight, tokenMiddle;

//Copy
var Right_Title, Left_Title, Middle_Title;
var Right_SubTitle, Left_SubTitle, Middle_SubTitle;

var NextPanel = "MiddleSMPanel";
var MovePanelNext;

//Image References - MUST BE PNG OR JPG, NO GIFS
/////////////////////////////////////////////////////
//******UPDATE BELOW TO ALTER IMAGES AND COPY****////
/////////////////////////////////////////////////////
function LoadBg(sender) {
    //   sender.findName("BackgroundImage").source = "http://www.microsoft.com/global/en/us/PublishingImages/SLWindowPane/StageBackground_full.jpg";
}
function OnLoaded(sender, args) {
    //Assign vars
    LeftImage = sender.FindName("LeftImage");
    MiddleImage = sender.FindName("MiddleImage");
    RightImage = sender.FindName("RightImage");
    LeftImage_SM = sender.FindName("LeftImage_SM");
    MiddleImage_SM = sender.FindName("MiddleImage_SM");
    RightImage_SM = sender.FindName("RightImage_SM");
    //Copy
    Right_Title = sender.FindName("Right_Title");
    Right_SubTitle = sender.FindName("Right_SubTitle");
    Left_Title = sender.FindName("Left_Title");
    Left_SubTitle = sender.FindName("Left_SubTitle");
    Middle_Title = sender.FindName("Middle_Title");
    Middle_SubTitle = sender.FindName("Middle_SubTitle");

    /////////////////////////////////////////////////////
    //******UPDATE BELOW TO ALTER IMAGES AND COPY****////
    /////////////////////////////////////////////////////

    // CHARACTER STRING LIMITS!
    //
    //            *_Title.Text :  17-20 (depending on letterforms)
    //         *_SubTitle.Text :  26-28 (depending on letterforms)
    //
    // Please ensure that the Title and SubTitle are short enough to remain on a single line each.

    //LeftImage Image References
    LeftImage.source = "Silverlight/images/HB_01.jpg";
    LeftImage_SM.source = "Silverlight/images/T_01.png";
    //Left Copy
    Left_Title.Text = "System Security";
    Left_SubTitle.Text = "Solutions";
    //Add EventListeners
    tokenLeft = LeftImage.addEventListener("MouseLeftButtonDown", PanelImageDown);

    //MiddleImage Image References
    MiddleImage.source = "Silverlight/images/HB_02.jpg";
    MiddleImage_SM.source = "Silverlight/images/T_02.png";
    //Left Copy
    Middle_Title.Text = "Efficiency,Benefit";
    Middle_SubTitle.Text = "High Efficiency High Benefit";

    //RightImage Image References
    RightImage.source = "Silverlight/images/HB_03.jpg";
    RightImage_SM.source = "Silverlight/images/T_03.png";
    //Left Copy
    Right_Title.Text = "Quality Services";
    Right_SubTitle.Text = "Gold Services,Create the future";
    /////////////////////////////////////////////////////
    //******UPDATE ABOVE TO ALTER IMAGES AND COPY****////
    /////////////////////////////////////////////////////

    sender.findName("background").Visibility = "Visible";
    sender.findName("FadeIn").begin();
    sender.findName("Timer").begin();
}
/////////////////////////////////////////////////////////////////////////
// ***********  DPI scaling
/////////////////////////////////////////////////////////////////////////
var slPlugin;
function onWindowPaneLoaded(sender, args) {
    slPlugin = sender.getHost();
    slPlugin.content.onResize = onResized;

    updateLayout(slPlugin.content.actualWidth, slPlugin.content.actualHeight);
}

function onResized(sender, eventArgs) {
    updateLayout(slPlugin.content.actualWidth, slPlugin.content.actualHeight);
}

function updateLayout(width, height) {

    var scalePlayerX = (slPlugin.content.actualWidth / parseFloat(slPlugin.width));
    var scalePlayerY = (slPlugin.content.actualHeight / parseFloat(slPlugin.height));

    slPlugin.content.findName('zoomTransform').scaleX = scalePlayerX;
    slPlugin.content.findName('zoomTransform').scaleY = scalePlayerY;
}
/////////////////////////////////////////////////////////////////////////
//**************  End DPI scaling
/////////////////////////////////////////////////////////////////////////

//LINKS FOR LARGE PANELS
/////////////////////////////////////////////////////////////////////////
//******TRACKING TAGS IN CASE STATEMENT BELOW****////
/////////////////////////////////////////////////////////////////////////
function PanelImageDown(sender, args) {
    switch (sender.Name) {
        case "LeftImage":
            window.location = "javascript:void(0)";
            break;
        case "MiddleImage":
            window.location = "javascript:void(0)";
            break;
        case "RightImage":
            window.location = "javascript:void(0)";
            break;
    }
}
function PanelOver(sender) {
    //Stop the automove
    sender.findName("Timer").stop();
    var pausePanel = sender.FindName("PausePanel");

    switch (sender.Name) {
        case "LeftSMPanel":
            sender.FindName("RightSMPanel").visibility = "Visible";
            sender.FindName("MiddleSMPanel").visibility = "Visible";
            sender.FindName("LeftImage").visibility = "Visible";
            //Add Pause
            sender.FindName("LeftSmFadeIn").begin();
            pausePanel.begin();
            MovePanelNext = "MoveLeft";
            NextPanel = "MiddleSMPanel";
            /////////////////////////////////////////////////////////////////////////
            //******Add tracking tag here to track rollovers on left small panel****////
            /////////////////////////////////////////////////////////////////////////
            break;
        case "MiddleSMPanel":
            sender.FindName("LeftSMPanel").visibility = "Visible";
            sender.FindName("RightSMPanel").visibility = "Visible";
            sender.FindName("MiddleImage").visibility = "Visible";
            //Add Pause
            sender.FindName("MiddleSmFadeIn").begin();
            pausePanel.begin();
            MovePanelNext = "MoveMiddle";
            NextPanel = "RightSMPanel";
            /////////////////////////////////////////////////////////////////////////
            //******Add tracking tag here to track rollovers on left small panel****////
            /////////////////////////////////////////////////////////////////////////
            break;
        case "RightSMPanel":
            sender.FindName("LeftSMPanel").visibility = "Visible";
            sender.FindName("MiddleSMPanel").visibility = "Visible";
            sender.FindName("RightImage").visibility = "Visible";
            //Add Pause
            sender.FindName("RightSmFadeIn").begin();
            pausePanel.begin();
            MovePanelNext = "MoveRight";
            NextPanel = "LeftSMPanel";
            /////////////////////////////////////////////////////////////////////////
            //******Add tracking tag here to track rollovers on left small panel****////
            /////////////////////////////////////////////////////////////////////////
            break;
    }

}
function PanelDown(sender) {
    //Stop the automove
    sender.findName("Timer").stop();
    sender.FindName("PausePanel").stop();

    switch (sender.Name) {
        case "LeftSMPanel":
            sender.FindName("RightSMPanel").visibility = "Visible";
            sender.FindName("MiddleSMPanel").visibility = "Visible";
            sender.FindName("LeftImage").visibility = "Visible";
            //Add Pause
            sender.FindName("MoveLeft").begin();
            MovePanelNext = "MoveLeft";
            NextPanel = "MiddleSMPanel";
            /////////////////////////////////////////////////////////////////////////
            //******Add tracking tag here to track clicks on left small panel****////
            /////////////////////////////////////////////////////////////////////////
            break;
        case "MiddleSMPanel":
            sender.FindName("LeftSMPanel").visibility = "Visible";
            sender.FindName("RightSMPanel").visibility = "Visible";
            sender.FindName("MiddleImage").visibility = "Visible";
            //Add Pause
            sender.FindName("MoveMiddle").begin();
            MovePanelNext = "MoveMiddle";
            NextPanel = "RightSMPanel";
            /////////////////////////////////////////////////////////////////////////
            //******Add tracking tag here to track clicks on left small panel****////
            /////////////////////////////////////////////////////////////////////////
            break;
        case "RightSMPanel":
            sender.FindName("LeftSMPanel").visibility = "Visible";
            sender.FindName("MiddleSMPanel").visibility = "Visible";
            sender.FindName("RightImage").visibility = "Visible";
            //Add Pause
            sender.FindName("MoveRight").begin();
            MovePanelNext = "MoveRight";
            NextPanel = "LeftSMPanel";
            /////////////////////////////////////////////////////////////////////////
            //******Add tracking tag here to track clicks on left small panel****////
            /////////////////////////////////////////////////////////////////////////
            break;
    }

}
function MovePanel(sender) {
    sender.FindName("PausePanel").stop();
    sender.FindName(MovePanelNext).begin();
}
function PanelMoveEnd(sender, args) {
    switch (sender.Name) {
        case "MoveLeft":
            sender.FindName("LeftSMPanel").visibility = "Collapsed";
            sender.FindName("MiddleImage").visibility = "Collapsed"; sender.FindName("LeftImage").visibility = "Visible";
            sender.FindName("RightImage").visibility = "Collapsed";

            sender.FindName("RightSMPanel").visibility = "Visible";
            sender.FindName("MiddleSMPanel").visibility = "Visible";

            //Add EventListeners
            tokenLeft = sender.FindName("LeftImage").addEventListener("MouseLeftButtonDown", PanelImageDown);
            //Remove EventListeners
            sender.findName("MiddleImage").removeEventListener("MouseLeftButtonDown", tokenMiddle);
            sender.findName("RightImage").removeEventListener("MouseLeftButtonDown", tokenRight);
            break;
        case "MoveMiddle":
            sender.FindName("MiddleSMPanel").visibility = "Collapsed";
            sender.FindName("RightImage").visibility = "Collapsed";
            sender.FindName("LeftImage").visibility = "Collapsed"; sender.FindName("MiddleImage").visibility = "Visible";
            sender.FindName("LeftSMPanel").visibility = "Visible";
            sender.FindName("RightSMPanel").visibility = "Visible";

            //Add EventListeners
            tokenMiddle = sender.FindName("MiddleImage").addEventListener("MouseLeftButtonDown", PanelImageDown);
            //Remove EventListeners
            sender.findName("LeftImage").removeEventListener("MouseLeftButtonDown", tokenLeft);
            sender.findName("RightImage").removeEventListener("MouseLeftButtonDown", tokenRight);
            break;
        case "MoveRight":
            sender.FindName("MiddleImage").visibility = "Collapsed";
            sender.FindName("LeftImage").visibility = "Collapsed";
            sender.FindName("RightSMPanel").visibility = "Collapsed";
            sender.FindName("LeftSMPanel").visibility = "Visible"; sender.FindName("RightImage").visibility = "Visible";
            sender.FindName("MiddleSMPanel").visibility = "Visible";
            //Add EventListeners
            tokenRight = sender.FindName("RightImage").addEventListener("MouseLeftButtonDown", PanelImageDown);
            //Remove EventListeners
            sender.findName("LeftImage").removeEventListener("MouseLeftButtonDown", tokenLeft);
            sender.findName("MiddleImage").removeEventListener("MouseLeftButtonDown", tokenMiddle);
            break;
    }

}
function Next(sender, args) {
    PanelOver(sender.findName(NextPanel));
    sender.findName("Timer").begin();
}

function SmallPanelOver(sender, args) {
    var panel = sender.name.replace("SMPanel", "");
    sender.findName(panel + "SmFadeIn").begin();
}
function SmallPanelLeave(sender, args) {
    var panel = sender.name.replace("SMPanel", "");
    sender.findName(panel + "SmFadeOut").begin();
}