﻿$(document).ready(function() {
    // $("#addcomment").hide();
    $(".commentbox").hide();
    $("#comments").hide();
});

$(document).ready(function() {
    $("#btnCommentary").click(function() {
        this.src = 'images/Commentary_rollover.jpg';
        $("#btnComments").attr('src', 'images/godnet-vedeo-layout-_21.jpg');
        $("#commentary").fadeIn('slow');
        $("#comments").fadeOut('slow');
        // $("#addcomment").fadeOut('slow');
        $(".commentbox").fadeOut('slow');
    }
    );
});

$(document).ready(function() {
    $("#btnComments").click(function() {
        this.src = 'images/Comments_rollover.jpg';
        $("#btnCommentary").attr('src', 'images/godnet-vedeo-layout-_19.jpg');
        $("#commentary").fadeOut('slow');
        $("#comments").fadeIn('slow');
        // $("#addcomment").fadeIn('slow');
        $(".commentbox").fadeIn('slow');   // $("#comments").fadeIn('slow');

    }
    );
});

$(document).ready(function() {
    $(".tableborder").mouseover(function() {
        $(this).css('background-color', '#457089');
        // $(this).animate({ 'height': '100px' }, 1000, 'swing');
    });
});
$(document).ready(function() {
    $(".tableborder").mouseleave(function() {
        $(this).css('background-color', 'transparent');
        //  $(this).animate({ 'backgroundolor': 'red' }, 1000, 'swing');
        // $(this).animate({ 'height': '' }, 100, 'swing');
    });
});



$(document).ready(function() {
    $("#addcomment").click(function() {
        $("#comments").slideToggle('slow');
    });
});

$(document).ready(function() {
    $(".commentbox tr").mouseover(function() {
        $(this).addClass('commentover');
        //$(this).css('background-color', 'black');
        // $(this).animate({ 'height': '100px' }, 1000, 'swing');
    });
});
$(document).ready(function() {
    $(".commentbox tr").mouseleave(function() {
        // $(this).css('background-color', '#CCCCCC');
        $(this).removeClass('commentover');
        //  $(this).animate({ 'backgroundolor': 'red' }, 1000, 'swing');
        // $(this).animate({ 'height': '' }, 100, 'swing');
    });
});
