var _strArtCodeBigImage = '';

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

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

    _result=result;
    _intNrOfImages = CARTwise.arraySize(_result);
    _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 + '{normalizedartikelcode}/{filename}" alt="{title}" class="reflect" /></div>';
    var strHTML='';

    if (_strArtCodeBigImage == '') {
        _strArtCodeBigImage = _result[0].normalizedartikelcode;
    }
    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 = strTemplate.replace(/{normalizedartikelcode}/gi, _result[i + _intThumbOffset].normalizedartikelcode);
                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;
}
var BigImageOldFadeZindex = '';
var BigImageOldTxtSearchDispStyle = '-';
function showBigImagePopup() {
    if ($get('divSearchArea')!=null) {
        $get('divSearchArea').style.background = ''; //HACK: avoid plane z-index collision
        if (BigImageOldTxtSearchDispStyle == '-')
            BigImageOldTxtSearchDispStyle = $get('txtSearch').style.display;
        $get('txtSearch').style.display='none';
    }
    
    $get('divBigImagePopup').style.display='block';
    if (BigImageOldFadeZindex == '')
        BigImageOldFadeZindex = $get('divFade').style.zIndex;
    fadeShow();
    $get('divFade').style.zIndex='9000';

    _btnIsBigImageVisible=true;
}

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

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