function setViewer(path, fix,text,id){ 		

		document.getElementById('imgviewer_src').src = path;
		document.getElementById('imgviewer_src').style.height = '390px';

		
	var spanid='span'+id;
	//	elementName='<span>';
		if (document.getElementById('img_scroll_area')) {
          navRoot = document.getElementById('img_scroll_area');
          for (i=0 ; i < navRoot.childNodes.length; i++) {
            node = navRoot.childNodes[i];
            if (node.id ) {
            var element2 = document.getElementById(node.id);
            element2.className = "";
            }
            
           
		   }
       
      
	}
		
	  var element2 = document.getElementById(spanid);
    element2.className = "imgactive2";
	 
	 
		if(fix == 0){ 
			document.getElementById('imgviewer_src').style.height = '237px';		
			document.getElementById('imgviewer_src').style.width  = 'auto'; 
		}
		
			document.getElementById('moreabout').innerHTML = '<a href="?p=8&id='+id+'">'+text+'</a>';
		/*if(fix == 1){ 
			document.getElementById('imgviewer_src').style.width  = '440px'; 
			document.getElementById('imgviewer_src').style.height  = 'auto'; 
		}*/
		
//document.getElementById('test_id').value='h:' + document.getElementById('imgviewer_src').style.height + '  w:'+ document.getElementById('imgviewer_src').style.width; 	
    if (scrolling1>0) 
		  document.getElementById('img_scroll_area').scrollTop = scrolling1;
	}
	
	
	
  
  function setViewer1(path, fix,text,id){ 		
    scrolling1 = document.getElementById('img_scroll_area').scrollTop;
    
		document.getElementById('imgviewer_src').src = path;
		document.getElementById('imgviewer_src').style.height = '390px';
		
		var spanid='span'+id;
	//	elementName='<span>';
		if (document.getElementById('img_scroll_area')) {
          navRoot = document.getElementById('img_scroll_area');
          for (i=0 ; i < navRoot.childNodes.length; i++) {
            node = navRoot.childNodes[i];
            if (node.id ) {
            var element2 = document.getElementById(node.id);
            element2.className = "";
            }
            
           
		   }
       
      
	}
		
	  var element2 = document.getElementById(spanid);
    element2.className = "imgactive";
	 
	 
		if(fix == 0){ 
			document.getElementById('imgviewer_src').style.height = '237px';		
			document.getElementById('imgviewer_src').style.width  = 'auto'; 
		}
		
		document.getElementById('moreabout').innerHTML = text;
		/*if(fix == 1){ 
			document.getElementById('imgviewer_src').style.width  = '440px'; 
			document.getElementById('imgviewer_src').style.height  = 'auto'; 
		}*/
		
//document.getElementById('test_id').value='h:' + document.getElementById('imgviewer_src').style.height + '  w:'+ document.getElementById('imgviewer_src').style.width; 	
    if (scrolling1>0) 
		  document.getElementById('img_scroll_area').scrollTop = scrolling1;
	}

	
	
	
	
	function OnScrollUp(){
		scrolling = document.getElementById('img_scroll_area').scrollTop -= 50;
	
	}
	
	function OnScrollDown(){
		scrolling = document.getElementById('img_scroll_area').scrollTop += 50;
		
	}