jQuery( 'document').ready( function() {
	
	jQuery( '#productTable a')
		.hover(
			function(e) {
				if ( this.className != '') {
					var building = jQuery( '#warehouseBuilding');
					var shade = jQuery( '#warehouseShad');
					if ( shade.length == 0)
						shade = jQuery( '<div />')
							.attr( 'id', 'warehouseShad')
							.hide()
							.appendTo( building);
					else {
						var restore = shade.data( 'restore');
						if ( restore)
							clearTimeout( restore);
					}
					shade
						.data( 'restore', false)
					
					var classes = this.className.split( /\s+/);
					for ( var c = 0; c < classes.length; c++) {
						building.addClass( classes[ c]);
						var part = jQuery( '#wh-' + classes[ c]);
						if ( part.length == 0)
							part = jQuery( '<div />')
								.attr( 'id', 'wh-' + classes[ c])
								.addClass( 'warehousePart')
								.appendTo( building);
						part.fadeIn( 'fast');
					}
					shade.fadeTo( 'fast', 0.8);
				}
			},
			function(e) {
				if ( this.className != '') {
					var building = jQuery( '#warehouseBuilding');
					var classes = this.className.split( /\s+/);
					for ( var c = 0; c < classes.length; c++) {
						jQuery( '#wh-' + classes[ c])
							.fadeOut( 'slow');
						building.removeClass( classes[ c]);
					}
					if ( building.get(0).className == '') {
						var restore = setTimeout(
							function() { 
								jQuery( '#warehouseShad')
									.fadeOut( 'fast')
									.data( 'restore', false);
							},
							1000
						);
						jQuery( '#warehouseShad')
							.data( 'restore', restore);
					}
				}
			}
		);
	
	jQuery( '<div />')
		.attr( 'id', 'bigfan')
		.appendTo( '#warehouseBuilding');
	var r = 0;
	setInterval( 
		function() {
			jQuery( '#bigfan')
				.attr( 'class', 'r' + ( r % 3).toString());
			r++;
		},
		100
	);
	
});