$(document).ready(function() {
    $.resetGrid = function() {
        $(".o").each(function() {
            $(this).css("color", "#5b5c5c");
        });
    }
    $.resetList = function() {
        $(".grid").each(function() {
            $(this).find('a').removeClass('active');
        });
    };
    $(".grid").click(function() {
        $.resetGrid();
        var id = parseInt($(this).attr('rel'));
        $("#ol_" + id).css("color", "#cd161d");
    });
    $(".o").click(function() {
        $.resetGrid();
        $.resetList();
        
        $(this).css("color", "#cd161d");
        var r = $(this).attr('id');
        var id = r.substring(3, r.length);
        $(".img-" + id).find('a').addClass("active");
        
        var newdata = $("#about_" + id).find('span');
        $("#pop-p").html(newdata[1].innerHTML);
        tb_show(newdata[0].innerHTML, '#TB_inline?height=150&width=390&inlineId=about-pop');
    });
});