var forecastDetailsPopup;
var forecastDetailsText;
var forecastDetailsTextContainer;
var forecastDetailsScroll = 14;

function OnForecastDetailsPopupLoaded(sender)
{
    forecastDetailsPopup = sender.findName("ForecastDetailsPopup");
    forecastDetailsText = sender.findName("ForecastDetailsText");
    forecastDetailsTextContainer = sender.findName("ForecastDetailsContainer");
    OnShowHiDetails(sender);
}

function OnShowForecastDetails(sender, args)
{
    //alert(sender.name);
    updateForecastDetails(sender.Name);
    forecastDetailsPopup.opacity = 1;
    forecastDetailsPopup.IsHitTestVisible = true;
    
    //writeLine("sender.Name: " +  senderName);
}

function OnHideForecastDetails(sender, args)
{
    forecastDetailsPopup.opacity = 0;
    forecastDetailsPopup.IsHitTestVisible = false;
}

function OnShowHiDetails(sender, args)
{
    // Adjust the shadows
    forecastDetailsPopup.findName("LoTabShadow").Visibility="Visible";
    forecastDetailsPopup.findName("HiTabShadow").Visibility="Collapsed";
    
    //show the proper text box
    sender.findName("ForecastDetailsDayText").Visibility = "Visible";
    sender.findName("ForecastDetailsNightText").Visibility = "Collapsed";
}

function OnShowLoDetails(sender, args)
{
    // Adjust the shadows
    forecastDetailsPopup.findName("LoTabShadow").Visibility="Collapsed";
    forecastDetailsPopup.findName("HiTabShadow").Visibility="Visible";
    
    //show the proper text box
    sender.findName("ForecastDetailsDayText").Visibility = "Collapsed";
    sender.findName("ForecastDetailsNightText").Visibility = "Visible";
}

function OnForecastDetailsScrollUp(sender, args)
{
    var textBlock = null;
    
    if (sender.findName("ForecastDetailsDayText").Visibility == "Visible")
        textBlock = sender.findName("ForecastDetailsDayText");
    else if (sender.findName("ForecastDetailsNightText").Visibility == "Visible")
        textBlock = sender.findName("ForecastDetailsNightText");
        
    if (null != textBlock)
    {    
        var y = textBlock["Canvas.Top"];
        y += forecastDetailsScroll;
        if(y > 0)
            y = 0;
        textBlock["Canvas.Top"] = y;
    }
}

function OnForecastDetailsScrollDown(sender, args)
{
    var textBlock = null;
    
    if (sender.findName("ForecastDetailsDayText").Visibility == "Visible")
        textBlock = sender.findName("ForecastDetailsDayText");
    else if (sender.findName("ForecastDetailsNightText").Visibility == "Visible")
        textBlock = sender.findName("ForecastDetailsNightText");
        
    if (null != textBlock)
    {    
        var y = textBlock["Canvas.Top"];
        y -= forecastDetailsScroll;

        var textHeight = textBlock.actualheight;
        var containerHeight = textBlock.height;
        if(y < containerHeight - textHeight)
        {
            y = containerHeight - textHeight;
        }
        textBlock["Canvas.Top"] = y;
    }
}