function openBigImage(artcode) {
    _strArtCodeBigImage=artcode;
    ShopWebService.GetSlideShowImages(sid, _strArtCodeBigImage, GetSlideShowImages_callback, generic_callbackerror);
}

function GetSlideShowImages_callback(result) {
    if (result==null || result=='undefined') {
        return false;
    }

    _result=result;
    _intNrOfImages=$H(_result).size();
    _intThumbOffset=0;
    
    updateThumbBar();
    changeImage(0);
    showBigImagePopup();
}

function closeBigImage() {
    hideBigImagePopup();
}

function updateThumbBar() {
    var strTemplate='<div style="width:80px;height:80px;border:1px solid #e8e8e8;float:left;margin:1px;cursor:pointer;" onclick="return changeImage({rownr});"><img id="imgThumb_{rownr}" style="vertical-align:middle;padding-right:2px;" src="' + _thumbnailStub + '{artcode}/{filename}" alt="{title}" class="reflect" /></div>';
    var strHTML='';

    if (_intNrOfImages==1) {
        $get('divSlideShowThumbBar').style.display='none';
    } else {
        for (i=0;i<8;i++) {
            if (i+_intThumbOffset<_intNrOfImages) {
                strTemp = strTemplate.replace(/{artcode}/gi,_result[i+_intThumbOffset].artikelcode);
                strTemp = strTemp.replace(/{filename}/gi,_result[i+_intThumbOffset].filename);
                strTemp = strTemp.replace(/{title}/gi,_result[i+_intThumbOffset].title);
                strTemp = strTemp.replace(/{rownr}/gi,i+_intThumbOffset);
                strHTML += strTemp;
            } else {
                break;
            }
        }
        $get('divSlideShowThumbBar').style.display='block';
    }

    $get('divSlideShowThumbs').innerHTML=strHTML;
}

function changeImage(rownr) {
    $get('imgZoomed').src=_zoomStub + _strArtCodeBigImage + "/" + _result[rownr].filename;
    $get('divTitle').innerText=_result[rownr].title;
    return true;
}

function showBigImagePopup() {
    if ($get('divSearchArea')!=null) {
        $get('divSearchArea').style.background=''; //HACK: avoid plane z-index collision
        $get('txtSearch').style.display='none';
    }
    //IE
    if (document.body.clientHeight) {
        $get('divFade').style.height=document.body.clientHeight.toString() + 'px';
    }
    //FF
    if (document.height) {
        $get('divFade').style.height=document.height.toString() + 'px';
    }
    $get('divBigImagePopup').style.display='block';
    $get('divFade').style.zIndex='9000';
    $get('divFade').style.display='block';

    _btnIsBigImageVisible=true;
}

function hideBigImagePopup() {
    if (_btnIsBigImageVisible) {
        $get('divFade').style.zIndex='4000';
        if ($get('divSearchResultPopup').style.display=='none' && $get('divFormulaResultPopup').style.display=='none') {
            $get('divFade').style.display='none';
        }
        $get('divBigImagePopup').style.display='none';

        if ($get('divSearchArea')!=null) {
            $get('divSearchArea').style.backgroundRepeat='no-repeat';
            $get('txtSearch').style.display='block';
        }
        _btnIsBigImageVisible=false;
    }
}