window.onload=reset;
var prevclick=0;
var prevrow=0;
//var msg_count=11;


function reset()
{
    var i;
    var target_message = "#message0";

    for(i=1;i<=(msg_count/4)+1;i++)
    {
        $(target_message.concat(i)).hide();
    }

    setTimeout('init(msg_count)',1000);
}

function init(message_count)
{
     for(i=1;i<=msg_count;i++)
        {
            document.getElementById('desc'+i).parentNode.className='desc-deselected';

        }

    var i=1;
    var target_i=1;
    for(i=1;i<=message_count;i++)
    {
        var target_message = "#message0".concat(target_i);
        var element="#i";
        var curr_element="";
        var curr_message="#message".concat(i);

        if(i<10)
            curr_element=curr_element.concat((element.concat('0')).concat(i));
        else
            curr_element=curr_element.concat(element.concat(i));

        attachEvent(curr_element,curr_message, target_message,i,target_i);

        if(i%4==0)
            target_i++;
    }
}
function attachEvent(element, message, target_message,id,row_id)
{
   
    $(element).click(function()
    {
        var elem="#i";
        var i;
        var target_mess = "#message0";
       
        for(i=1;i<=msg_count;i++)
        {
            if(i!=id)
            document.getElementById('desc'+i).parentNode.className='desc-deselected';
            
        }
        if(document.getElementById('desc'+id).parentNode.className=='desc-deselected')
            {
              document.getElementById('desc'+id).parentNode.className='desc-selected';
            }
            else
              document.getElementById('desc'+id).parentNode.className='desc-deselected';

        if(prevclick==id)
        {
           
            for(i=1;i<=msg_count;i++)
            {

                if(i<10)
                {
                    if( $((elem.concat('0')).concat(i)).css("opacity")<1)
                        $((elem.concat('0')).concat(i)).css("opacity",1 ) ;
                    else
                        $((elem.concat('0')).concat(i)).css("opacity",0.5 ) ;
                }
                else
                {
                    if( $(elem.concat(i)).css("opacity")<1)
                        $(elem.concat(i)).css("opacity",1 ) ;
                    else
                        $(elem.concat(i)).css("opacity",0.5 );
                }
            }
            if(id<10)
            {
                $(elem.concat('0').concat(id)).css("opacity",1 );
                 
            }
            else
            {
                $(elem.concat(id)).css("opacity",1 );
            }
                
           
            $(target_message).slideToggle('fast');
            return;
        }

  
        

        for(i=1;i<=(msg_count)/4+1;i++)
        {
            if(prevrow==row_id)
            {
                $(target_mess.concat(i)).fadeOut('fast');
            }
            else
                $(target_mess.concat(i)).slideUp('fast');
        }




        if($(target_message).html()=='NONE')
        {

            $(target_message).html($(message).html());
            if(prevrow==row_id)
            {
                $(target_message).fadeIn('fast');
            }
            else
                $(target_message).slideDown('fast');

        }
        else
        {
            if(prevrow==row_id)
            {
                $(target_message).fadeOut('fast',function()
                {
                    $(target_message).html($(message).html());
                    $(target_message).fadeIn('fast');
                });
            }
            else
            {
                $(target_message).slideUp('fast',function()
                {
                    $(target_message).html($(message).html());
                    $(target_message).slideDown('fast');
                });
            }
        }

        for(i=1;i<=msg_count;i++)
        {
            if(id!=i)
            {
                if(i<10)
                    $((elem.concat('0')).concat(i)).css("opacity",0.5 ) ;
                else
                    $(elem.concat(i)).css("opacity",0.5 ) ;
            }
            else
            {
                if(i<10)
                    $((elem.concat('0')).concat(i)).css("opacity",1 ) ;
                else
                    $(elem.concat(i)).css("opacity",1 ) ;
                prevclick=i;
                prevrow=row_id;
                
            }


        }

    }
    );


}