$(document).ready(function(){

/* ********* zobrazovanie komentarov uloh ********* */

    $('td.taskWithComm').live('click', function(){
        if($(this).find('div').hasClass('open')) {
            $(this).find('div').removeClass('open');
        } else {
            $(this).find('div').addClass('open');
        }                                   
    });

/* ********* logovanie ********* */

    /*
    $('input#taskman_1').live('click', function(){
        if($(this).attr('value') == $(this).attr('defaultValue')) {
            $(this).attr('value','')
        }
    });
    $('input#taskman_1').change(function(){
        alert($('input#taskman_2').attr('value'));
            //$('input#taskman_3').addClass('noDisplay');
    });
    $('input#taskman_3').focus(function(){
        $('input#taskman_3').addClass('noDisplay');
        $('input#taskman_2').removeClass('noDisplay');
        if($('input#taskman_3').attr('value') != $('input#taskman_3').attr('defaultVal')) {
            $('input#taskman_2').attr('value',$('input#taskman_3').attr('value'));
        } else
        {
            $('input#taskman_2').attr('value','');
        }

        $('input#taskman_2').focus();
    });
    $('input#taskman_1').blur(function(){
        if($(this).attr('value') == '') {
            $(this).attr('value',$(this).attr('defaultValue'))
        }
    });
    $('p#taskman_3').live('click', function(){
        $(this).addClass('noDisplay');
        $('input#taskman_2').focus();
    });
    $('input#taskman_2').blur(function(){
        if($(this).attr('value') == '') {
            $('p#taskman_3').removeClass('noDisplay');
        }
    });
    */
/* ********* Timer ********* */
    /* stary timer, cez formular
    $('div.timer').live('click', function(){
        $('input#tid').attr('value',$(this).parent().parent().find('td').html());
        $('form#timerForm').submit();
    });
    */
    $('td.icon').mouseover(function(){
        $(this).find('div.controlPanel').addClass('show');
    });
    $('td.icon').mouseout(function(){
        $(this).find('div.controlPanel').removeClass('show');
    });

/* ********* AJAX ********* */
/* ************************ */

/* ********* Start and Stop Timer ********* */

    $('table#tasksList').load('ajax/start-stop-timer.php'); //by default initally load start-stop-timer.php
    $('div.timer').click(function() { //start function when is clicked
        var butt = $(this);
        var ctrlPanel = $(this).parent().find('div.controlPanel');
        var aID = $(this).parent().parent().find('td').html(); //retrieve id
        var tName = $('table#taskList').attr('user');
            //alert(tName);
        $.ajax({
            method: "get",url: "ajax/start-stop-timer.php",data: "aid="+aID+"&atn="+tName,
            beforeSend: function(){butt.removeClass('isStop');butt.removeClass('isLeft');butt.addClass('isWait');}, //show loading just when link is clicked

            complete: function(){butt.removeClass('isWait');butt.addClass(state);}, //stop showing loading when the process is complete

            success: function(html){ //so, if data is retrieved, store it in html
                $('div#store').html(html); //show the html inside div
                if($('span#ready').html() == 'true') {
                    if($('span#tStart').html() > 0) {   //uloha sa rozbehla
                        state = 'isLeft';
                        butt.attr('title','zastaviť časomieru');
                    } else {  //uloha sa zastavila
                        state = 'isStop';
                        butt.attr('title','spustiť časomieru');
                        newLeft = secToHM($('span#tLeft').html())
                        ctrlPanel.html(newLeft);
                    }
                }
            }
        }); //close $.ajax(
    }); //close click(


 });