var prevImage = new Array();
function show_project_details(service_id, project_id,object)
{
    if(prevImage[project_id] == service_id){  
        object.setAttribute('style', "border: 3px solid #333");
        $('#imageAndText_'+project_id).hide('slow',function(){});
        prevImage[project_id] = null;
        
    }else{


        $('#secondGallery_'+project_id+' ul li img').each(function()
        {
            $(this).css('border','3px solid #333');
            $(this).css('filter','gray');
        });
        object.setAttribute('style', "border:3px solid #000");

        $.post("./getServiceDescription.php", {
            'service_id': service_id
        },
        function(data){
            $('#service_description_'+project_id).html(data);
        });
        $.post("./getServiceImages.php", {
            'service_id': service_id
        },
        function(data){
            $('#mygalone_'+project_id).html(data);
            $('#imageAndText_'+project_id).show('slow');
            setTimeout(function(){$("div#mygalone_sub_"+project_id).slideView()},500);
        });
              
            
        prevImage[project_id] = service_id;
    }

    

   /*$('#secondGallery_'+project_id+' ul li img').each(function()
    {
         $(this).attr('onmouseup', "show_project_details("+service_id+", "+project_id+", this);");
        //alert($(this).attr('id'));
       //obj.setAttribute('onmouseup', "show_project_details("+service_id+", "+project_id+", this)");
       //alert(project_id);

 });
    object.setAttribute('onmouseup', "close_project_details("+service_id+", "+project_id+", this);");*/
    
}
function close_project_details(service_id, project_id, object)
{
    object.setAttribute('style', "border: none; padding: 3px;");
    $('#imageAndText_'+project_id).hide('slow',function(){});
    object.setAttribute('onmouseup', "show_project_details("+service_id+", "+project_id+", this);");
}