﻿/*

Author: Kai Husen
http://plainjoestudios.com
http://kaihusen.com

This was created with MediaSocial in mind.

*/

var iInitialServerTime;
var iShowtime;

function clock(currenttime, showtime) {
    iInitialServerTime = currenttime;
    iShowtime = showtime;

    window.setInterval(write, 999);

}

function write(launch) {    

    var d = new Date();
    var seconds = d.getTime() / 1000;

    var sec = iShowtime - seconds;
    var min = sec / 60;
    var hours = sec / 3600;
    var days = sec / 86400;

    var subdays = Math.floor(days);
    var subhours = hours - (Math.floor(days) * 24);
    var submin = min - (Math.floor(hours) * 60);
    var subsec = sec % 60;


    //Add Zeros in front of single digit numbers
    subhours = Math.floor(subhours);
    submin = Math.floor(submin);
    subsec = Math.floor(subsec);

    (String(subdays).length < 2) ? subdays = String("0" + subdays) : subdays = String(subdays);
    (String(subdays).length < 3) ? subdays = String("0" + subdays) : subdays = String(subdays);
    (String(subhours).length < 2) ? subhours = String("0" + subhours) : subhours = String(subhours);
    (String(submin).length < 2) ? submin = String("0" + submin) : submin = String(submin);
    (String(subsec).length < 2) ? subsec = String("0" + subsec) : subsec = String(subsec);

    //alert(iShowtime);

    if (iShowtime == -1) {

    	DisplayStr = "<span class='cntdwnthin'>NO SCHEDULED TIMES</div>"

    	document.getElementById("countdownText").innerHTML = DisplayStr;

    }

    else if (iShowtime < seconds) {

    	DisplayStr = "<span class='cntdwnthin'>LIVE NOW!</div>"

        document.getElementById("countdownText").innerHTML = DisplayStr;

    }

    else {

        DisplayFormat = "<span class='cntdwnthick'>%%D%%</span>d <span class='cntdwnthick'>%%H%%</span>h <span class='cntdwnthick'>%%M%%</span>m";
        DisplayFormat
				= "<div class='cntdwnthick'><div class='cntdwnnum'>%%D100%%</div></div>"
				+ "<div class='cntdwnthick'><div class='cntdwnnum'>%%D10%%</div></div>"
				+ "<div class='cntdwnthick'><div class='cntdwnnum'>%%D1%%</div></div>"
				+ "<div class='cntdwnthin'>Days</div> "
				+ "<div class='cntdwnthick'><div class='cntdwnnum'>%%H10%%</div></div>"
				+ "<div class='cntdwnthick'><div class='cntdwnnum'>%%H1%%</div></div>"
				+ "<div class='cntdwnthin'>Hours</div> "
				+ "<div class='cntdwnthick'><div class='cntdwnnum'>%%M10%%</div></div>"
				+ "<div class='cntdwnthick'><div class='cntdwnnum'>%%M1%%</div></div>"
				+ "<div class='cntdwnthin'>Minutes</div> ";

        

        DisplayStr = DisplayFormat.replace(/%%D100%%/g, subdays.charAt(0));
        DisplayStr = DisplayStr.replace(/%%D10%%/g, subdays.charAt(1));
        DisplayStr = DisplayStr.replace(/%%D1%%/g, subdays.charAt(2));
        DisplayStr = DisplayStr.replace(/%%H10%%/g, (subhours.charAt(0)));
        DisplayStr = DisplayStr.replace(/%%H1%%/g, (subhours.charAt(1)));
        DisplayStr = DisplayStr.replace(/%%M10%%/g, (submin.charAt(0)));
        DisplayStr = DisplayStr.replace(/%%M1%%/g, (submin.charAt(1)));
        //DisplayStr = DisplayStr.replace(/%%S%%/g, (subsec));
        debugger;
        document.getElementById("countdownText").innerHTML = DisplayStr;
    }

    return;

}

