window.addEvent('domready', function() { 
	if($chk($('slide_panel'))){
			
			
			var slide_panel;
			slide_panel = $('slide_panel');
			
	
			var slided;
			slided = false;
	
			slide_in  = new Fx.Morph(slide_panel, {duration: '750', link: 'cancel', transition: 'expo:out'});
			slide_out = new Fx.Morph(slide_panel, {duration: '750', link: 'cancel', transition: 'expo:out'});
	
			slide_panel.addEvents({
				'mouseenter': function(){
					if(!slided){	
						slide_in.start({
							'left': 595					
						});					
						slided = true;
					}
	
				},
				'mouseleave': function(){
					slide_in.start({
						'left': 925					
					});
					slided = false;
				}
			});

	}
	
	
	var dwProtector = new Class({

	//implements
	Implements: [Options],

	//options
	options: {
		image: 'blank.gif',
		elements: $$('img.slide_img'),
		zIndex: 2
	},

	//initialization
	initialize: function(options) {
		//set options
		this.setOptions(options);

		//make it happen
		this.protect();
	},

	//a method that does whatever you want
	protect: function() {
		//for each image that needs be protected...
		this.options.elements.each(function(el) {
			//get the element's position, width, and height
			var size = el.getCoordinates();
			//create the protector
			var p = new Element('img', {
				src: this.options.image,
				width: size.width,
				height: size.height,
				styles: {
					'z-index': this.options.zIndex,
					'left': size.left + 'px',
					'top': size.top + 'px',
					'position': 'absolute'
				}
			}).inject($(document.body),'top');
		},this);

		}
	});
	
	/*
	var protector = new dwProtector({
		image: '/img/blank.gif',
		elements: $$('img.slide_img')
	});
	*/

	
	

});