var timeDifference = null;

function showTime(zone) {
    var url = 'http://json-time.appspot.com/time.json?tz='
            + zone + '&callback=?';
    $.getJSON(url, function(o) {
        timeUser = new Date().getHours();
        var hourServer = o.hour
        timeDifference = hourServer - timeUser;
    });
    return timeDifference;
};

function startTime() {
    var tm = new Date();
    var h = tm.getHours() + timeDifference;
    var m = tm.getMinutes();
    var s = tm.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
    test = setTimeout('startTime()', 500);

};

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

$(document).ready(function() {

    showTime('Hongkong');
    startTime();

    $('.imgCrane').hover(
                function() {
                    $(this).css('background-image', 'url(template/images/phoneAnderCar-hover.png)');
                },
                  function() {
                      $(this).css('background-image', 'url(template/images/phoneAnderCar.png)');
                  }
            );

    $('.imgSoportCar').hover(
                function() {
                    $(this).css('background-image', 'url(template/images/phoneAnderCar-hover.png)');
                },
                  function() {
                      $(this).css('background-image', 'url(template/images/phoneAnderCar.png)');
                  }
            );

    //$('#menu').children().each(function() {
    //    $('ul>li>ul').css('display', 'none');
    //});
    $('#menu').find('li>ul').css('display', 'none');

    $('.level0').toggle(
                function() {
                    $(this).children('ul').css('display', 'block');
                    $('.level1>div').css('display', 'none');
                    $(this).children('a').addClass('activeItem');
                    return false;
                },
                function() {
                    $(this).children('ul').css('display', 'none');
                    $('.level1>div').css('display', 'none');
                    $(this).children('a').removeClass('activeItem');
                    return false;
                }
            );

    $('.level1').toggle(
                function() {
                    $(this).children('div').css('display', 'block');
                    return false;
                },
                function() {
                    $(this).children('div').css('display', 'none');
                    return false;
                }
            );

    var flag = false;

    $('.level2').click(function() {
        if (!flag) {
            $('.level2').removeClass('active');
            $(this).addClass('active');
            flag = true;
        } else {
            $('.level2').removeClass('active');
            $(this).addClass('active');
            flag = false
        }
        return false;
    });
    $('.level2 a').click(function() { document.location.href = $(this).attr('href'); });

    $.each($('#menu .level1 .level2.active'), function(ind, el) {
        flag = true;
        levtwo = $(el);
        levone = levtwo.parent().parent().parent();
        levzer = levone.parent().parent();
        levzer.trigger('click');
        levone.trigger('click');
    });

    $('div.roundedBox>ul>li').hover(
                function() {
                    $(this).css('background', '#fb5658');
                },
                function() {
                    $(this).css('background', 'none');
                }
            );

    //form search
    $('#formSearch').css('display', 'none');

    $('.btnChoiceOil').click(function() {
        $('#formSearch').css('display', 'block');
        return false;
    });

    $('.closeForm').click(function() {
        $('#formSearch').css('display', 'none');
        return false;
    });
});