var sOrgImageSRC = '';
function changeBeannerImage(ImageID, sImagePath, sNewImageSRC ) {
    if( !document.getElementById( ImageID ) ) {
        //alert(ImageID + ' Not Exists');
        return;
    } 
    // alert('SAVED sOrgImageSRC ' + sOrgImageSRC);
    //alert('sNewImageSRC ' + sNewImageSRC);
    
    var ImageObj = document.getElementById( ImageID );
    if(sOrgImageSRC.length == 0) {
        sOrgImageSRC = ImageObj.src;
    }
    if(sNewImageSRC.length == 0) {
        ImageObj.src = sOrgImageSRC;
        return;
    }
    
    ImageObj.src = sImagePath + '/' + sNewImageSRC;
    
    
    //alert('sOrgImageSRC ' + sOrgImageSRC);
}

function ZoomImage(ImageID, ZoomPixel) {
    var ImageObj = document.getElementById( ImageID );
    ImageObj.width = ImageObj.width + ZoomPixel;
    ImageObj.height = ImageObj.height + ZoomPixel;
    
    var Offset = (ZoomPixel / 2) * -1;
    if(Offset > 0) { Offset = 0; }
    ImageObj.style.top = Offset + 'px';
    ImageObj.style.left = Offset + 'px';
}


function ZoomObject(ThisObject, ZoomPixel) {
    // var ImageObj = document.getElementById( ImageID );
    var ObjectWidth  = ThisObject.width;
    var ObjectHeight = ThisObject.height;
    ThisObject.width  = ObjectWidth + ZoomPixel;
    ThisObject.height = ObjectHeight + ZoomPixel;
    
    var Offset = (ZoomPixel / 2) * -1;
//    if(Offset > 0) { Offset = 0; }
//    ThisObject.style.top = Offset + 'px';
//    ThisObject.style.left = Offset + 'px';
    
    //alert('w: ' + ThisObject.width + ' h: ' + ThisObject.height + ' o: ' + Offset ); 
}


function setWindowLocation(ContainerID) {
    window.location.href=document.getElementById( ContainerID ).href;
    return true;
}

function changeTabStyle(ContainerNo, Aktion) {
    var sTabContainerID = 'TabContainer' + ContainerNo;
    var sTabElementID   = 'TabElement'   + ContainerNo;
    var TabContainer = document.getElementById( sTabContainerID );
    var TabElement   = document.getElementById( sTabElementID );
    
    // alert('TabContainer: ' + TabContainer.className + ' || TabElement: ' + TabElement.className);
    if( Aktion == 'hoover') {
        TabContainer.className = sTabContainerID + 'Aktiv';
        TabElement.className   = sTabElementID + 'Aktiv';
    }
    else {
        TabContainer.className = 'TabContainer';
        TabElement.className   = 'TabElement';
    }
    // alert('TabContainer: ' + TabContainer.className + ' || TabElement: ' + TabElement.className);
    return true;
}



function ChangePreviewImageToServiervorschlag(ImageID, ImageURL, ImageTitle, ZoomImageID) {
    // changes the image url & title of an image element (specified by its id attribute)
    
    // Aktueller Dateiname bestimmen
    var aImageURL = ImageURL.split("/");
    var ImageFileName = aImageURL.pop();    // Dateiname.Suffix ist letztes Element    
    var aImageFileNameSuffix = ImageFileName.split(".");    // Dateiname und Suffix trennen
    var aImageFileName = aImageFileNameSuffix[0].split("_");    // Dateiname am _ trennen
    var aImageFileNamelength = aImageFileName.length;           // groesse des Dateinamen Arrays
    aImageFileNamelength--;     // Array um eines verkleinern (_k)
    
    // neuer Dateiname erzeugen
    var newImageFileName = '';
    for (var i = 0; i < aImageFileNamelength; i++) {
        newImageFileName += aImageFileName[i] + '_';
    }
    newImageFileName += 'm.' + aImageFileNameSuffix[1]; // Dateiname verfollstaendigen (m.Suffix)
    
    // String mit URL zum Bild erzeugen
    aImageURL.push( newImageFileName );
    var newImageURL = aImageURL.join("/");

    document.getElementById(ImageID).src = newImageURL;
    if (ImageTitle) {
        document.getElementById(ImageID).alt = ImageTitle;
    }
    
    // ZOOM BILD
    // Aktuelle URL des Zoom Bildes bestimmen
    var ZoomImageURL = document.getElementById(ZoomImageID).href; 
    var aZoomImageURLParts = ZoomImageURL.split("/");
    var ZoomImageFileName = aZoomImageURLParts.pop();   // Dateiname.Suffix ist letztes Element
    
    // neuer Dateiname fuer Zoom Bild erzeugen
    var newZoomImageFileName = '';
    for (var i = 0; i <= aImageFileNamelength; i++) {
        if(i < (aImageFileNamelength)) {
            newZoomImageFileName += aImageFileName[i];
        }
        if(i < (aImageFileNamelength - 1)) {
            newZoomImageFileName += '_';
        }
    }
    newZoomImageFileName += '.' + aImageFileNameSuffix[1];
    //alert('newZoomImageFileName: ' + newZoomImageFileName );
    
    aZoomImageURLParts.push( newZoomImageFileName );
    var newZoomImageURL = aZoomImageURLParts.join("/");
    document.getElementById(ZoomImageID).href = newZoomImageURL; 
    
    //document.getElementById('attributeIcons').style.visibility = "hidden";
}


