| ";
this.html += "";
this.html += " ";
this.html += " ";
this.html += "![]("+AB.TImageMain+"blank.gif){kind=spacer} ";
this.html += " | ";
this.html += "
";
this.html +="
| ";
this.html +="";
this.html +="
| ";
this.html +="";
this.html +="
| ";
this.html +="
| "; this.html +=" | ||
 | ";
this.html +="||
![]("+AB.TImageFrame+"frame_left_top.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerLeftBorder;
height = AB.ViewerSquareBorderHeight;
top = 0;
left = 0;
visibility = "hidden";
overflow = "hidden";
AB.lyBorderLeftTop[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyBorderRightTop');
CurrentDiv.innerHTML = "![]("+AB.TImageFrame+"frame_right_top.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerRightBorder;
height = AB.ViewerSquareBorderHeight;
top = 0;
left = 0;
visibility = "hidden";
overflow = "hidden";
AB.lyBorderRightTop[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyBorderLeftMiddle');
CurrentDiv.innerHTML = "![]("+AB.TImageFrame+"frame_left_middle.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerLeftBorder;
height = AB.ViewerMainHeight - AB.ViewerSquareBorderHeight * 2;
top = AB.ViewerSquareBorderHeight;
left = 0;
visibility = "hidden";
overflow = "hidden";
AB.lyBorderLeftMiddle[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyBorderRightMiddle');
CurrentDiv.innerHTML = "![]("+AB.TImageFrame+"frame_right_middle.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerRightBorder;
height = AB.ViewerMainHeight - AB.ViewerSquareBorderHeight * 2;
top = AB.ViewerSquareBorderHeight;
left = 0;
visibility = "hidden";
overflow = "hidden";
AB.lyBorderRightMiddle[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyBorderLeftBottom');
CurrentDiv.innerHTML = "![]("+AB.TImageFrame+"frame_left_bottom.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerLeftBorder;
height = AB.ViewerSquareBorderHeight;
top = AB.ViewerMainHeight - AB.ViewerSquareBorderHeight;
left = 0;
visibility = "hidden";
overflow = "hidden";
AB.lyBorderLeftBottom[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyBorderRightBottom');
CurrentDiv.innerHTML = "![]("+AB.TImageFrame+"frame_right_bottom.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerRightBorder;
height = AB.ViewerSquareBorderHeight;
top = AB.ViewerMainHeight - AB.ViewerSquareBorderHeight;
left = 0;
visibility = "hidden";
overflow = "hidden";
AB.lyBorderRightBottom[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyBookBase');
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerMainWidth * 2;
height = AB.ViewerMainHeight;
left = AB.ViewerLeftMargin+AB.ViewerLeftBorder;
top = AB.ViewerTopMargin;
zIndex = 2;
overflow = "hidden";
AB.lyBookBase[0] = new Array(left,top,width,height);
}
//Image layers
CurrentDiv = getObj('lyLeftCanvas');
CurrentDiv.onmousedown = onMainPage;
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerMainWidth;
height = AB.ViewerMainHeight;
top = AB.ViewerTopBorder;
left = 0;
backgroundColor = "#fff";
border = "1px solid #777";
zIndex = 1;
visibility = "hidden";
overflow = "hidden";
AB.lyLeftCanvas[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyLeftImage');
with(CurrentDiv.style)
{
position = "absolute";
width = 290;
height = 50;
top = 200;
left = 100;
zIndex = 1;
visibility = "hidden";
AB.lyLeftImage[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyLeftGradation');
CurrentDiv.innerHTML = "![]("+AB.TImageFrame+"frame_center_left.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerLeftGradation;
height = AB.lyLeftCanvas[0][3];
top = AB.ViewerTopBorder;
left = parseInt(AB.lyLeftCanvas[0][2],10) - parseInt(width,10);
zIndex = 2;
filter ="alpha(Opacity=0, FinishOpacity=100, Style=1)";
visibility = "hidden";
overflow = "hidden";
AB.lyLeftGradation[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyRightCanvas');
CurrentDiv.onmousedown = onMainPage;
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerMainWidth;
height = AB.ViewerMainHeight;
top = AB.ViewerTopBorder;
left = parseInt(AB.lyLeftCanvas[0][0],10) + parseInt(AB.lyLeftCanvas[0][2],10);
backgroundColor = "#fff";
border = "1px solid #777";
zIndex = 1;
visibility = "hidden";
overflow = "hidden";
AB.lyRightCanvas[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyRightImage');
with(CurrentDiv.style)
{
position = "absolute";
width = 290;
height = 50;
top = 200;
left = 100;
zIndex = 1;
visibility = "hidden";
AB.lyRightImage[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyRightGradation');
CurrentDiv.innerHTML = "![]("+AB.TImageFrame+"frame_center_right.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerRightGradation;
height = AB.lyRightCanvas[0][3];
top = AB.ViewerTopBorder;
left = 0;
zIndex = 2;
filter ="alpha(Opacity=100, FinishOpacity=0, Style=1)";
visibility = "hidden";
overflow = "hidden";
AB.lyRightGradation[0] = new Array(left,top,width,height);
}
// Flipped layers
CurrentDiv = getObj('lyLeftTmpUp');
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerMainWidth;
height = AB.ViewerMainHeight;
top = AB.ViewerTopBorder;
left = 0;
backgroundColor = "#fff";
border = "1px solid #777";
zIndex = 3;
visibility = "hidden";
overflow = "hidden";
AB.lyLeftTmpUp[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyLeftTmpUpImage');
with(CurrentDiv.style)
{
position = "absolute";
width = 290;
height = 50;
top = 200;
left = 100;
visibility = "hidden";
AB.lyLeftTmpUpImage[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyLeftTmpDown');
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerMainWidth;
height = AB.ViewerMainHeight;
top = AB.ViewerTopBorder;
left = 0;
backgroundColor = "#fff";
border = "1px solid #777";
zIndex = 2;
visibility = "hidden";
overflow = "hidden";
AB.lyLeftTmpDown[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyLeftTmpDownImage');
with(CurrentDiv.style)
{
position = "absolute";
width = 290;
height = 50;
top = 200;
left = 100;
visibility = "hidden";
AB.lyLeftTmpDownImage[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyRightTmpUp');
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerMainWidth;
height = AB.ViewerMainHeight;
top = AB.ViewerTopBorder;
left = parseInt(AB.lyLeftCanvas[0][0],10) + parseInt(AB.lyLeftCanvas[0][2],10);
backgroundColor = "#fff";
border = "1px solid #777";
zIndex = 3;
visibility = "hidden";
overflow = "hidden";
AB.lyRightTmpUp[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyRightTmpUpImage');
with(CurrentDiv.style)
{
position = "absolute";
width = 290;
height = 50;
top = 200;
left = 100;
visibility = "hidden";
AB.lyRightTmpUpImage[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyRightTmpDown');
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerMainWidth;
height = AB.ViewerMainHeight;
top = AB.ViewerTopBorder;
left = parseInt(AB.lyLeftCanvas[0][0],10) + parseInt(AB.lyLeftCanvas[0][2],10);
backgroundColor = "#fff";
border = "1px solid #777";
zIndex = 2;
visibility = "hidden";
overflow = "hidden";
AB.lyRightTmpDown[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyRightTmpDownImage');
with(CurrentDiv.style)
{
position = "absolute";
width = 290;
height = 50;
top = 200;
left = 100;
visibility = "hidden";
AB.lyRightTmpDownImage[0] = new Array(left,top,width,height);
}
// Zoomed layers
CurrentDiv = getObj('lyZoomView');
CurrentDiv.onmousewheel = onZoomMouseWheel;
with(CurrentDiv.style)
{
position = "absolute";
if( AB.ViewerMaxWidth <= (AB.ViewerMainWidth*2) )
width = AB.ViewerMaxWidth;
else
width = (AB.ViewerMainWidth*2);
if( AB.ViewerMaxHeight <= (AB.ViewerMainHeight*2) )
height = AB.ViewerMaxHeight;
else
height = (AB.ViewerMainHeight*2);
top = AB.ViewerTopBar+(AB.ViewerMaxHeight-parseInt(height,10))/2;
left = parseInt(getObj('lyBookBase').style.left,10);
border = "1px solid #777";
visibility = "hidden";
zIndex = 5;
overflow = "hidden";
AB.lyZoomView[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyScrollTop');
CurrentDiv.innerHTML = "![]("+AB.TImageTool+"tool_scroll_up_1.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ScrollTopWidth;
height = AB.ScrollTopHeight;
top = 0;
left = (parseInt(getObj('lyZoomView').style.width,10)-AB.ScrollTopWidth)/2;
zIndex = 10;
filter = "alpha(Opacity=40)";
AB.lyScrollTop[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyScrollBottom');
CurrentDiv.innerHTML = "![]("+AB.TImageTool+"tool_scroll_down_1.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ScrollTopWidth;
height = AB.ScrollTopHeight;
top = AB.ViewerMaxHeight-AB.ScrollTopHeight;
left = (parseInt(getObj('lyZoomView').style.width,10)-AB.ScrollTopWidth)/2;
zIndex = 10;
filter = "alpha(Opacity=40)";
AB.lyScrollBottom[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyZoom');
CurrentDiv.onmousedown = BeforeShrink;
CurrentDiv.onmouseup = BeforeShrink;
// CurrentDiv.onclick = BeforeShrink;
with(CurrentDiv.style)
{
position = "absolute";
width = getObj('lyZoomView').style.width;
height = getObj('lyZoomView').style.height;
top = 0;
left = 0;
AB.lyZoom[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyZoomImage');
with(CurrentDiv.style)
{
position = "absolute";
width = 290;
height = 50;
top = 200;
left = 100;
AB.lyZoomImage[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyZoomView3');
CurrentDiv.onmousewheel = onZoomMouseWheel3;
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ViewerMaxWidth;
height = AB.ViewerMaxHeight;
top = AB.ViewerTopBar;
if( AB.WindowSizeWidth>AB.ViewerMaxWidth )
left = (AB.WindowSizeWidth-AB.ImageSizeWidth)/2;
else
left = 0;
border = "1px solid #777";
visibility = "hidden";
zIndex = 6;
overflow = "hidden";
AB.lyZoomView3[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyScrollTop3');
CurrentDiv.innerHTML = "";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ScrollTopWidth;
height = AB.ScrollTopHeight;
top = 0;
left = (parseInt(getObj('lyZoomView3').style.width,10)-AB.ScrollTopWidth)/2;
zIndex = 10;
filter = "alpha(Opacity=40)";
AB.lyScrollTop3[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyScrollBottom3');
CurrentDiv.innerHTML = "";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ScrollTopWidth;
height = AB.ScrollTopHeight;
top = AB.ViewerMaxHeight-AB.ScrollTopHeight;
left = (parseInt(getObj('lyZoomView3').style.width,10)-AB.ScrollTopWidth)/2;
zIndex = 10;
filter = "alpha(Opacity=40)";
AB.lyScrollBottom3[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyScrollLeft3');
CurrentDiv.innerHTML = "![]("+AB.TImageTool+"tool_scroll_left_1.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ScrollLeftWidth;
height = AB.ScrollLeftHeight;
top = (parseInt(getObj('lyZoomView3').style.height,10)-AB.ScrollLeftHeight)/2;
left = 0;
zIndex = 10;
filter = "alpha(Opacity=40)";
AB.lyScrollLeft3[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyScrollRight3');
CurrentDiv.innerHTML = "![]("+AB.TImageTool+"tool_scroll_right_1.gif)
";
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ScrollLeftWidth;
height = AB.ScrollLeftHeight;
top = (parseInt(getObj('lyZoomView3').style.height,10)-AB.ScrollLeftHeight)/2;
left = AB.ViewerMaxWidth - AB.ScrollLeftWidth;
zIndex = 10;
filter = "alpha(Opacity=40)";
AB.lyScrollRight3[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyZoom3');
CurrentDiv.onmousedown = BeforeShrink;
with(CurrentDiv.style)
{
position = "absolute";
width = AB.ImageSizeWidth;
height = AB.ImageSizeHeight;
top = 0;
left = 0;
AB.lyZoom3[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyZoomImage3');
with(CurrentDiv.style)
{
position = "absolute";
width = 290;
height = 50;
top = 200;
left = 100;
AB.lyZoomImage3[0] = new Array(left,top,width,height);
}
//Infomation layer
CurrentDiv = getObj('lyInfo');
CurrentDiv.innerHTML = "
"
+"!["+aToolAlt[1]+"](menu/tool/tool_bookmark_l_out.gif){kind=small}
"
+"!["+aToolAlt[2]+"](menu/tool/tool_bookmark_c_out.gif){kind=small}
"
+"!["+aToolAlt[3]+"](menu/tool/tool_bookmark_r_out.gif){kind=small}
"
+"!["+aToolAlt[4]+"](menu/tool/tool_sound_on.gif){kind=small}
"
+"!["+aToolAlt[5]+"](menu/tool/tool_layer_on.gif){kind=small}
"
+"!["+aToolAlt[6]+"](menu/tool/tool_info_off.gif){kind=small}
";
with(CurrentDiv.style)
{
position = "absolute";
width = 242;
height = 20;
top = 0;
left = 0;
zIndex = 0;
overflow = "hidden";
AB.lyInfo[0] = new Array(left,top,width,height);
}
CurrentDiv = getObj('lyInfoBar');
if(AB.URL == "")
CurrentDiv.innerHTML = " "+AB.Title+" - "+AB.Publisher+"!["+aToolAlt[7]+"](menu/tool/tool_print_out.gif){kind=small}
!["+aToolAlt[8]+"](menu/tool/tool_mokuzi_out.gif){kind=small}
!["+aToolAlt[10]+"](menu/tool/tool_flip_ll_out.gif){kind=small}
!["+aToolAlt[11]+"](menu/tool/tool_flip_l_out.gif){kind=small}
!["+aToolAlt[12]+"](menu/tool/tool_flip_r_out.gif){kind=small}
!["+aToolAlt[13]+"](menu/tool/tool_flip_rr_out.gif){kind=small}
!["+aToolAlt[14]+"](menu/tool/tool_enter_out.gif){kind=small}
!["+aToolAlt[15]+"](menu/tool/tool_help_out.gif){kind=small}
!["+aToolAlt[16]+"](menu/tool/tool_close_out.gif){kind=small}