var _timer = 0;
var _displayElement = '';
var oTimer;
var _offerId = 0;
var _partnerName = '';
var _points = '';

function start_timer(_element, _seconds, _featuredOfferId, _offerPartnerName, _pointsValue)
{
       _timer = _seconds;
       _displayElement = _element;
       _offerId = _featuredOfferId;       
       _partnerName = _offerPartnerName;
       oTimer = setInterval("tick()", 1000);
       _points = _pointsValue;
       
       if(_pointsValue == 0)
       {
            document.getElementById(_displayElement).style.display = 'none';
            document.getElementById(_displayElement).style.visibility = 'hidden';
       }

       if(_partnerName.length > 0)
       {
           //document.getElementById(_displayElement).innerHTML = '<div style="font-size: x-small; position: relative; left: -8px; top: -2px; width: 190px; border: solid 1px #CC0066; text-align: center; padding: 3px;"><table><tr><td valign="middle" align="center">Your <span style="color: #CC0066;">' + _pointsValue + ' PiggyPoints</span>, with thanks to <i>' + _partnerName + '</i> will be available in </td></tr><tr><td align="center"><img src="/js/FeaturedOffers/images/tick_10.gif" /></td></tr></table></div>';
           document.getElementById(_displayElement).innerHTML = '<div style="font-size: x-small; position: relative; left: -4px; top: -2px;"><table cellspacing="0" cellpadding="0"><tr><td style="text-align: right;"><img src="/js/FeaturedOffers/images/timer_left.gif" /></td><td style="background: url(/js/FeaturedOffers/images/timer_mid.gif);">Your <span style="color: #CC0066;">' + _pointsValue + ' PiggyPoints</span>, with thanks to <i>' + _partnerName + '</i> will be available in: </td><td><img src="/js/FeaturedOffers/images/timer_right2.gif" /></td></tr></table></div>';
       }
       else
       {
           document.getElementById(_displayElement).innerHTML = '<div style="font-size: x-small; position: relative; left: -4px; top: -2px;"><table cellspacing="0" cellpadding="0"><tr><td style="text-align: right;"><img src="/js/FeaturedOffers/images/timer_left.gif" /></td><td style="background: url(/js/FeaturedOffers/images/timer_mid.gif);">Your <span style="color: #CC0066;">' + _pointsValue + ' PiggyPoints</span> will be available in: </td><td><img src="/js/FeaturedOffers/images/timer_right2.gif" /></td></tr></table></div>';
       }       
}

function tick()
{
    if(_timer > 0)
    {
        //if(_partnerName.length > 0)
        //{
        //    document.getElementById(_displayElement).innerHTML = '<div style="font-size: x-small; position: relative; left: -8px; top: -2px; width: 190px; border: solid 1px #CC0066; text-align: center; padding: 3px;"><table><tr><td valign="middle" align="center"><img src="/images/fo_wait.gif" /></td><td valign="top">Your <span style="color: #CC0066;">PiggyPoints</span> will be available in <b>' + _timer + '</b> seconds, with thanks to <i>' + _partnerName + '</i></td></tr></table></div>';                 
        //}
        //else
        //{
        //    document.getElementById(_displayElement).innerHTML = '<div style="font-size: x-small; position: relative; left: -8px; top: -2px; width: 200px; border: solid 1px #CC0066; text-align: center; padding: 3px;"><table><tr><td valign="middle" align="center"><img src="/images/fo_wait.gif" /></td><td valign="top">Your <span style="color: #CC0066;">PiggyPoints</span> will be available in <b>' + _timer + '</b> seconds</td></tr></table></div>';                 
        //}       
        _timer -= 1;
    }
    else
    {
        //document.getElementById(_displayElement).innerHTML = '<div style="font-size: x-small; position: relative; left: -8px; top: -2px; width: 200px; border: solid 1px #CC0066; text-align: center; padding: 3px;">Click <a style="color: black;" href="javascript: Claim();">here</a> to claim your <span style="#CC0066;">PiggyPoints</span></div>';        
        document.getElementById(_displayElement).innerHTML = '<div style="font-size: x-small; position: relative; left: -4px; top: -2px; text-align: right;"><table cellspacing="0" cellpadding="0"><tr><td style="text-align: right;"><a style="color: black;" href="javascript: Claim();"><img src="/js/FeaturedOffers/images/claim_points.gif" border="0" /></a></td></tr></table></div>';
        clearInterval(oTimer);    
    }
}

function Claim()
{
    FeaturedOffer(_offerId);
    //document.getElementById(_displayElement).innerHTML = '<div style="font-size: x-small; position: relative; left: -8px; top: -2px; width: 200px; border: solid 1px #CC0066; text-align: center; padding: 3px;">Your PiggyPoints have been credited!</div>';
    if(_partnerName.length > 0)
    {
        document.getElementById(_displayElement).innerHTML = '<div style="font-size: x-small; position: relative; left: -4px; top: -2px; text-align: right;"><table cellspacing="0" cellpadding="0"><tr><td style="text-align: right;"><img src="/js/FeaturedOffers/images/timer_left_credited_' + _points + '.gif" /></td><td style="background: url(/js/FeaturedOffers/images/timer_mid.gif);">Your <span style="color: #CC0066;">' + _points + ' PiggyPoints</span> have been credited, with thanks to <i>' + _partnerName + '</i></td><td><img src="/js/FeaturedOffers/images/timer_right.gif" /></td></tr></table></div>';
    }
    else
    {
        document.getElementById(_displayElement).innerHTML = '<div style="font-size: x-small; position: relative; left: -4px; top: -2px; text-align: right;"><table cellspacing="0" cellpadding="0"><tr><td style="text-align: right;"><img src="/js/FeaturedOffers/images/timer_left_credited' + _points + '.gif" /></td><td style="background: url(/js/FeaturedOffers/images/timer_mid.gif);">Your <span style="color: #CC0066;">' + _points + ' PiggyPoints</span> have been credited</td><td><img src="/js/FeaturedOffers/images/timer_right.gif" /></td></tr></table></div>';
    }
}