var WinW=document.documentElement.clientWidth;
var WinH=document.documentElement.clientHeight;
var onShow=false;

function UpdateWindowSize(){
WinW=document.documentElement.clientWidth;
WinH=document.documentElement.clientHeight;	
if(onShow){
	$('BlackBG').setStyle({width:WinW+'px',
						  height:WinH+'px'});
	RecenterWhiteRect();
}
}

window.onresize=UpdateWindowSize;

function ExpandLeftMenu(iMenu){
	return;
 var allChilds=$('left_menu').descendants();
 var parArray=$(iMenu).ancestors();
 for(var i=0;i<allChilds.length;i++)
	 allChilds[i].removeClassName('lmenuitem_selected');  
 $(iMenu).addClassName('lmenuitem_selected');
/*
 //Close all other menu
 //var baseAncCount=$('left_menu').ancestors().length;
 var allChilds=$('left_menu').descendants();
 var parArray=$(iMenu).ancestors();
 for(var i=0;i<allChilds.length;i++)
	 allChilds[i].removeClassName('lmenuitem_selected');  
  
 for(var i=0;i<allChilds.length;i++){
	 if(allChilds[i].ancestors().length<=5) continue;
	 if(!allChilds[i].hasClassName('lmenuitem')) continue; 
	 if(parArray.indexOf(allChilds[i])>=0) continue;	 

	 var desc=allChilds[i].descendants();
	 for(var n=0;n<desc.length;n++){
 	 	 if(!desc[n].hasClassName('lmenuitem')) continue; 
		 desc[n].setStyle({display: 'none'});
	 }
 }
 
 var subEl=$(iMenu).immediateDescendants();
 for(var i=0;i<subEl.length;i++){
	 if(!subEl[i].hasClassName('lmenuitem')) continue;
	subEl[i].setStyle({display: 'block'});
 }
 
 $(iMenu).addClassName('lmenuitem_selected');
 //var deepLevel=$(iMenu).ancestors().length - baseAncCount -1;
*/
}

function ShowBlackBG(){
	var el=$('BlackBG');
	el.hide();
	el.setStyle({width:WinW+'px',
				height:WinH+'px'});
    el.show();
}

function HideBlackBG(){
   $('BlackBG').hide(); 
}

function RecenterWhiteRect(){
	var el=$('WhiteCenter');
	
	var dim=el.getDimensions();

	el.setStyle({left:((WinW-dim.width)/2)+'px',
				top:((WinH-dim.height)/2)+'px'});
}

function ResizeWhiteRect(InitW,InitH){
    $('WhiteCenter').setStyle({
							  display:'block',
							  width:InitW+'px',
							  height:InitH+'px'});
	RecenterWhiteRect();
}

function CloseWhiteBox(){
		document.onkeydown='';
		//$('WhiteCenter').hide();
	    $('WhiteCenter').setStyle({display:'none'});
		HideBlackBG();
		onShow=false;
}

function ShowWhiteImage(url,title,fullpath){
	document.onkeydown=CloseWhiteBox;
	var el=$('WhiteCenter');
	ShowBlackBG();
	onShow=true;

	var InitW=150;
	var InitH=150;
	el.innerHTML='<img src=\"images/loading.gif\" alt=\"loading...\" style=\"position:absolute;left:'+((InitW-32)/2)+'px;top:'+((InitH-32)/2)+'px;\"/>';
	ResizeWhiteRect(150,150);
    el.setStyle({display:'block'});

	//el.innerHTML='<img src=\"images/loading.gif\" alt=\"loading...\" style=\"position:absolute;left:'+((InitW-32)/2)+'px;top:'+((InitH-32)/2)+'px;\"/>';

	var Img=new Image();
	Img.onload=function(){
		ResizeWhiteRect(Img.width,Img.height+50);
		var html='<div><img src=\"'+Img.src+'\" /><br/>'+title+'</div>';
		html+='<div id=\"WhiteImgBar\">';
		//html+='<a href=\"javascript:PrevImage();\" title=\"Previous\"><img src=\"images/prev.gif\"/></a>';
		html+='<a href=\"'+fullpath+'\" target=\"_blank\" title=\"Show fullscreen\"><img src=\"images/fullscreen.gif\"/></a>';
		//html+='<a href=\"javascript:NextImage();\" title=\"Next\"><img src=\"images/next.gif\"/></a>';		
		html+='<a href=\"javascript:CloseWhiteBox();\"  title=\"Close image\"><img src=\"images/closelabel.gif\" id=\"WhiteImgCloseLabel\"/></a>';
		//html+='<a href=\"javascript:CloseWhiteBox();\"  title=\"Close image\"><img src=\"images/closebtn.gif\" id=\"WhiteImgCloseBtn\"/></a>';		
		html+='</div>';
		$('WhiteCenter').innerHTML=html;
	}
	Img.src=url;
}

function GetFullscreenThumbUrl(url){
	var ThumbSize='500x3	50';
	if(WinW>801)
		ThumbSize='660x480'
	return 'thumb.php?size='+ThumbSize+'&file='+url;
	
}