var banner_t;
var timer_is_on=0;



function startTime(targetdate) {

        var today = new Date();
        var targetdate = new Date(targetdate);
        var timediff = (targetdate - today) //in millisecond
        
	if (timediff<=0)
	{
		setZeroo();
		return false;	
	}
	else
    	{    
        var h = 24 - today.getHours() - 1 ;
        var m = 60 - today.getMinutes() - 1;
        var s = 60 - today.getSeconds() - 1;
        var ms = 1000 - today.getMilliseconds() - 1;

        var d = Math.floor(timediff / (24 * 60 * 60 * 1000)); //(24 * 60 * 60 * 1000) = day unit in millisecond

        document.getElementById('contatore').innerHTML = formatresults(d, h, m, s, ms);

	timer_is_on = 1;        

         banner_t = setTimeout("startTime('" + targetdate + "')", 150);
	}
    }

    function checkTime(i) {
        if (i < 10) {
            i = "0" + i;
        }
        return i;
    }

     function formatresults(d, h, m, s, ms) {

        //var displaystring = "<div id='area_timer'> <div id='days'>" + pad2(d) + "</div><div id='hours'>" + pad2(h) + "</div><div id='minutes'>" + pad2(m) + "</div><div id='seconds'>" + pad2(s) + "</div><div id='milliseconds'>" + pad3(ms) + "</div></div>"

        var displaystring =
        "<div id='countdown_dashboard'>" +
        "<div class='dash days_dash' style='padding-left:0px;'><span class='dash_title' style='left: 14px;'>giorni</span><div class='digit'>" + pad2(d).substring(0, 1) + "</div><div class='digit'>" + pad2(d).substring(1,2) + "</div></div>"+
        "<div class='dash hours_dash'><span class='dash_title' style='left: 25px;'>ore</span><div class='digit'>" + pad2(h).substring(0, 1) + "</div><div class='digit'>" + pad2(h).substring(1, 2) + "</div></div>" +
        "<div class='dash minutes_dash'><span class='dash_title' style='left: 25px;'>min</span><div class='digit'>" + pad2(m).substring(0, 1) + "</div><div class='digit'>" + pad2(m).substring(1, 2) + "</div></div>" +
        "<div class='dash seconds_dash'><span class='dash_title' style='left: 25px;'>sec</span><div class='digit'>" + pad2(s).substring(0, 1) + "</div><div class='digit'>" + pad2(s).substring(1, 2) + "</div></div>" +
        "<div class='dash3'><span class='dash_title' style='left: 40px;'>msec</span><div class='digit' style='color:#A80108'>" + pad3(ms).substring(0, 1) + "</div><div class='digit' style='color:#A80108'>" + pad3(ms).substring(1, 2) + "</div><div class='digit' style='color:#A80108'>" + pad3(ms).substring(2, 3) + "</div></div>" +
        "</div>";
        return displaystring;
    }


function setZeroo()
{
	document.getElementById('contatore').innerHTML = formatresults(0, 0, 0, 0, 0);
}

function stopTime()
{
if (timer_is_on)
  {
	clearTimeout(banner_t);
	timer_is_on=0;
  }
}





    function pad2(number) {
        return (number < 10 ? '0' : '') + number
    }
    function pad3(number) {
        return (number < 100 ? '0' : '') + number
    }