var BrowserItems;
var ArtThumbs;
var priceBand;
var toolTip;
var ArtThumbsBox;
window.addEvent( 'domready', function() {
	BrowserItems = $$('#BrowserList LI.BrowserItem');

	BrowserItems.each( function( el ) {
		el.addEvent( 'mouseenter', function() {
			BrowserItems.getChildren( 'img.BrowserMainPic' ).each( function( el2 ) {
				el2.setStyle( 'display', 'none' );
			});
			el.getChildren( 'img.BrowserMainPic' ).each( function( el3 ) {
				el3.setStyle( 'display', 'block' );
			});
			BrowserItems.each( function( el4 ) {
				el4.setStyle( 'background-color', '#e2d7b0' );
			});
			el.setStyle( 'background-color', '#decca0' );
		});
	});

	var ArtistBio = $('ArtistBio');
	if( ArtistBio ) {
		var BioToggle = 0;
		ArtistBio.addEvent( 'mouseup', function() {
			if( BioToggle ) {
				BioToggle = 0;
				this.setStyle( 'height', '150px' );
			}
			else {
				BioToggle = 1;
				this.setStyle( 'height', 'auto' );
			}
		});
	}

	ArtThumbs = $$('IMG.ArtThumb');
	ArtThumbBox = $('ArtThumbFloat');
	ArtThumbs.each( function( el ) {
		el.addEvent( 'mouseenter', function() {
//			ArtThumbBox.setStyle( 'display', 'block' );
//		    ArtThumbBox.setStyle( 'top', 0 ); /* this.getCoordinates().top - 400 */
//			ArtThumbBox.setStyle( 'display', 'none' );
			ArtThumbBox.grab( new Element( 'img', { src: this.getProperty( 'src' ).substr( 0, this.getProperty( 'src' ).length - 12 ) + '150&maxh=150' } ) );
			ArtThumbBox.grab( new Element( 'p', { html: this.getProperty( 'title' ) } ) );
			ArtThumbBox.setStyle( 'display', 'block' );
			ArtThumbBox.setStyle( 'top', '0' );
			ArtThumbBox.setStyle( 'height', '200' );
			ArtThumbBox.setStyle( 'overflow', 'hidden' );
			ArtThumbBox.setStyle( 'left', this.getPosition().x - 35 );
//			ArtThumbBox.setStyle( 'height', 'auto' );
			ArtThumbBox.setStyle( 'top', this.getCoordinates().top - 211 );
//			ArtThumbBox.setStyle( 'top', this.getCoordinates().top - ArtThumbBox.getCoordinates().height - 1 );
		});
		el.addEvent( 'mouseleave', function() {
			ArtThumbBox.setStyle( 'display', 'none' );
			ArtThumbBox.empty();
		});
	});
	
	


});


		window.addEvent('domready', function(){
			
			//store titles and text
	$$('.Tips4').each(function(element,index) {
		var content = element.get('title').split('::');
		element.store('tip:title', content[0]);
		element.store('tip:text', content[1]);
	});
			
			/* Tips 4 */
			var Tips4 = new Tips($$('.Tips4'), {
				className: 'custom'
			});
		});