var ItemImages_ImagesList=[], ItemImages_ScroolSpeed=0, ItemImages_PreviewsTop=0;
var ItemImages_WindowHeight=0;

function ItemImages_ShowWindow(ItemTypeColorId, Name){
    var h=document.documentElement.clientHeight;
    ItemImages_WindowHeight=h-20;
    if (ItemImages_WindowHeight>680){ ItemImages_WindowHeight=680;}
    if (ItemImages_WindowHeight<200){ ItemImages_WindowHeight=200;}
    gebi("ItemImagesWindowDiv").style.height=ItemImages_WindowHeight+"px";
    gebi("ItemImages_Table").style.height=(ItemImages_WindowHeight-65)+"px";
    gebi("ItemImages_PrewievsTable").style.height=(ItemImages_WindowHeight-65)+"px";
    gebi("ItemImages_OverPreviewDiv").style.height=(ItemImages_WindowHeight-129)+"px";

    ItemImages_ScroolSpeed=0;
    ItemImages_PreviewsTop=0;
    gebi("ItemImages_PreviewDiv").style.top="0px";
    gebi("ItemImages_ScroolBottomOff_Img").style.display="block";
    gebi("ItemImages_ScroolTopOff_Img").style.display="block";
    gebi("ItemImages_ScroolBottom_Img").style.display="none";
    gebi("ItemImages_ScroolTop_Img").style.display="none";

    ItemImages_Load(ItemTypeColorId, "ItemsTypesColors");
    gebi("ItemImagesWindowDiv").style.display="block";
    gebi("ItemImages_Name").innerHTML=Name;
    gebi("ItemImages_ImageTd").innerHTML="&nbsp;";
    gebi("ItemImages_PreviewDiv").innerHTML="<br /><br /><div style='width: 110px'><img src='/img/progress.gif' style='width: 18px; height: 18px; border: 0px' /></div>";
    Move_ImagesWindowDiv();
    BlockAll();
    return false;
}
function ItemImages_HideWindow(){
    gebi("ItemImagesWindowDiv").style.display="none";
    UnlockAll();
    return false;
}

function Move_ImagesWindowDiv(){
    if (gebi("ItemImagesWindowDiv").style.display=="block"){
        var w=document.body.clientWidth, h=document.body.clientHeight;
        gebi("ItemImagesWindowDiv").style.left=(w-gebi("ItemImagesWindowDiv").offsetWidth)/2+"px";
        gebi("ItemImagesWindowDiv").style.top=(GetBodyScrollTop()+(document.documentElement.clientHeight-gebi("ItemImagesWindowDiv").offsetHeight)/2)+"px";
    }
}


function ItemImages_Load(Id, Type){
    var js=document.createElement("script");
    js.setAttribute("src", "/Script_GetItemsGallery.ashx?r="+Math.round(Math.random()*99999999)+
        "&Id="+escape(ReplaceAll(Id.toString(),"+","[plus]"))+
        "&Type="+escape(ReplaceAll(Type.toString(),"+","[plus]")));
    js.setAttribute("type", "text/javascript");
    gebi("ScriptDiv").appendChild(js);
}

function ItemImages_RebildList(ObjectId){
    var NewHTML="";
    for (var n in ItemImages_ImagesList){
        NewHTML+="<tr><td id='ItemImages_ImagePreviewLeftBorder"+n+"' style='width: 2px; font-size: 1px'>&nbsp;</td><td style='width: 3px; font-size: 1px'>&nbsp;</td><td style='text-align: center; width: 100px'><div style='padding: 5px 0px 5px 0px'><a href='#' onclick=\"return ItemImages_Image("+n+");\"><img src='"+PhotosHttpAddress+ItemImages_ImagesList[n][3][3][0]+"/"+ItemImages_ImagesList[n][2]+"/"+ItemImages_ImagesList[n][0]+".jpg' style='border: 0px; width: "+ItemImages_ImagesList[n][3][3][1]+"px; height: "+ItemImages_ImagesList[n][3][3][2]+"px' /></a></div></td><td style='width: 3px; font-size: 1px'>&nbsp;</td><td id='ItemImages_ImagePreviewRightBorder"+n+"' style='width: 2px; font-size: 1px'>&nbsp;</td></tr>";
    }
    if (NewHTML!=""){
        NewHTML="<table cellpadding='0' cellspacing='0' border='0' style='width: 110px'>"+NewHTML+"</table>";
    }else{
        gebi("ItemImages_PreviewDiv").innerHTML="<br /><br /><div style='width: 110px'>-</div>";
    }
    gebi("ItemImages_PreviewDiv").innerHTML=NewHTML;
    ItemImages_CheckScroolButtons();
    if (ItemImages_ImagesList.length>0){ ItemImages_Image('0'); }
}

