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) {
		
		// alert(Url + ' ' + Title + ' ' + Width + ' ' + Height);
		
       var ShowUpDiv =  document.getElementById( "showup" );
       var needAppend = false;
       
       if( !ShowUpDiv )
       {
            ShowUpDiv = document.createElement( "div" );
	    ShowUpDiv.id = "showup";	    
	    needAppend = true;
       }
     
       _mWin = ShowUpDiv;    
       
       if( ShowUpDiv ) {
       
              ShowUpDiv.className = "ModalContainer";
	      ShowUpDiv.style.width = Width;
	      ShowUpDiv.style.height = Height;
	      
	      
              ShowHideScreen2 ( "block" );
              ShowUpDiv.innerHTML = '';

                               var WindowTop    = (document.body || document.documentElement).scrollTop;
			       var WindowBottom = (document.body || document.documentElement).scrollHeight;
			       var WindowWidth  = (document.body || document.documentElement).scrollWidth;
			       var WindowMiddle = WindowBottom / 2; 
			       
			       var Top = WindowTop + 130;
                               var Left = ( WindowWidth / 2 ) - ( 528 / 2 );                 				
			       
             var divTitle = document.createElement( 'div' );
	     divTitle.className = "ModalContainerTitle";
	     divTitle.style.width = Width;
	     
	     divTitle.style.cursor = "move";
	     new Draggable( ShowUpDiv, {  handle: divTitle, endeffect: Prototype.emptyFunction } );
  
         var spanTitle = document.createElement( 'span' );	     
	     spanTitle.innerHTML = Title;
	     spanTitle.style.float = 'left';

	     

	     var closeLink = document.createElement(  'a' );
	     closeLink.className = "ModalWinClose";
	     closeLink.href= "javascript:;";
	     closeLink.onclick =  function(){
	                                         closeMWin();
										}
	     closeLink.innerHTML  = '<img src="templates/default/images/img/btn_close.gif" border="0">';
	     
	     divTitle.appendChild( spanTitle ); 
	     divTitle.appendChild( closeLink ); 
 
             ShowUpDiv.appendChild( divTitle );

             winContent = document.createElement( 'div' );
	     winContent.style.display = "block"; 
	     winContent.style.clear = "both";
	     // winContent.style.overflow = "auto";
	     winContent.id = "modalContent";
	     winContent.style.width = Width;
	     winContent.style.height = Height - 30 ;

	     ShowUpDiv.style.zIndex = 131561;
	     ShowUpDiv.style.position =  "absolute";
	     ShowUpDiv.style.top = Top;
	     ShowUpDiv.style.left = Left;
	     ShowUpDiv.style.display = "inline";

			new Ajax.Request(
				Url,
				{
					method: "post",
					onSuccess: function( trans ){
						winContent.innerHTML = trans.responseText;
						document.getElementById('showup').style.width = $( 'size0' ).value;
						document.getElementById('showup').style.height = $( 'size1' ).value;
						// alert( $( 'size0' ).value );
					}
				}
			)

            ShowUpDiv.appendChild( winContent );			  

		if( needAppend ) {
			document.body.appendChild( ShowUpDiv );
		}

       }           
	}
 
 
 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 )
	 {
	    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 )+")";
   }