//
//	Additional methods for Element added by SU, Couloir
//	- further additions by Lokesh Dhakar (huddletogether.com)
//
Object.extend(Element, {
    getWidth: function(element) {
        element = $(element);
        return element.offsetWidth;
    },
    setWidth: function(element, w) {
        element = $(element);
        element.style.width = w + "px";
    },
    setHeight: function(element, h) {
        element = $(element);
        element.style.height = h + "px";
    },
    setTop: function(element, t) {
        element = $(element);
        element.style.top = t + "px";
    },
    setSrc: function(element, src) {
        element = $(element);
        element.src = src;
    },
    setHref: function(element, href) {
        element = $(element);
        element.href = href;
    },
    setInnerHTML: function(element, content) {
        element = $(element);
        element.innerHTML = content;
    }
});

function changeImage(imgCategory, imgNumber) {
    Element.show("loading");
    new Effect.Fade('divImgTitle', { duration: 0.5 });
    new Effect.Fade('divImg', { duration: 0.5, afterFinish: function() { preloadImage(imgCategory, imgNumber) } });    
}

function preloadImage(imgCategory, imgNumber) {
    imgPreloader2 = new Image();
    imgPreloader = new Image();

    var imgSrc2 = 'common/image/' + imgCategory + '/' + imgNumber + '_t.jpg';
    var imgSrc = 'common/image/' + imgCategory + '/' + imgNumber + '.jpg';
    
    // once image is preloaded, resize image container    
    imgPreloader2.onload = function() {
        Element.setSrc('mainImgTitle', imgSrc2);
        //Element.hide('loading');
        new Effect.Appear('divImgTitle', { duration: 0.5, queue: 'end' });
    }
    imgPreloader.onload = function() {
        Element.setSrc('mainImg', imgSrc);
        Element.hide('loading');
        new Effect.Appear('divImg', { duration: 0.5, queue: 'end' });
    }

    imgPreloader2.src = imgSrc2;
    imgPreloader.src = imgSrc;
}