$(document).ready(function () {

    /* START EDINING HERE =====================================================================================*/
    var launchDate = new Date("december 31, 2011 10:00:00");
    var procentageDone = 50; /* FOR YOUR WORK PROGRESS APEND PRECENTAGES FROM HERE*/






    /* DON'T EDIT BELOW======================================================================================== */
    var secondsRemaining = Math.floor(launchDate.getTime() / 1000) - Math.floor(new Date().getTime() / 1000);
    countdown(secondsRemaining);
    updateProgress(procentageDone);

    function countdown(secondsRemaining) {

        var days = Math.floor(secondsRemaining / 86400),
	    hours = Math.floor((secondsRemaining - (days * 86400)) / 3600),
	    minutes = Math.floor((secondsRemaining - (days * 86400) - (hours * 3600)) / 60),
	    seconds = secondsRemaining - (days * 86400) - (hours * 3600) - (minutes * 60);

        if (secondsRemaining > 0) {

            if (days < 10) { days = '0' + days; }
            if (hours < 10) { hours = '0' + hours; }
            if (minutes < 10) { minutes = '0' + minutes; }
            if (seconds < 10) { seconds = '0' + seconds; }

            $('.days').html(days);
            $('.hours').html(hours);
            $('.minutes').html(minutes);
            $('.seconds').html(seconds);

            secondsRemaining--;

        } else {

            if (secondsRemaining == 0) {

                window.location.reload();

            }

        }
        window.setTimeout(function () {

            countdown(secondsRemaining);

        }, 1000);

    }

    function updateProgress(procent) {

        
        if (typeof procent !== "number") {
            procent = 0;
        }

        if (procent <= 7) {

            $('.fill').css({ width: '7%' }).html(procent + '%');

        }
        else if (procent <= 100) {

            $('.fill').css({ width: procent - 5 + '%' }).html(procent + '%');
            $('.percent').html(procent + '%');

        }
        if (procent >= 100) {

            $('.fill').css({ width: '95%' }).html("100%").after('<div class="fill-right"></div>');

        }

    }


});