/********************************************************************************
*********************************************************************************/
function MesoManage(page)
{
    if($chk($('sectionId')))
        var sectionId = '&sectionId='+$('sectionId').value;

    var params = centerParms('950','630') + ",width=950,height=630,status=no,resizable=yes,scrollbar=yes";
    var url = 'index.php?module=editgallery&page='+ page + sectionId;  
    window.open(url,'_editgallery',params);

}
/********************************************************************************
*********************************************************************************/
function MesoSlideInit(gallery)
{
    var item;
    var max = Number($('maxItem').value);

    //Set gallery width based on max items
    var w = Number($('widthoffset').value) * max;
    $(gallery).setStyle('width',w+'px');
    
    for(var i=1; i <= max; i++)
    {
        item = $('mesoimg_'+i);
        if($chk(item))
            item.fade($('fadealpha').value); 
    }

    $('curItem').value = 1;
    $('mesoimg_1').fade(1);

    CaptionHandler($('mesocaption_1'));

}
/********************************************************************************
*********************************************************************************/
function ChangeImage(action,gallery)
{ 
    var item;
    var w; 
    var pad = 10;
    var offset = Number($('widthoffset').value);

    var curx = $('curx').value;
    //var i = curx.indexOf("px");
    //var val = curx.substr(0,i);

    var itemNum = Number($('curItem').value);
    var max = $('maxItem').value;

    if(action == 'next' && itemNum == max)
    {
        val = 0;
        $('curItem').value = 1;
    }
    else if(action == 'next')
    {
        $('curItem').value = Number(itemNum + 1);
        item = 'mesoimg_'+$('curItem').value;
        w = Number($(item).getProperty('width')) + pad;

        val = (Number(curx) - offset); 
    }
    else if(action == 'previous' && itemNum == 1)
    {
        $('curItem').value = $('maxItem').value;
        val = (((Number(max)-1) * offset) * -1); 

    }
    else if(action == 'previous')
    {
        $('curItem').value = Number(itemNum - 1);

        item = 'mesoimg_'+$('curItem').value;
        w = Number($(item).getProperty('width')) + pad;


        val = (Number(curx) + offset); 
    }

    $('mesoimg_'+itemNum).fade($('fadealpha').value);
    
    var newitemNum = $('curItem').value;

    $('curx').value = val;
    
    $(gallery).tween('left',[curx, val]);
    $('mesoimg_'+newitemNum).fade(1);

    CaptionHandler($('mesocaption_'+newitemNum));

}

function CaptionHandler(cap)
{
    $('meso_caption').fade('out').empty();
    if($chk(cap.value))
    {
        var caption = cap.value;
        $('meso_caption').empty().appendText(caption);
        $('meso_caption').fade(0.8);
    }
}