function ItemImages_Image(n){
    for (var _n in ItemImages_ImagesList){
        gebi("ItemImages_ImagePreviewLeftBorder"+_n).innerHTML="&nbsp;";
        gebi("ItemImages_ImagePreviewRightBorder"+_n).innerHTML="&nbsp;";
    }
    gebi("ItemImages_ImagePreviewLeftBorder"+n).innerHTML="<div style='width: 2px; height: "+ItemImages_ImagesList[n][3][3][2]+"px; background-color: #d5d5d5'>&nbsp;</div>";
    gebi("ItemImages_ImagePreviewRightBorder"+n).innerHTML="<div style='width: 2px; height: "+ItemImages_ImagesList[n][3][3][2]+"px; background-color: #d5d5d5'>&nbsp;</div>";
    var ImgHeight=ItemImages_ImagesList[n][3][1][2], ImgWidth=ItemImages_ImagesList[n][3][1][1];
    if (ImgHeight>ItemImages_WindowHeight-70){ ImgWidth=(ItemImages_WindowHeight-70)/ImgHeight*ImgWidth; ImgHeight=ItemImages_WindowHeight-70; }
    gebi("ItemImages_ImageTd").innerHTML="<img src='"+PhotosHttpAddress+ItemImages_ImagesList[n][3][1][0]+"/"+ItemImages_ImagesList[n][2]+"/"+ItemImages_ImagesList[n][0]+".jpg' height='"+ImgHeight+"px' width='"+ImgWidth+"px' border='0' />";
    return false;
}

function ItemImages_ScroolTop_Over(){
    if (gebi("ItemImages_PreviewDiv").offsetHeight>gebi("ItemImages_OverPreviewDiv").offsetHeight){
        ItemImages_ScroolSpeed=1;
        setTimeout(ItemImages_Scrool, 15);
    }
}
function ItemImages_ScroolTop_Out(){ ItemImages_ScroolSpeed=0; }
function ItemImages_ScroolTop_Down(){ ItemImages_ScroolSpeed=3; }
function ItemImages_ScroolTop_Up(){ ItemImages_ScroolSpeed=1; }

function ItemImages_ScroolBottom_Over(){
    if (gebi("ItemImages_PreviewDiv").offsetHeight>gebi("ItemImages_OverPreviewDiv").offsetHeight){
        ItemImages_ScroolSpeed=-1;
        setTimeout(ItemImages_Scrool, 15);
    }
}
function ItemImages_ScroolBottom_Out(){ ItemImages_ScroolSpeed=0; }
function ItemImages_ScroolBottom_Down(){ ItemImages_ScroolSpeed=-3; }
function ItemImages_ScroolBottom_Up(){ ItemImages_ScroolSpeed=-1; }

function ItemImages_Scrool(){
    if (ItemImages_ScroolSpeed==0){ return; }
    var NewTop=ItemImages_PreviewsTop+ItemImages_ScroolSpeed*3;
    if (NewTop-gebi("ItemImages_OverPreviewDiv").offsetHeight+gebi("ItemImages_PreviewDiv").offsetHeight>0 && ItemImages_ScroolSpeed<0 || NewTop<0 && ItemImages_ScroolSpeed>0){
        ItemImages_PreviewsTop=NewTop;
        gebi("ItemImages_PreviewDiv").style.top=NewTop+"px";
        ItemImages_CheckScroolButtons();
        if (ItemImages_ScroolSpeed!=0){ setTimeout(ItemImages_Scrool, 15); }
    }else{
        if (ItemImages_ScroolSpeed<0){
            ItemImages_PreviewsTop=gebi("ItemImages_OverPreviewDiv").offsetHeight-gebi("ItemImages_PreviewDiv").offsetHeight;
        }else{
            ItemImages_PreviewsTop=0;
        }
        gebi("ItemImages_PreviewDiv").style.top=ItemImages_PreviewsTop+"px";
        ItemImages_CheckScroolButtons();
    }
}
function ItemImages_CheckScroolButtons(){
    if (gebi("ItemImages_PreviewDiv").offsetHeight>gebi("ItemImages_OverPreviewDiv").offsetHeight){
        if(ItemImages_PreviewsTop<0){
            gebi("ItemImages_ScroolTopOff_Img").style.display="none";
            gebi("ItemImages_ScroolTop_Img").style.display="block";
        }else{
            gebi("ItemImages_ScroolTopOff_Img").style.display="block";
            gebi("ItemImages_ScroolTop_Img").style.display="none";
            ItemImages_ScroolSpeed=0;
        }
        if(ItemImages_PreviewsTop-gebi("ItemImages_OverPreviewDiv").offsetHeight+gebi("ItemImages_PreviewDiv").offsetHeight>0){
            gebi("ItemImages_ScroolBottomOff_Img").style.display="none";
            gebi("ItemImages_ScroolBottom_Img").style.display="block";
        }else{
            gebi("ItemImages_ScroolBottomOff_Img").style.display="block";
            gebi("ItemImages_ScroolBottom_Img").style.display="none";
            ItemImages_ScroolSpeed=0;
        }
    }else{
        gebi("ItemImages_ScroolBottomOff_Img").style.display="block";
        gebi("ItemImages_ScroolTopOff_Img").style.display="block";
        gebi("ItemImages_ScroolBottom_Img").style.display="none";
        gebi("ItemImages_ScroolTop_Img").style.display="none";
        ItemImages_ScroolSpeed=0;
    }
}