var _mWin = false;
 var useFrameWrap = false;

 function closeMWin()
 {

        if( _mWin )
	{
	      ShowHideScreen2 ( "none" );
	     _mWin.style.display = "none";
	}
 }
 
 window.close = function()
 {
      closeMWin();
 }
 
 function openMWin(Url, Title, Width, Height)
 {    

       if( popUp && popUp.open )
       {
            closePreview();
       }

       var ShowUpDiv =  document.getElementById( "showup" );
       var needAppend = false;
       
       if( !Width )
       {
           Width = 500;
       }
       
       if( !Height )
       {
            Height = 350;
       }
  
       if( !ShowUpDiv )
       {
            ShowUpDiv = document.createElement( "div" );
	    ShowUpDiv.id = "showup";	    
	    needAppend = true;
       }
     
       _mWin = ShowUpDiv;    
       
       if( ShowUpDiv )
       {
       
              ShowUpDiv.className = "ModalContainer";
	      ShowUpDiv.style.width = Width + "px";
	      ShowUpDiv.style.height = Height + "px";
	      

              ShowHideScreen2 ( "block" );
              ShowUpDiv.innerHTML = '';

                            if( document.all )
                            {
                                  var WindowTop    = ( document.documentElement ).scrollTop;
			          var WindowBottom = (document.body || document.documentElement).scrollHeight;
			          var WindowWidth  = (document.body || document.documentElement).scrollWidth;
			    }
			    else
			    {
			            var WindowBottom = window.innerHeight;
				    var WindowTop    = window.pageYOffset;
				    var WindowWidth  = window.innerWidth;
			    }											  

                               
			       
			       var WindowMiddle = WindowBottom / 2; 

                               var win = Dimension.window.getDimensions();

        		       var fullHeight = win['y'];
       			       var fullWidth = win['x'];

			       var Top = WindowTop + ((fullHeight - Height) / 2);
			       var Left = (fullWidth / 2) - ( Width / 2 );
			       
             var divTitle = document.createElement( 'div' );
	     divTitle.className = "ModalContainerTitle";
	     divTitle.style.width = Width - 2 + "px";
	     
	     divTitle.style.cursor = "move";
	     new Draggable( ShowUpDiv, {  handle: divTitle, endeffect: Prototype.emptyFunction } );
  
             var spanTitle = document.createElement( 'div' );	     
    	         spanTitle.innerHTML = Title;
		 spanTitle.className = 'spanTitle';		
	     
             var spanClose = document.createElement( 'div' );
	     	 spanClose.className = 'spanClose';
		 spanClose.style.width = '10px';
	     var closeLink = document.createElement(  'a' );
	     closeLink.className = "ModalWinClose";
	     closeLink.href= "javascript:;";
	     closeLink.onclick = function(){
	                                         closeMWin();
	                                   }
	     closeLink.innerHTML  = '<img src="images/close.gif"  border="0">';
	     
	     spanClose.appendChild( closeLink ); 	     
	     divTitle.appendChild( spanTitle ); 
	     divTitle.appendChild( spanClose ); 
//	     divTitle.appendChild( closeLink ); 
 
             ShowUpDiv.appendChild( divTitle );

             winContent = document.createElement( 'div' );
	     winContent.style.display = "block"; 
	     winContent.style.clear = "both";
	     winContent.style.width = Width + "px";
	     winContent.style.height = Height - 30 + "px" ;
	     winContent.style.overflowX = "auto";
	     winContent.style.overflowY = "auto";

	     ShowUpDiv.style.zIndex = 131561;
	     ShowUpDiv.style.position =  "absolute";
	     ShowUpDiv.style.top = Top + "px";
	     ShowUpDiv.style.left = Left + "px";
	     ShowUpDiv.style.display = "inline";
	     
	     winContent.innerHTML = '<div align=\"center\"><img src="'+ urlConstant +'/images/loading.gif" style="margin-top: ' + ( (Height / 2) - 50 ) + 'px; "></div>';
		 
	          new Ajax.Request( Url,{
				       method: "post",
				       onSuccess: function( trans ){
				                    winContent.innerHTML = trans.responseText;  
				        		}
				     		}
		                 )
				  
             ShowUpDiv.appendChild( winContent );			  
	     
	     if( needAppend )
	     {
	         document.body.appendChild( ShowUpDiv );
	     }
	     
  
       }           
       
       return false;
 }
 
 
 function fideInPic( TargetLink , LargeUrl)
 {
           
         Target = TargetLink.getElementsByTagName( 'img' )[0];
 
         Target.onmouseout = function()
	 { 
	                 SetOpcity( Target, 0.2 );
	 }
	 
	 Target.onclick = function()
	 { 
                     ReloadImage( 'BigPictureImg', LargeUrl )
	 } 
	 
         SetOpcity( Target , 1 );	         
 
 }


