<!--

Initialise.addEvent(function() {
    
    directOrderLinks = $$('a.directOrderLink');
    if (directOrderLinks && directOrderLinks.length > 0) {
        directOrderLinks.each( function (item) {
            item.show();
        });
    }
    
    thumbnails = $$("img.thumbnail");

    if (thumbnails && thumbnails.length > 0) {
        thumbnails.each( function (item) {
            item.observe("mouseover",THPreview.show,false);
            item.observe("mouseout",THPreview.hide,false);
        });
    }

    var TDiv = new Element("div", {
        "id" : "thumbTarget",
        "class" : "artimage-preview",
        "style" : "display: none; position:absolute; top:0px: left:0px;"
    });

    $("page").insert(TDiv);
    
    // register the first image of grpImages
    Artgrprow.registerFirstImage();

    // get all links to change first image of group overview
    $$("a.grpname").each( function (item) {
        item.observe("mouseover",Artgrprow.showImage,false);
        item.observe("mouseout",Artgrprow.hideImage,false);
    });
    
    

});

/*
 *
 *
 */

var Artgrprow = {

    firstImage : false,
    currentImage : false,

    showImage : function() {

    if (Artgrprow.firstImage && this.getAttribute("name")) {
        nImageId = this.getAttribute("name").replace(/GrpImage-/,"grpimg-");
        nextImage = $(nImageId);

        if (Artgrprow.firstImage.id != nextImage.id) {
            Artgrprow.firstImage.hide();
            Artgrprow.currentImage = nextImage.show();
        }
    }
},

    hideImage : function() {
        if (Artgrprow.firstImage && Artgrprow.currentImage) {
            Artgrprow.firstImage.show();
            Artgrprow.currentImage.hide();
        }
    },

    registerFirstImage: function() {
        list = $$("img.GrpImage");
        if( list.length > 0 && list[0] ) {
            Artgrprow.firstImage = list[0];
        }
    },

    registerImages : function() {
        $$("img.GrpImage").each( function (item) {
            i++;
            if (i==1) {
                Artgrprow.firstImage = item.id;
            }
        });
    }

};

var THPreview = {

	id : null,
	image : null,
	target : null,
	container : null,

	show : function () {
	
		if (THPreview.id != this.id) {
            
			THPreview.target = $('thumbTarget');

			// Move old image into it's container.
			if ( ! THPreview.target.empty() )
			{
				THPreview.container.update(
					THPreview.target.down('img')
				);
			}

			// "this" is our image which triggerd the event.
			THPreview.image = this;

			THPreview.container = $('thumb'+this.name);

			// Here we take care for the preview section.
			THPreview.id = this.name;
			THPreview.target.update(
				THPreview.container.down('img')
			);
		}

		document.observe('mousemove',
			THPreview.position,
			false
		);

		THPreview.target.show();
	},

    hide : function () {
    
		THPreview.target.hide();

		document.stopObserving('mousemove',
			THPreview.position,
			false
		);
	},

	position : function (event) {
		THPreview.target.setStyle({
			top : event.pointerY()-220+'px',
			left : event.pointerX()+25+'px'
		});
	}
}

-->