$(document).ready(function(){

    $(".selectedmenu").before('<div class="lefttab"></div>');
    $(".selectedmenu").after('<div class="righttab"></div>');

    $(".pbar1").mouseleave( function() {
        $(this).children(".pro").removeClass("prohigh");
        t=$(this).children(".currentstate").length*10;
        $(this).parent().children(".progressnumber").html(t);
    });

    tri(".progressbars .p10", 10);
    tri(".progressbars .p20", 20);
    tri(".progressbars .p30", 30);
    tri(".progressbars .p40", 40);
    tri(".progressbars .p50", 50);
    tri(".progressbars .p60", 60);
    tri(".progressbars .p70", 70);
    tri(".progressbars .p80", 80);
    tri(".progressbars .p90", 90);
    tri(".progressbars .p100", 100);

    function tri(f, p) {
        $(f).mouseenter( function() {
            pp = $(this).parent();
            i = 10;
            while (i<=100) {
                pp.children(".p"+i).removeClass("prohigh");
                i+=10;
            }
            
            i = 10;
            while (i<=p) {
                pp.children(".p"+i).addClass("prohigh");
                i+=10;
            }
            pp.parent().children(".progressnumber").html(p);
        });

        $(f).click( function() {
            pp = $(this).parent();
            taskid = pp.parent().parent().children(".thistask").html(); 
            i = 10;
            while (i<=100) {
                pp.children(".p"+i).removeClass("currentstate");
                pp.children(".p"+i).removeClass("prohigh");
                i+=10;
            }
            i = 10;
            while (i<=p) {
                pp.children(".p"+i).addClass("currentstate");
                i+=10;
            }
            
            pp.parent().parent().removeClass("closed");
            if (p == 100) {
                pp.parent().parent().addClass("closed");
            }

            $.ajax({
                type: "POST",
                url: "/js/saveProgress.php",
                data: "id="+taskid+"&progress="+p,
                success: function(msg){
                    pp.parent().children(".progressaved").hide();
                    pp.parent().children(".progressaved").removeClass("hidden");
                    pp.parent().children(".progressaved").show();
                    pp.parent().children(".progressaved").fadeOut( 2000, function() {
                        pp.parent().children(".progressaved").addClass("hidden");
                    });
                }
            });

        });
    }

});