var lImageGalleryID;
var lPageNo;
var lPageCount;
var ScrollArray = new Array ( 40, 40, 40, 40, 40, 40, 40, 40, 36, 31, 26, 21, 16, 11, 7, 5, 4, 4, 3, 3, 3, 3, 2, 2, 2, 2, 2, 2, 1, 1, 1, 1, 1, 1, 1, 1, 1);
var iScrollIndex;
var iScrollPos;
var iDirection;


function initimagegallery(_lImageGalleryID, _lPageCount) {
    iscrollpos = 0;
    lImageGalleryID = _lImageGalleryID;
    lPageCount = _lPageCount
    lPageNo = 1;
    iDirection = 0;

    document.getElementById(document.getElementById('ctlbtnscrollerleft').innerHTML).setAttribute('onclick', "return prevpage();");
    document.getElementById(document.getElementById('ctlbtnscrollerright').innerHTML).setAttribute('onclick', "return nextpage();");
    
    return (false);
};


function nextpage() {
    if ( iDirection == 0 && lPageNo < lPageCount) {
        lPageNo += 1; iDirection = -1; ret = cssalchemy.GetImageGalleryPage(lImageGalleryID, lPageNo, OnComplete, OnTimeout, OnError);
    }
    return (false);
};


function prevpage() {
    if ( iDirection == 0 && lPageNo > 1 ) { 
        lPageNo -= 1; iDirection = 1; var ret = cssalchemy.GetImageGalleryPage(lImageGalleryID, lPageNo, OnComplete, OnTimeout, OnError);
    }
    return (false);
};


function OnComplete(arg) {
    
    if (iDirection == -1 ) { document.getElementById('nextpage').innerHTML = arg; } 
    else { document.getElementById('prevpage').innerHTML = arg; }

/*    
    
    if ( iDirection == -1 ) {

        switch ( lPageNo ) {
        
        case 2 :
            document.getElementById('btnprev').style.display = 'none';
            document.getElementById('btnprev').src = 'images/arrowlefton.gif';
            document.getElementById('btnprev').style.display = 'block';
            break;
        
        case lPageCount :
            document.getElementById('btnnext').style.display = 'block';
            document.getElementById('btnnextd').src = 'images/arrowrightoff.gif';
            document.getElementById('btnnext').style.display = 'none';
            document.getElementById('btnnext').src = 'images/imagearrowrightd.gif';
            break;

        default:
            document.getElementById('btnprev').src = 'images/imagearrowleft.gif';
            document.getElementById('btnprevd').src = 'images/imagearrowleftd.gif';
            break;
        
        };

    }
    else if (iDirection == 1 ) {

        switch ( lPageNo ) {
        
        case 1 :
            document.getElementById('btnprev').style.display = 'block';
            document.getElementById('btnprevd').src = 'images/arrowleftoff.gif';
            document.getElementById('btnprev').style.display = 'none';
            document.getElementById('btnprev').src = 'images/imagearrowleftd.gif';
            //document.getElementById('btnprevd').style.display = 'block';
            break;
        
        case lPageCount-1 :
            document.getElementById('btnnext').style.display = 'none';
            document.getElementById('btnnext').src = 'images/arrowrighton.gif';
            document.getElementById('btnnext').style.display = 'block';
            //document.getElementById('btnnextd').style.display = 'none';
            break;

        default:
            document.getElementById('btnnext').src = 'images/imagearrowright.gif';
            document.getElementById('btnnextd').src = 'images/imagearrowrightd.gif';
            break;
        
        };
    };
*/        
    
    
    
/*    
        document.getElementById('btnnext').style.display = 'block';
        document.getElementById('btnnextd').style.display = 'none';             
        }   
        else
        {
            document.getElementById('btnnext').style.display = 'none';
            document.getElementById('btnnextd').style.display = 'block';                         
            document.getElementById('btnnextd').src = 'images/arrowrightoff.gif';                         
        }

        if (lPageNo > 1 ) {
            document.getElementById('btnprev').style.display = 'block';
            document.getElementById('btnprevd').style.display = 'none';             
        }   
        else
        {
            document.getElementById('btnprev').style.display = 'none';
            document.getElementById('btnprevd').style.display = 'block';                         
        }
*/
    
    doscroll(0);        
    
}

function OnTimeout(arg) {
    alert('Timeout error');
}

function OnError(arg) {
    alert('Error error');
}

function doscroll(iIndex) {

    if (iIndex == 0) { iScrollPos = -512; 
    }
    iScrollPos = iScrollPos + ( ScrollArray[iIndex] * iDirection );
    document.getElementById('divscroller').style.left = iScrollPos + 'px';
    
    var iNewIndex = iIndex + 1;
    if (iNewIndex < ScrollArray.length - 1 ) {
        setTimeout('doscroll(' + iNewIndex + ')', 20);
    }
    else {
        //alert('here');
        if (iDirection == -1 ) { document.getElementById('currpage').innerHTML = document.getElementById('nextpage').innerHTML; } 
        else { document.getElementById('currpage').innerHTML = document.getElementById('prevpage').innerHTML; }

        //alert('here');
        document.getElementById('divscroller').style.left = '-512px';

        
        iDirection = 0;
        SetPageNo();
        
    }
    return (false);
};


function SetPageNo() {

    switch (lPageNo) {
    
    case 1:
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('class', 'fwpageno1');
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('className', 'fwpageno1');
        document.getElementById(document.getElementById('ctlbtnscrollerleft').innerHTML).style.display = 'none';
        document.getElementById(document.getElementById('ctlbtnscrollerright').innerHTML).style.display = 'block';
        break;
    case 2:
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('class', 'fwpageno2');
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('className', 'fwpageno2');
        document.getElementById(document.getElementById('ctlbtnscrollerleft').innerHTML).style.display = 'block';
        document.getElementById(document.getElementById('ctlbtnscrollerright').innerHTML).style.display = 'block';
        break;
    case 3:
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('class', 'fwpageno3');
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('className', 'fwpageno3');
        document.getElementById(document.getElementById('ctlbtnscrollerleft').innerHTML).style.display = 'block';
        document.getElementById(document.getElementById('ctlbtnscrollerright').innerHTML).style.display = 'block';
        break;
    case 4:
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('class', 'fwpageno4');
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('className', 'fwpageno4');
        document.getElementById(document.getElementById('ctlbtnscrollerleft').innerHTML).style.display = 'block';
        document.getElementById(document.getElementById('ctlbtnscrollerright').innerHTML).style.display = 'none';
        break;
    case 5:
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('class', 'fwpageno5');
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('className', 'fwpageno5');
        document.getElementById(document.getElementById('ctlbtnscrollerleft').innerHTML).style.display = 'block';
        document.getElementById(document.getElementById('ctlbtnscrollerright').innerHTML).style.display = 'block';
        break;
    case 6:
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('class', 'fwpageno6');
        document.getElementById(document.getElementById('divfwpageno').innerHTML).setAttribute('className', 'fwpageno6');
        document.getElementById(document.getElementById('ctlbtnscrollerleft').innerHTML).style.display = 'block';
        document.getElementById(document.getElementById('ctlbtnscrollerright').innerHTML).style.display = 'none';
        break;
        
    }
    document.recalc(true);
    
}