// JScript File
document.write("<script type='text/javascript' src='Resources/JSCodes/AnimationMenu.js'></script>");

document.write("<div id='flyout' style='z-index:5;position:fixed;display: none; overflow: hidden; background: #F8F8F2 url(../Images/box_bg.gif) top repeat-x; border: solid 1px #D0D0D0'></div>");
document.write("<div id='info' style='display: none;z-index:5;position:absolute'>");
document.write("<div style='background: #F8F8F2 url(../Images/box_bg.gif) top repeat-x;'>");
document.write("<div style=\"border: solid 1px #CCC;width:100%;margin:0px 3px;float: left;background: #F8F8F2 url(../Images/box_bg.gif) top repeat-x;\">");
document.write("<div id='statebar'onmouseover=\"this.style.cursor ='move';title='Drag Me'\" onmousedown=\"dargit('info',event)\" style=\"width:100%;border-bottom: 1px #d8d7d0 solid;height:22px;\"/>");
document.write("<div style=\"float: left;  margin:2px 5px 2px 2px\"><span id=\"FunctionTitle\" style=\"font-family: Verdana;font-size:12pt;color:#b71312;font-weight:bold;\">My GSB</span></div>");
document.write("<div id='btnCloseParent' style='float: right;margin-left:5px'>");
document.write("<a href='javascript:closeDiv();' title='Close' id='btnClose'><img src='Resources/Images/business-btn-close.gif' onmouseover=\"this.src='Resources/Images/business-btn-close2.gif'\" onmouseout=\"this.src='Resources/Images/business-btn-close.gif'\" style='border:0' /></a>");
document.write("</div>");
document.write("</div>");
document.write("<div id='content' style='margin:5px auto;float:right'><iframe id='frameURL' frameborder='0' onload='ShowFrame();' style='overflow-x:auto;overflow-y:auto;' align='center' allowTransparency='true'></iframe></div>");
document.write("<div onmouseover=\"this.style.cursor ='move';title='Drag Me'\" onmousedown=\"dargit('info',event)\" style=\"width:100%;height:20px;float:right\"></div>");
document.write("</div>");
document.write("</div>");
document.write("<div id='shadow' style='z-index:-1;width:100%;background:#000;opacity:0.4; filter:alpha(opacity=40);position:absolute;top:10px;left:13px;bottom:0;display:none'></div>");
document.write("</div>");

function ShowFrame()
{
    document.getElementById('frameURL').style.display='block';
    document.getElementById('shadow').style.display='block';
}

function getIfrWidth()
{
    if((window.screen.width-document.body.scrollWidth)<=20)
    {
        return document.body.scrollWidth;
    }
    else
    return  window.screen.width-20;
}

function DialogModal()
{
    this.ifrDialogBG = null;
}

DialogModal.Show = function() //show dialog background iframe
{   
     ifrWidth= getIfrWidth();
     this.ifrDialogBG=document.createElement("iframe");
     this.ifrDialogBG.setAttribute("id","ifrDialog");
     with (this.ifrDialogBG.style)//set iframe style
     { 
        frameborder="0";
        border="0px";
        padding="0px";
        margin="0px";
        zIndex=2;
        left=0;
        top=0;
        position="absolute"; 
        height=document.body.scrollHeight+"px"; //cover full screen
        width=ifrWidth+"px";
        filter="alpha(opacity=80)"; 
        opacity="0.8";           
    } 
    this.ifrDialogBG.frameBorder="no"; 
    this.ifrDialogBG.scrolling="no"
    this.ifrDialogBG.src="src.htm"; 
    document.getElementsByTagName("body").item(0).appendChild(this.ifrDialogBG);
}
function CreateFrame()
{
     var openFrame=document.createElement("iframe");
     openFrame.setAttribute("id","frameURL");
     with (openFrame.style)//set iframe style
     { 
        frameborder="0";
        border="0px";
        overflowX="auto";
        overflowY="auto";
        align="center";
    } 
    openFrame.onload=function()
    {
     ShowFrame();
    }
    openFrame.frameBorder="no"; 
    openFrame.scrolling="no"
    openFrame.src="src.htm"; 
    document.getElementById("content").appendChild(openFrame);
}
    
DialogModal.Close = function()//close dialog background iframe
{ 
    if (this.ifrDialogBG) 
    { 
      document.getElementsByTagName("body").item(0).removeChild(this.ifrDialogBG);
      this.ifrDialogBG = null;
    }    
};

