var LeftImage;
var RightImage;
var tokenLeft, tokenRight;

//Copy
var Right_Title, Left_Title;

var NextPanel = "RightSMPanel";
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 = "/slovakia/investujtedouspor/images/StageBackground_full.jpg";
}*/

function OnLoaded(sender, args)
{
   //Assign vars
   LeftImage = 	sender.FindName("LeftImage");
   RightImage = sender.FindName("RightImage");
   //Copy
   Right_Title = sender.FindName("Right_Title");
   Left_Title = sender.FindName("Left_Title");

   /////////////////////////////////////////////////////
   //******UPDATE BELOW TO ALTER IMAGES AND COPY****////
   /////////////////////////////////////////////////////
   //LeftImage Image References
   LeftImage.source = "/slovakia/investujtedouspor/images/ceresnik_video.png";
   //Left Copy
   Left_Title.Text = "Pozrite si video";
   //Add EventListeners
   tokenLeft = LeftImage.addEventListener("MouseLeftButtonDown", PanelImageDown);

   //RightImage Image References
   RightImage.source = "/slovakia/investujtedouspor/images/ceresnik_blog.png";
   //Left Copy
   Right_Title.Text = "Navštívte blog";
   /////////////////////////////////////////////////////
   //******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.location = "/slovakia/investujtedouspor/video.aspx";
            break;
	    case "RightImage":
            window.open("http://blogy.etrend.sk/peter-ceresnik-firemny-blog/160011.html");
            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("LeftImage").visibility = "Visible";
            //Add Pause
	        sender.FindName("LeftSmFadeIn").begin();
	        pausePanel.begin();
	        MovePanelNext = "MoveLeft";
	        NextPanel = "RightSMPanel";
	        /////////////////////////////////////////////////////////////////////////
            //******Add tracking tag here to track rollovers on left small panel****////
            /////////////////////////////////////////////////////////////////////////
            break;
        case "RightSMPanel":
            sender.FindName("LeftSMPanel").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("LeftImage").visibility = "Visible";
            //Add Pause
            sender.FindName("MoveLeft").begin();
            MovePanelNext = "MoveLeft";
            NextPanel = "RightSMPanel";
            /////////////////////////////////////////////////////////////////////////
            //******Add tracking tag here to track clicks on left small panel****////
            /////////////////////////////////////////////////////////////////////////
            break;
        case "RightSMPanel":
            sender.FindName("LeftSMPanel").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("LeftImage").visibility = "Visible";
            sender.FindName("RightSMPanel").visibility = "Visible";
            sender.FindName("LeftSMPanel").visibility = "Collapsed";
            sender.FindName("RightImage").visibility = "Collapsed";
            tokenLeft = sender.FindName("LeftImage").addEventListener("MouseLeftButtonDown", PanelImageDown);
            sender.findName("RightImage").removeEventListener("MouseLeftButtonDown", tokenRight);
            break;
        case "MoveRight":
            sender.FindName("LeftImage").visibility = "Collapsed";
            sender.FindName("RightSMPanel").visibility = "Collapsed";
            sender.FindName("LeftSMPanel").visibility = "Visible";
			sender.FindName("RightImage").visibility = "Visible";
            tokenRight = sender.FindName("RightImage").addEventListener("MouseLeftButtonDown", PanelImageDown);
            sender.findName("LeftImage").removeEventListener("MouseLeftButtonDown", tokenLeft);
            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();
}