$(document).ready(function(){
	$('#workcompbox').click(function(event){ 
	if (!event) event = window.event;
                    var target = (event.target) ?
                         event.target : event.srcElement;

         $('#a1box').hide("slow");
         $('#b1box').hide("slow");
         $('#c1box').hide("slow");
         $('#d1box').hide("slow");
         $('#e1box').hide("slow");
         $('#f1box').hide("slow");
         $('#g1box').hide("slow");
         $('#h1box').hide("slow");
         $('#i1box').hide("slow");
         $('#j1box').hide("slow");
         $('#k1box').hide("slow");
         $('#l1box').hide("slow");
         $('#m1box').hide("slow");
         $('#n1box').hide("slow");
         $('#o1box').hide("slow");
         $('#p1box').hide("slow");
         $('#q1box').hide("slow");
         $('#r1box').hide("slow");
		 $('#s1box').hide("slow");
		 $('#t1box').hide("slow");
		 $('#u1box').hide("slow");
		 $('#v1box').hide("slow");
		 $('#w1box').hide("slow");
		 $('#x1box').hide("slow");
		 $('#y1box').hide("slow");
		 $('#z1box').hide("slow");
         $('#abox').hide("slow");
         $('#bbox').hide("slow");
         $('#cbox').hide("slow");
         $('#dbox').hide("slow");
         $('#ebox').hide("slow");
         $('#fbox').hide("slow");
         $('#gbox').hide("slow");
         $('#hbox').hide("slow");
         $('#ibox').hide("slow");
         $('#jbox').hide("slow");
         $('#kbox').hide("slow");
         $('#lbox').hide("slow");
         $('#mbox').hide("slow");
         $('#nbox').hide("slow");
         $('#obox').hide("slow");
         $('#pbox').hide("slow");
         $('#qbox').hide("slow");
         $('#rbox').hide("slow");
		 $('#sbox').hide("slow");
		 $('#tbox').hide("slow");
		 $('#ubox').hide("slow");
		 $('#vbox').hide("slow");
		 $('#wbox').hide("slow");
		 $('#xbox').hide("slow");
		 $('#ybox').hide("slow");
		 $('#zbox').hide("slow");

         buttons(target.id);
         //alert(target.id);
         return false;
        });
function buttons(name) {
          switch(name) {
               case 'a1': 
					$('#a1box').show("normal");
                    break;
               case 'b1':   
					$('#b1box').show("normal");
                    break;
               case 'c1':   
					$('#c1box').show("normal");
                    break;
               case 'd1':   
					$('#d1box').show("normal");
                    break;
               case 'e1':   
					$('#e1box').show("normal");
                    break;
               case 'f1':   
					$('#f1box').show("normal");
                    break;
               case 'g1':   
					$('#g1box').show("normal");
                    break;
               case 'h1':   
					$('#h1box').show("normal");
                    break;
               case 'i1':   
					$('#i1box').show("normal");
                    break;
               case 'j1':   
					$('#j1box').show("normal");
                    break;
               case 'k1':   
					$('#k1box').show("normal");
                    break;
               case 'l1':   
					$('#l1box').show("normal");
                    break;
               case 'm1':   
					$('#m1box').show("normal");
                    break;
               case 'n1':   
					$('#n1box').show("normal");
                    break;
               case 'o1':   
					$('#o1box').show("normal");
                    break;
               case 'p1':   
					$('#p1box').show("normal");
                    break;
               case 'q1':   
					$('#q1box').show("normal");
                    break;
               case 'r1':   
					$('#r1box').show("normal");
                    break;
					case 's1':   
					$('#s1box').show("normal");
                    break;
					
					case 't1':   
					$('#t1box').show("normal");
                    break;
					
					case 'u1':   
					$('#u1box').show("normal");
                    break;
					
					case 'v1':   
					$('#v1box').show("normal");
                    break;
					
					case 'w1':   
					$('#w1box').show("normal");
                    break;
					
					case 'x1':   
					$('#x1box').show("normal");
                    break;
					case 'y1':   
					$('#y1box').show("normal");
                    break;
					case 'z1':   
					$('#z1box').show("normal");
                    break;
					
           }
			
          return false;
}
});