function getClientSize(isHeight) {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
          if (navigator.appVersion.indexOf("MSIE 6.0") > 0)
	{ 
		myWidth = document.body.clientWidth + 500;
	}
    
  }
  //window.alert( 'Width = ' + myWidth );
	if(isHeight)
  		return( myHeight );
	else 
		return( myWidth );
}

function toggleSelects(isHide) {
	var styleDisp='';
	if (isHide) styleDisp='none';
	
	var els = document.getElementsByTagName('select');
	var elsLen = els.length;
	for (i=0;i<elsLen;i++) {
		els[i].style.display=styleDisp;
	}
}

function showPop(layerID)
    {
	var popObj;
	var popObjBG;
	var popShadow;
	var tLayer;
	var x, y;
	
	toggleSelects(true);
	var winHeight=getClientSize(true);
	var winWidth=getClientSize();

	popObj=document.getElementById(layerID);
	var popHeight=popObj.style.height;
	popHeight=popHeight.substr(0,popHeight.length-2);
	var popWidth=popObj.style.width;
	popWidth=popWidth.substr(0,popWidth.length-2);

	var popTop=(winHeight/2) - (popHeight/2)-50;
	if(popTop<0) popTop=0;

	var popLeft=(winWidth/2) - (popWidth/2) - 150;
	if(popLeft<0) popLeft=0;

	popObj.style.top=getScrollXY()[1]+popTop+"px";
	popObj.style.left=popLeft+"px";

	
	changeOpac(0, 'DialogBG')
             
	document.getElementById('DialogBG').style.display='inline';	
	opacity('DialogBG', 0, 80, 500); 
	

	changeOpac(0, layerID)
	popObj.style.display='inline';		

	opacity(layerID, 0, 100, 500); 
  }

function showPop(layerID, popUpBG)
    {
	var popObj;
	var popObjBG;
	var popShadow;
	var tLayer;
	var x, y;
	
	toggleSelects(true);
	var winHeight=getClientSize(true);
	var winWidth=getClientSize();

	popObj=document.getElementById(layerID);
	var popHeight=popObj.style.height;
	popHeight=popHeight.substr(0,popHeight.length-2);
	popHeight *= 1; //AT@ Converts string into Number
	var popWidth=popObj.style.width;
	popWidth=popWidth.substr(0,popWidth.length-2);
	popWidth *= 1; //AT@ Converts string into Number
	//var popTop=(winHeight/2) - (popHeight/2) - 200;
	var popTop=(winHeight/2) - (popHeight/2) - 50;
	if(popTop<0) popTop=0;

	var popLeft=(winWidth/2) - (popWidth/2) - 250;
	if(popLeft<0) popLeft=0;

	popObj.style.top=getScrollXY()[1]+popTop+"px";
	popObj.style.left=popLeft+"px";
	
//	popObj.style.top="300 px";
//	popObj.style.left="300 px";

//	changeOpac(0, 'DialogBG')
	changeOpac(0, popUpBG)
             
//	document.getElementById(popUpBG).style.display='inline';	
	var t=document.getElementById(popUpBG);
	t.style.display='inline';
	opacity(popUpBG, 0, 80, 500); 
	
	changeOpac(0, layerID)
	popObj.style.display='inline';		

	opacity(layerID, 0, 100, 500); 
  }
  
function showPopFrame(layerID, layerBG, layW, layH, urlString)
   {
 
    var tLayer;
    tLayer=document.getElementById(layerID);

    if (!((tLayer==null) || (tLayer==undefined)))
        {
        
         tLayer.style.height=layH+'px';
         tLayer.style.width=layW+'px';
        } 
        
    tLayer=document.getElementById((layerID+'Frame'));
    if (!((tLayer==null) || (tLayer==undefined)))
        {
         tLayer.style.height=(layH-40)+'px';
         tLayer.style.width=(layW-40)+'px';
        } 
    frames[(layerID+'Frame')].location.href=urlString;
 	showPop(layerID, layerBG);        
   }         

function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 


function hidePop(popId) {

	toggleSelects(false);
     var popObj=document.getElementById(popId);
	opacity(popId, 100, 0, 1000); 
	popObj.style.display='none';

	opacity('DialogBG', 80, 0, 700); 
     setTimeout('popObj=document.getElementById(\'popUpBG\');popObj.style.display=\'none\';',800);		
}

function hidePop(popId, popUpBG) {

	toggleSelects(false);
    var popObj=document.getElementById(popId);
	opacity(popId, 100, 0, 1000); 
	popObj.style.display='none';

	opacity(popUpBG, 80, 0, 700); 
	var tmpstr = 'popObj=document.getElementById(\'' + popUpBG + '\');popObj.style.display=\'none\';';
     setTimeout(tmpstr,800);
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}



function showPopFrame(layerID, layW, layH, urlString)
   {
    var tLayer;
    tLayer=document.getElementById(layerID);

    if (!((tLayer==null) || (tLayer==undefined)))
        {
        
         tLayer.style.height=layH+'px';
         tLayer.style.width=layW+'px';
        } 
        
      
    tLayer=document.getElementById((layerID+'Frame'));
    if (!((tLayer==null) || (tLayer==undefined)))
        {

         tLayer.style.height=(layH)+'px';
         tLayer.style.width=(layW)+'px';
        } 
        
     
     frames[(layerID+'Frame')].location.href=urlString;
 	showPop(layerID);        
        
   }