var FXGallery = {};
YAHOO.util.Event.onDOMReady(function() {
     FXGallery= new YAHOO.widget.Dialog("FXGallery", {
        constraintoviewport: true,
        fixedcenter: true,
        modal: true,
        width: "auto",
        height: "auto",
        visible: false,
        zIndex: 1
    });
    FXGallery.setHeader("Galerie imagini");
    FXGallery.setBody('');
    FXGallery.render( document.getElementsByTagName('body')[0]);
    FXGallery.loadImages = function(images) {
        var bd = '<table><tr><td id="FXGallery_Image_Previews" width="230" valign="top">';
        for (i=0;i<images.length;i++) {
            bd = bd+'<a onclick="FXGallery.selectImage('+i+');" href="#"><img src="image_resize.php?width=100&height=100&image=media/product/files/images/image/'+images[i]+'.jpg" /></a>';
        }
        bd+='</td><td  valign="top">';
        
        bd+= '<img src="media/product/files/images/image/6x4_'+images[0]+'.jpg" id="FXGallery_Image" />';
        bd+='<table align="center"><tr><td><a onclick="FXGallery.prevImage();" href="#prev"><img src="skins/FxWeb/images/slide_prev.png" /></a></td>';
        bd+='<td width="76" align="center" style="background-image:url(skins/FxWeb/images/slide_number.png);background-repeat: no-repeat;"><span id="FXGallery_Image_Number"></span></td>';
        bd+='<td><a onclick="FXGallery.nextImage();" href="#next"><img src="skins/FxWeb/images/slide_next.png" /></a></td></tr></table>';

        bd+='</td></tr></table>';
        /*for (i=0;i<images.length;i++) {
            bd = bd+'<img src="media/product/files/images/image/'+images[i]+'.jpg" />';
        }*/
        this._slide_index = 0;
        this._slide_images = images;
        this.setBody(bd);
        this.center();
        document.getElementById('FXGallery_Image_Number').innerHTML = this._slide_index+1;
    };
    FXGallery.nextImage = function() {
        if (this._slide_index<this._slide_images.length-1) {
            this._slide_index++;
            document.getElementById('FXGallery_Image').src = 'media/product/files/images/image/6x4_'+this._slide_images[this._slide_index]+'.jpg';
            document.getElementById('FXGallery_Image_Number').innerHTML = this._slide_index+1;
        }
    };
    FXGallery.prevImage = function() {
        if (this._slide_index>0) {
            this._slide_index--;
            document.getElementById('FXGallery_Image').src = 'media/product/files/images/image/6x4_'+this._slide_images[this._slide_index]+'.jpg';
            document.getElementById('FXGallery_Image_Number').innerHTML = this._slide_index+1;
        }
    };
    FXGallery.selectImage = function(id) {
        if (id<this._slide_images.length) {
            this._slide_index = id;
            document.getElementById('FXGallery_Image').src = 'media/product/files/images/image/6x4_'+this._slide_images[this._slide_index]+'.jpg';
            document.getElementById('FXGallery_Image_Number').innerHTML = this._slide_index+1;
        }
    };
});