
function openGallery(pic,title) {

	 var p_tags = [ ];
	 var p_tags2 = [ ];

	 var a_tags = [ ];
	 var img_tags = [ ];


	 var all_text = [ ];
	 var all_hrefs = [ ];
	 var all_srcs = [ ];


   all_div_list=document.getElementsByName("fig");
	 
	 for( var i=0,j=all_div_list.length; i<j; i++) {
		
		//assigning data arrays for pictures:
	 	p_tags=all_div_list[i].getElementsByTagName("p");
		//all_text[i]=p_tags[0].firstChild.data;
		all_text[i]=p_tags[0].innerHTML;
		

		a_tags=all_div_list[i].getElementsByTagName("a");
		all_hrefs[i]=a_tags[0].href;

		img_tags=all_div_list[i].getElementsByTagName("img");
		all_srcs[i]=img_tags[0].src;

		}       	  
	
	 
	 	 	 
	 	
   if (title==null) {
    title='';
   }
   
	 var picture = pic;
	 var img_parent = pic.parentNode;	 //description =
	 p_tags2 = img_parent.getElementsByTagName("p");
	 //description = p_tags2[0].firstChild.data;
	 description = p_tags2[0].innerHTML;




   ref=window.open('','myconsole',
    'width=900,height=700'
     +',menubar=1'
     +',toolbar=1'
     +',status=1'
     +',scrollbars=1'
     +',resizable=1')

			 
			 part_gallery = '<center>'
			 +'<p>'		
			 +'<br /> ';

			 for ( var i=0,j=all_srcs.length; i<j; i++ )  {
			 
			 part_gallery =	part_gallery + ' \n <a href="'
			 +all_hrefs[i]
			 +'" title=" '
			 +all_text[i] 
			 +'" onClick="swapimage(this); return false;"><img  src=" '
			 +all_srcs[i]
			 +' " width="120" height="120" border="2" style="border-color: #777777" /></a> '
			 }

			 part_gallery = part_gallery + '<br /> \n'
			 +'</p>' ;


			part_title = '<p class="blueh">'		
			 +title
			 +'</p>' ;

      part_description = '<p class="text" id="description">'
			 +description
			 +'</p>' ;

      part3 = '<p><img id="big_picture"  border="0" src="'
			 +picture
			 +'"></p><br /></center></body></html>';


   ref.document.writeln(
    '<html><head><title>'
			 +title
			 +'</title>'
       +'<style type="text/css"> \n'
       +'.text { font-family: Verdana, Arial, Helvetica, sans-serif;\n' 
			 +'font-size: 90%; color: #000000; margin-top: 10px;\n' 
			 +'margin-bottom: 10px; margin-right: 10px; margin-left: 10px; \n'
			 +'text-align: center; }\n'
       +' .blueh { font-family: Arial, Helvetica, sans-serif; font-size: 130%; \n'
       +' font-weight: bold; color: #444444;\n' 
       +' margin-top: 30px; margin-bottom: 6px; display: block;}  \n'
			 +'	</style>  \n'
			 +'<script type="text/javascript"> \n'
       +'function swapimage(href) { \n'
       +'var placeholder = document.getElementById("big_picture");\n'  
       +'placeholder.src = href; \n' 
       +'var description = document.getElementById("description");  \n'
       +'var new_text = href.title;  \n'
       +'description.innerHTML = new_text;} \n' 
       +'</script> \n'
			 +'</head>'
       +'<body bgcolor="white" onLoad="self.focus()">'
			 +part_gallery
			 +part_title
			 +part_description
			 +part3
     +'</body></html>'
   )
   ref.document.close()

	
}



 
