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 = "/gallery/frameworks/windowpane_SDK/assets/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 = "assets/office_Real-Life-Tools 480 x 325.jpg";
   LeftImage_SM.source = "assets/Office.png";
   //Left Copy
   Left_Title.Text = "Office Real Life Tools";
   Left_SubTitle.Text = "The gift of productivity";
   //Add EventListeners
   tokenLeft = LeftImage.addEventListener("MouseLeftButtonDown", PanelImageDown);
   
   //MiddleImage Image References
   MiddleImage.source = "assets/wizard_480x325.jpg";
   MiddleImage_SM.source = "assets/thumbnail_wizard.png";
   //Left Copy
   Middle_Title.Text = "Licensing Wizard";
   Middle_SubTitle.Text = "Find the best Office suite for you";
   
   //RightImage Image References
   RightImage.source = "assets/office2010_banner.jpg";
   RightImage_SM.source = "assets/office-icon.png";
   //Left Copy
   Right_Title.Text = "Office 2010 Beta";
   Right_SubTitle.Text = "Get It Now";
   /////////////////////////////////////////////////////
   //******UPDATE ABOVE TO ALTER IMAGES AND COPY****////
   /////////////////////////////////////////////////////


   sender.findName("background").Visibility = "Visible";
   sender.findName("FadeIn").begin();
   sender.findName("Timer").begin();
}

//LINKS FOR LARGE PANELS
/////////////////////////////////////////////////////////////////////////
//******TRACKING TAGS IN CASE STATEMENT BELOW****////
/////////////////////////////////////////////////////////////////////////
function PanelImageDown(sender, args) 
{
    switch (sender.Name)
    {
        case "LeftImage":
            window.open ("http://www.microsoft.com/malaysia/office/rlt/","MyWindow1");
            dcsMultiTrack("DCS.dcssip","#","DCS.dcsuri","#","WT.ti","Link: alttext","DCSext.wt_linkid","00-00-0000000000","WT.dl","1","WT.ad","","WT.mc_id", "","WT.sp","");
            break;
        case "MiddleImage":
            //window.location = "http://www.microsoft.com/malaysia/office/sb_promo.aspx";
            window.open ("http://www.microsoft.com/malaysia/office/licensingwizard", "MyWindow2");
            dcsMultiTrack("DCS.dcssip","#","DCS.dcsuri","#","WT.ti","Link: alttext","DCSext.wt_linkid","00-00-0000000000","WT.dl","1","WT.ad","","WT.mc_id", "","WT.sp","");
            break;
	    case "RightImage":
	        window.open ("http://www.microsoft.com/office/2010/en/default.aspx","MyWindow3");
            dcsMultiTrack("DCS.dcssip","#","DCS.dcsuri","#","WT.ti","Link: alttext","DCSext.wt_linkid","00-00-0000000000","WT.dl","1","WT.ad","","WT.mc_id", "","WT.sp","");
            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();
}