function hideAlert( DivClassName ) {
	document.getElementById( DivClassName ).style.display = "none";
}


function showAlert( DivClassName ) {	
    document.getElementById( DivClassName ).style.display = "block";
	document.getElementById( DivClassName ).focus();
}


function addBasketToShoppingList( FormID ) {
    document.getElementById( FormID).ChangeAction[0].value='CopyBasketToShoppingList';
    document.getElementById( FormID).ChangeAction[1].value='';
    document.getElementById( FormID).submit();
    
}

function addShoppingListToBasket ( FormID ) {
    document.getElementById( FormID ).ChangeAction[0].value='AddToBasket';
    document.getElementById( FormID ).submit();
}


function textCounter(field, countfield, maxlimit) {
    if (field.value.length > maxlimit.value) {
        // if too long...trim it!
        field.value = field.value.substring(0, maxlimit.value);
        alert('Es stehen Ihnen maximal ' + maxlimit.value + ' Zeichen zur Verf' + unescape("%FC") +'gung');
    }
    else {
        // otherwise, update 'characters left' counter
        countfield.value = maxlimit.value - field.value.length;
    }
}


function deleteFormValues(Index) {
    var strProduct    = 'ProductNo' + Index;
    var strQuantity   = 'Quantity' + Index;
    var strErrorMsg   = 'ErrorMsg' + Index;
    var strDeleteIcon = 'DeleteIcon' + Index;
    
    document.getElementsByName(strProduct)[0].value = ""; 
    document.getElementsByName(strQuantity)[0].value = "";
    
    document.getElementsByName(strProduct)[0].className = ""; 
    document.getElementsByName(strQuantity)[0].className = "";
    document.getElementById(strErrorMsg).style.display = "none";
    document.getElementById(strDeleteIcon).style.display = "none";
    
}


function setReiterActive(nummer) {
    var MaximalReinterAnzahl = 9;      
    //alert ("Anzahl: " + nummer);
    for (var i = 1; i <= MaximalReinterAnzahl; i++) {
        //alert ("Nummer: " +i);
        if (document.getElementById("linkReiter"+i) && document.getElementById("reiterInhalt"+i)) {
            //alert ("Es gibt linkReiter"+i+" und reiterInhalt"+i);
            if (i == nummer) {
                //alert ("geklickter Reiter: " + i);
                document.getElementById("linkReiter"+i).className  = "aktiv";
                document.getElementById("reiterInhalt"+i).style.display = "block";  
             }
             else {
                document.getElementById("linkReiter"+i).className  = "inaktiv";
                document.getElementById("reiterInhalt"+i).style.display = "none";                 
             }
        }
    } 
}


function ShowDiv (ID, Suffix, MaxNr) {
    for (var i = 0; i < MaxNr; i++) {
        // alert ("ID: " + ID + " || Nummer: " +i);
        if (document.getElementById(Suffix+i)) {
            // alert ("Es gibt "+ Suffix + i);
            if (i == ID) {
                // alert ("geklickter Reiter: " + i);
                document.getElementById("link"+Suffix+i).className  = "aktiv";
                document.getElementById(Suffix+i).style.display = "block";  
             }
             else {
                document.getElementById("link"+Suffix+i).className  = "inaktiv";
                document.getElementById(Suffix+i).style.display = "none";                 
             } // if
     
        } // if
    
    } // for
    
} // function