function toggleDetail(id,number) {
        
          body=document.getElementById(id+'_type'+number);


       	


          if (body) {
          if (body.style.display == 'none') {
            // To make tr tags disappear
            // we set display to none, as usual
            // to make them appear again
            // we set style to block for IE
            // but for firefox we use table-row
            try {
              body.style.display = 'table-row';
		toggleArrow(id,number,1);

            
            } catch(e) {
              body.style.display = 'block';
		toggleArrow(id,number,1);	
            }
          }
          else {
            body.style.display = 'none';
toggleArrow(id,number,0);		
           
          }
          }
        
      }

	function toggleArrow(id, number, num){
		
		body=document.getElementById(id+'_arrow'+number);
	
		if(body){
			if(num == 1){
				body.src='images/redarrow-down.gif';
			}
			if(num == 0){
				body.src='images/redarrow-right.gif';
			}
		}
	}
		
      function toggleDetail2(id,number) {
        for(i=1;i<=number;i++)
	{
          body=document.getElementById(id+'_type'+i);    	
	

          if (body) {
          if (body.style.display == 'none') {
            // To make tr tags disappear
            // we set display to none, as usual
            // to make them appear again
            // we set style to block for IE
            // but for firefox we use table-row
            try {
             body.style.display = 'table-row';           
            } catch(e) {
              body.style.display = 'block';
	      }
          }
          else {
            body.style.display = 'none';      
          }
          }
	}
}
        


function togglePics(name, pic1, pic2)
{
	item = document.getElementByName(name);
	if(item.src != pic2)
		item.src = pic2;
	else
		item.src = pic1;
}