/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
var slider=new Array();
slider[1]=new Object();
slider[1].min=0;
slider[1].max=100;
slider[1].val=0;
slider[1].onchange=setBoxValue;
slider[2]=new Object();
slider[2].min=0;
slider[2].max=100;
slider[2].val=0;
slider[2].onchange=setBoxValueVertical;

imgsresize = false;
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

function resize_imgs()
{
    var div=document.getElementById('collection_images');
    
    var totalwidth = 0;
    
    var imgs = div.getElementsByTagName('a');
    
    for (var i = 0; i < imgs.length; i++)
        {
            totalwidth += imgs[i].scrollWidth + 5;
        }
    if (imgs.length > 0)
        {  
            imgs[0].parentNode.style.width = totalwidth;
        }
}

function resize_points()
{
    var div=document.getElementById('boutiques');
    
    var totalheight = 0;
    
    var divs = div.getElementsByTagName('div');
    
    for (var i = 0; i < divs.length; i++)
        {
            var subdivs = divs[i].getElementsByTagName('div');
            for (var j = 0; j < subdivs.length; j++)
            {
                totalheight += subdivs[j].scrollHeight;
            }
            var subdivs = divs[i].getElementsByTagName('br');
            for (var j = 0; j < subdivs.length; j++)
            {
                totalheight += subdivs[j].scrollHeight;
            }
        }
    if (divs.length > 0)
        {  
            divs[0].parentNode.style.height = totalheight;
        }
}

function setBoxValueVertical(val, box) {
    resize_points();
    var div=document.getElementById('boutiques');
    pos = parseInt("" + ((div.scrollHeight - parseInt(div.parentNode.style.height) * div.parentNode.parentNode.scrollHeight / 100.0) * val / 100.0), 10);
    
    div.style.top = "-" + pos + "px";
}

function setBoxValue(val, box) {
    resize_imgs();

    var div=document.getElementById('collection_images');
    pos = parseInt("" + ((div.scrollWidth - parseInt(div.parentNode.style.width) * div.parentNode.parentNode.scrollWidth / 100) * val / 100), 10);    
    
    div.style.left = "-" + pos + "px";
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */