$(document).ready(function () {

    /* START EDINING HERE =====================================================================================*/
    var launchDate = new Date("June 1, 2012 10:00:00");
    var procentageDone = 25; /* 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%' }).find('.fill').html(procent + '%');

        }
        else if( procent <=100) {

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

        }
        if (procent >= 100) {

            $('.fill').css({ width: '91%' }).html( '100%');
        
         }

    }


});