function loadLargeImage( TargetID, NewSrc )
{
   var Target = document.getElementById(  TargetID  );	     

        Target.onloading = function()
	{
	    Target.innerHTML = '<img src="/img/loading.gif" width="321" height="195" border="0" vspace="0" hspace="0">';
	} 
        	
        Target.innerHTML = '<img src="'+ NewSrc +'" width="321" height="195" border="0" vspace="0" hspace="0">';
}

function ReloadImage(TargetID, NewSrc )
{
                          
               var Target = document.getElementById(  TargetID  );	     

               var img = new Image();
	         
	       Target.src = '/img/loading.gif';
	          

	       img.onload = function (evt){
	
	             var Target = document.getElementById(  TargetID  );	     
	                 Target.src    = img.src;
	                 Target.width  = img.width;
	                 Target.height = img.height;
	                 Target.width  = 313;
			 Target.height = 195;
	       }
	
               img.src = NewSrc;	                       
	
}



function ShowHideScreen2( Display )
{
         if( !useFrameWrap )
	 {	  
	     var allSelects = document.getElementsByTagName( 'select' );
	                  
	     for( var cS = 0; cS < allSelects.length; cS++)
	     {
	          if( Display == 'none') 
		  {
		          if( !allSelects[cS].doNotShow )
			  {
			     allSelects[cS].style.display = '';
			  }
		  }
		  else
		  {
		          if( allSelects[cS].style.display == 'none')
			  {		      
			       if( allSelects[cS].doNotShow != false && allSelects[cS].doNotShow != true )
			       {
	                           allSelects[cS].doNotShow = true;
			       }	 
			  }      
			  else
			  {		      
			           allSelects[cS].doNotShow = false;
			           allSelects[cS].style.display = 'none';			      	   
			  }
	           }
	     }
	    return;
         }
	 
	 
         var HiddenFrame = document.getElementById( 'hideScreen' ) || document.createElement( 'iframe' );
	 
	 var hDiv        = document.getElementById( 'hideDiv' ) || document.createElement( 'div' );
	  
	 
	 var p = (document.body || document.documentElement).scrollHeight + 'px';

	 hDiv.id  = "hideDiv";
	 hDiv.style.backgroundColor = "gray";
	 hDiv.style.height = (document.body || document.documentElement).scrollHeight + 'px';
	 hDiv.style.width = (document.body || document.documentElement).scrollWidth + 'px';
	 hDiv.style.position = 'absolute';
	 hDiv.style.display   = Display;
	 hDiv.style.top   = "0px";
	 hDiv.style.zIndex = 6666;
	 SetOpcity( hDiv, 0.9);
	 

	 HiddenFrame.id = "hideScreen"; 
	 HiddenFrame.style.zIndex = 5555;
	 HiddenFrame.style.height = (document.body || document.documentElement).scrollHeight + 'px';
	 HiddenFrame.style.width = (document.body || document.documentElement).scrollWidth + 'px';
	 HiddenFrame.style.top   = "0px";
	 HiddenFrame.style.position = 'absolute';
	 HiddenFrame.src = "about:blank";
	 HiddenFrame.style.display   = Display;
	 SetOpcity( HiddenFrame, 0);
	 document.body.appendChild( HiddenFrame );
	 document.body.appendChild( hDiv );
	 
	 

}

function SetOpcity( Target, Opacity )
{
           Target.style.MozOpacity =  Opacity;
           Target.style.KHTMLOpacity =  Opacity;
           Target.style.opacity = Opacity;
           Target.style.filter = "alpha(opacity="+( Opacity * 100 )+")";
}