function OpenDiv(openURL,openHeight,openWidth,offsetHeights,offsetWidths,openObj,objTitle,isDialogModal)
{
   if(document.getElementById('frameURL')!=null)
   {
        document.getElementById("content").removeChild(document.getElementById('frameURL'));
   }
   CreateFrame();
   document.getElementById('content').style.visibility="hidden";
   var openWidth=(openWidth.replace('px','')*1+10)+"px";　
   document.getElementById('frameURL').src='src.htm';
   if(isDialogModal==true)
   {
    DialogModal.Show();
   } 
   document.getElementById('FunctionTitle').innerHTML=objTitle;

   document.getElementById('info').style.width=openWidth;
   document.getElementById('info').style.height=(openHeight.replace('px','')*1+30)+'px';
   document.getElementById('content').style.height=(document.getElementById('info').style.height.replace('px','')*1-30)+'px';
   document.getElementById('frameURL').width=openWidth;
   document.getElementById('frameURL').height=openHeight;
   var transitionObj = document.getElementById('flyout');
   var finishObj = document.getElementById('info');
   var animation = new AnimationMenu(openObj,transitionObj,finishObj,50,10,offsetHeights,offsetWidths);
   document.getElementById('shadow').style.height = (document.getElementById('info').style.height.replace('px','')*1+20)+'px';
   animation.openAnimation();
   if(document.getElementById('info').style.top.replace('px','')*1<0)
   {
       parent.document.getElementById('info').style.top = 0 + "px";
   }
   if(document.getElementById('info').style.left.replace('px','')*1<0)
   {
       parent.document.getElementById('info').style.left = 0 + "px";
   }
   
   var handle = setInterval(reload,10);
   
   function reload()
   {   
        if(finishObj.style.display!='none')
        {
            document.getElementById('frameURL').src=openURL;
            document.getElementById('content').style.visibility="visible";
            clearInterval(handle);
        }
        else
        {
           document.getElementById('content').style.visibility="hidden";
        }
   }
}
         
function closeDiv()
{
   var transitionObj = document.getElementById('flyout');
   var finishObj = document.getElementById('info');
   var animation = new AnimationMenu(null,transitionObj,finishObj,10,10,20,0);
   animation.closeAnimation();
   if(DialogModal.ifrDialogBG)
   {
    DialogModal.Close();
   } 
   if(document.getElementById('frameURL')!=null)
   {
    document.getElementById('frameURL').src='src.htm';
   }
}

ey=0,ex=0,lx=0,ly=0,canDrg=false,thiso=null;

function dargit(objID,e){
  thiso =document.getElementById(objID);
  canDrg = true;
  if(!document.all){
    lx = e.clientX; ly = e.clientY;
	}else{
	lx = event.x; ly = event.y;
	}
  if(document.all) thiso.setCapture(); 
}

document.onmousemove=function(e){
  if(!document.all){
    x = e.clientX; y = e.clientY;
    }else{
    x = event.x; y = event.y;
    }
  if(canDrg){
	var ofsx = x - lx;
	
	lx = x;
	var ofsy = y - ly;
	ly = y;
	divX=parseInt(thiso.style.left) + ofsx;
	divY=parseInt(thiso.style.top) + ofsy;
	if(divX<0)
	{
	    setDivPosition(thiso.id,0,divY);	    
	}
	else if(divY<0)
	{
	    setDivPosition(thiso.id,divX,0);
	}
	else
	{
	    setDivPosition(thiso.id,divX,divY);
	}
	}
}
document.onmouseup=function(){
  canDrg=false;
  if(document.all && thiso != null){
    thiso.releaseCapture();
	thiso = null;
	}
}

function setDivPosition(divID,x,y)
{
    divObj=document.getElementById(divID);
	thiso.style.left = x + "px";
	thiso.style.top = y + "px";
	
}
function loadImage(url, callback) {
    var img = new Image();
    img.src = url;
  
    if (img.complete) { 
        callback.call(img);
        return; 
    }

    img.onload = function () { 
        callback.call(img);
    };
}
function imgLoaded(){

  document.getElementById("ImageList").appendChild(this);
  if(this.width>330)
     this.width=330;
     document.getElementById("ImageList").style.display="block";

}