//
//detail_window.js
//Written by Daniel666 2008

var WND_WIDTH = 750;
var GROW_STEP = 30;
var GROW_SPEED_MS = 10;
var WND_TOP = 220;
var WND_TOP_768 = 100;
var WND_BOTTOM = 20;
var TEXT_HEIGHT = 120;
var TEXT_HEIGHT_768 = 60;

var ScreenWidth=0;
var ScreenHeight=0;
var ActIndex;

window.onscroll = SetWndTop;
window.onresize = CloseWindow;

function GetScreenSize (Flag)
{
var Size=0;
 if (document.body.clientWidth)
 {
    if (Flag==1) Size = document.body.clientWidth;
    else Size = document.body.clientHeight;
 }
 else
 {
    if (Flag==1) Size = window.innerWidth;
    else Size = window.innerHeight;
 }
return Size;
}

function SetWndTop ()
{
var Top;
 if (document.getElementById("detail_div").style.visibility=="visible")
 {
    Top = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop || window.pageYOffset || 0;
    if (ScreenHeight>768) document.getElementById("detail_div").style.top = Top + WND_TOP;
    else document.getElementById("detail_div").style.top = Top + WND_TOP_768;
 }

}

function ShowWindow (Index)
{
var sh = GetScreenSize(2);
 ScreenHeight=sh;
 if (ScreenHeight>768) sh-=(WND_TOP+WND_BOTTOM);
 else sh-=(WND_TOP_768+WND_BOTTOM);
 ScreenWidth = GetScreenSize(1);
 document.getElementById("frame_detail").src="./sites/show_detail.php?idx=" + IDArray[Index];
 document.getElementById("frame_detail").style.width=WND_WIDTH-40;
 if (ScreenHeight>768) document.getElementById("frame_detail").style.height=sh-(TEXT_HEIGHT+20);
 else document.getElementById("frame_detail").style.height=sh-(TEXT_HEIGHT_768+20);
 document.getElementById("frame_detail").style.visibility="hidden";

 document.getElementById("info_" + IDArray[Index]).style.top = parseInt(document.getElementById("frame_detail").style.height)+25;
 document.getElementById("info_" + IDArray[Index]).style.width = WND_WIDTH-40;
 document.getElementById("info_" + IDArray[Index]).style.height = sh - (parseInt(document.getElementById("info_" + IDArray[Index]).style.top)) - 5;
 document.getElementById("info_" + IDArray[Index]).style.visibility = "hidden";

 document.getElementById("img_close").style.left = WND_WIDTH - 18;
 document.getElementById("img_close").style.visibility = "hidden";
 document.getElementById("img_next_prev").style.visibility = "hidden";

 document.getElementById("tmp_bg").style.width=2;
 document.getElementById("tmp_bg").style.height=parseInt(document.getElementById("frame_detail").style.height);
 document.getElementById("tmp_bg").style.visibility="visible";

 ActIndex = Index;

 document.getElementById("detail_div").style.width=2;
 document.getElementById("detail_div").style.height=sh;
 document.getElementById("detail_div").style.left=parseInt((ScreenWidth-2)/2);
 document.getElementById("detail_div").style.visibility="visible";
 SetWndTop();
 window.setTimeout("WindowGrow()",GROW_SPEED_MS); 
}

function WindowGrow ()
{
var aw = parseInt(document.getElementById("detail_div").style.width);
 if (aw+GROW_STEP>WND_WIDTH) aw = WND_WIDTH;
 else aw+=GROW_STEP;
 document.getElementById("detail_div").style.width=aw;
 if (aw-40>0) document.getElementById("tmp_bg").style.width=aw-40;
 else document.getElementById("tmp_bg").style.width=1;
 document.getElementById("detail_div").style.left=parseInt((ScreenWidth-aw)/2);
 if (aw<WND_WIDTH) window.setTimeout("WindowGrow()",GROW_SPEED_MS);
 else
 {
    document.getElementById("frame_detail").style.visibility="visible";
    document.getElementById("tmp_bg").style.visibility="hidden";
    document.getElementById("info_" + IDArray[ActIndex]).style.visibility = "visible";
    document.getElementById("img_close").style.visibility = "visible";
    document.getElementById("img_next_prev").style.visibility = "visible";
 }
}

function CloseWindow ()
{
 if (document.getElementById("detail_div").style.visibility=="visible")
 {
    document.getElementById("detail_div").style.visibility="hidden";
    document.getElementById("frame_detail").style.visibility="hidden";
    document.getElementById("tmp_bg").style.visibility="hidden";
    document.getElementById("info_" + IDArray[ActIndex]).style.visibility = "hidden";
    document.getElementById("img_close").style.visibility = "hidden";
    document.getElementById("img_next_prev").style.visibility = "hidden";
 }
}

function NextPrev (Flag)
{
var sh = ScreenHeight;
var OldIndex = ActIndex;
 if (Flag==1) //Prev
 {
    if (OldIndex>0) ActIndex = OldIndex-1;
    else ActIndex = IDArray.length-1;
 }
 else if (Flag==2) //Next
 {
    if (OldIndex+1<IDArray.length) ActIndex = OldIndex+1;
    else ActIndex = 0;
 }
 if (OldIndex!=ActIndex)
 {
    if (ScreenHeight>768) sh-=(WND_TOP+WND_BOTTOM);
    else sh-=(WND_TOP_768+WND_BOTTOM);
    document.getElementById("info_" + IDArray[OldIndex]).style.visibility = "hidden";
    document.getElementById("info_" + IDArray[ActIndex]).style.top = parseInt(document.getElementById("frame_detail").style.height)+25;
    document.getElementById("info_" + IDArray[ActIndex]).style.width = WND_WIDTH-40;
    document.getElementById("info_" + IDArray[ActIndex]).style.height = sh - (parseInt(document.getElementById("info_" + IDArray[ActIndex]).style.top)) - 5;
    document.getElementById("info_" + IDArray[ActIndex]).style.visibility = "visible";
    document.getElementById("frame_detail").src="./sites/show_detail.php?idx=" + IDArray[ActIndex];
 }
}