enl_ani = 3;
enl_maxstep = 20;
enl_speed = 14;
enl_center = 0;
enl_dark = 1;
enl_pluscur = '';
enl_minuscur = '';

var imageRotatorRef;

document.observe('dom:loaded', function()
{
    imageRotatorRef = new imageRotator(
                                            {
                                                divBigPicture: 'divBigPicture',
                                                imgBigPicture: 'imgBigPicture',
                                                thumbNailPicturesContainer: 'divThumbNailPicturesContainer',
                                                isLoading: true,
                                                loadingImageURL: '../images/enlargeit/loader.gif',
                                                isLoadingThumbNail: true,
                                                loadingImageURLThumbNail: '../images/enlargeit/loader.gif',
                                                activeIndex: 0,
                                                isSlideShow: false,
                                                slideFrequency: 7,
                                                thumbNailStartOpacityValue: 0.8,
                                                minOpacityValueBigPicture: 0.1,
                                                opacityUpDurationBigPicture: 0.4,
                                                opacityDownDurationBigPicture: 0.4,
                                                opacityUpDurationThumnNail: 0.1,
                                                opacityDownDurationThumnNail: 0.2
                                            }
                                        );
                                                
    var firstImgTag = $('divThumbNailPicturesContainer').getElementsByTagName('img')[0]
    if (firstImgTag)
    {
        firstImgTag.up('div.divThumbNailPictures').onclick();
        $('imgBigPicture').setStyle({ cursor: 'pointer' });
    }
});

function divThumbNailPicturesClick(imgBigPictureURL)
{
    var imgBigPictureRef = $('imgBigPicture');
    imgBigPictureRef.setAttribute('longDesc', imgBigPictureURL);
    enl_init();
    imgBigPictureRef.stopObserving('click');
    imgBigPictureRef.observe('click', function() { enlarge(imgBigPictureRef); });
}

function bindDivProductPatternEvents(divID, patternID, patternName)
{
    var divProductPatternRef = $(divID);
    divProductPatternRef.observe('mouseover', divProductPatternMouseOver.bindAsEventListener(this, divProductPatternRef));
    divProductPatternRef.observe('mouseout', divProductPatternMouseOut.bindAsEventListener(this, divProductPatternRef));
    divProductPatternRef.observe('click', divProductPatternClick.bindAsEventListener(this, divProductPatternRef, patternID, patternName));
}
function setDivProductPatternSelected(divID, patternID, patternName)
{
    var divPPRef = $(divID);
    
    divPPRef.style.position = 'static';
    divPPRef.style.left = '0px';
    divPPRef.style.top = '0px';

    divPPRef.removeClassName('divProductPatternHover');
    divPPRef.addClassName('divProductPatternSelected');
    divPPRef.observe('click', divProductPatternClick.bindAsEventListener(this, divPPRef, patternID, patternName));
}
function divProductPatternMouseOver(event, divPPRef)
{
    divPPRef.style.position = 'relative';
    divPPRef.style.left = '2px';
    divPPRef.style.top = '2px';

    divPPRef.removeClassName('divProductPatternSelected');
    divPPRef.addClassName('divProductPatternHover');
}
function divProductPatternMouseOut(event, divPPRef)
{
    divPPRef.style.position = 'static';
    divPPRef.style.left = '0px';
    divPPRef.style.top = '0px';

    divPPRef.removeClassName('divProductPatternHover');
    divPPRef.removeClassName('divProductPatternSelected');
}
function divProductPatternClick(event, divPPRef, patternID, patternName)
{
    if ($('divProductPatterns').select('.divProductPatternSelected').length == 1)
    {
        var divProductPatternSelected = $('divProductPatterns').select('.divProductPatternSelected')[0];

        divProductPatternSelected.style.position = 'static';
        divProductPatternSelected.style.left = '0px';
        divProductPatternSelected.style.top = '0px';

        divProductPatternSelected.removeClassName('divProductPatternHover');
        divProductPatternSelected.removeClassName('divProductPatternSelected');
        divProductPatternSelected.observe('mouseover', divProductPatternMouseOver.bindAsEventListener(this, divProductPatternSelected));
        divProductPatternSelected.observe('mouseout', divProductPatternMouseOut.bindAsEventListener(this, divProductPatternSelected));
    }

    divPPRef.stopObserving('mouseover');
    divPPRef.stopObserving('mouseout');

    divPPRef.style.position = 'static';
    divPPRef.style.left = '0px';
    divPPRef.style.top = '0px';

    divPPRef.removeClassName('divProductPatternHover');
    divPPRef.addClassName('divProductPatternSelected');

    $(prefixTagName + 'hfProductPatternID').value = patternID;
    $(prefixTagName + 'lblProductPatternName').innerHTML = patternName;
}

function bindDivProductSizeEvents(divProductSizeID, divProductSizeInnerID, sizeDetailID, value)
{
    var divProductSizeRef = $(divProductSizeID);
    var divProductSizeInnerRef = $(divProductSizeInnerID);
    divProductSizeRef.observe('mouseover', divProductSizeMouseOver.bindAsEventListener(this, divProductSizeRef, divProductSizeInnerRef));
    divProductSizeRef.observe('mouseout', divProductSizeMouseOut.bindAsEventListener(this, divProductSizeRef, divProductSizeInnerRef));
    divProductSizeRef.observe('click', divProductSizeClick.bindAsEventListener(this, divProductSizeRef, sizeDetailID, value));
}
function divProductSizeMouseOver(event, divProductSizeRef, divProductSizeInnerRef)
{
    divProductSizeInnerRef.style.position = 'relative';
    divProductSizeInnerRef.style.left = '2px';
    divProductSizeInnerRef.style.top = '2px';

    divProductSizeRef.removeClassName('divProductSizeSelected');
    divProductSizeRef.addClassName('divProductSizeHover');
}
function divProductSizeMouseOut(event, divProductSizeRef, divProductSizeInnerRef)
{
    divProductSizeInnerRef.style.position = 'static';
    divProductSizeInnerRef.style.left = '0px';
    divProductSizeInnerRef.style.top = '0px';

    divProductSizeRef.removeClassName('divProductSizeHover');
    divProductSizeRef.removeClassName('divProductSizeSelected');
}
function divProductSizeClick(event, divProductSizeRef, sizeDetailID, value)
{
    var divProductSizeGroupRef = divProductSizeRef.up('div.divProductSizeGroup');
    if (divProductSizeGroupRef.select('.divProductSizeSelected').length == 1)
    {
        var divProductSizeSelectedRef = divProductSizeGroupRef.select('.divProductSizeSelected')[0];
        var divProductSizeSelectedInnerRef = divProductSizeSelectedRef.down(0);

        divProductSizeSelectedInnerRef.style.position = 'static';
        divProductSizeSelectedInnerRef.style.left = '0px';
        divProductSizeSelectedInnerRef.style.top = '0px';

        divProductSizeSelectedRef.removeClassName('divProductSizeHover');
        divProductSizeSelectedRef.removeClassName('divProductSizeSelected');
        divProductSizeSelectedRef.observe('mouseover', divProductSizeMouseOver.bindAsEventListener(this, divProductSizeSelectedRef, divProductSizeSelectedInnerRef));
        divProductSizeSelectedRef.observe('mouseout', divProductSizeMouseOut.bindAsEventListener(this, divProductSizeSelectedRef, divProductSizeSelectedInnerRef));
    }

    divProductSizeRef.stopObserving('mouseover');
    divProductSizeRef.stopObserving('mouseout');

    divProductSizeRef.removeClassName('divProductSizeHover');
    divProductSizeRef.addClassName('divProductSizeSelected');

    $(prefixTagName + 'hfProductSizeDetailID').value = sizeDetailID;
    $(prefixTagName + 'lblProductSizeValue').innerHTML = value;
}