jQuery(document).ready(function (jQuery) {
	var reltg = null;
	jQuery("#sp-right").mouseleave(function(e) {
		if (!e) var e = window.event;
		var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
			if (reltg != null) {
				while (reltg.nodeName != 'BODY'){
					if (reltg.id == this.id){return;}
					reltg = reltg.parentNode;
				}
			}
		//e.empty();
		jQuery(this).stop().animate({right: orgrcss}, "fast"); 
		
	});
	jQuery("#sp-right").mouseenter(function() {
		jQuery(this).stop().animate({right: '-1px'}, "fast");
		e.empty();
	});
	jQuery("#sp-left").mouseleave(function(e) {
		if (!e) var e = window.event;
		var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
			if (reltg != null) {
				while (reltg.nodeName != 'BODY'){
					if (reltg.id == this.id){return;}
					reltg = reltg.parentNode;
				}
			}
		//e.empty();
		jQuery(this).stop().animate({left: orglcss}, "fast"); 
	});
	jQuery("#sp-left").mouseenter(function() {
		jQuery(this).stop().animate({left: '-1px'}, "fast");
		e.empty();
	});

    function spMove() {
        if (jQuery("#sp-left")) jQuery("body").prepend(jQuery("#sp-left"));
        if (jQuery("#sp-right")) jQuery("body").prepend(jQuery("#sp-right"));
        if (jQuery("spremoveme")) jQuery(jQuery("spremoveme")).remove();
    }
	var orgrcss = jQuery('#sp-right').css('right');
	var orglcss = jQuery('#sp-left').css('left');
	//jQuery('#sp-right').fadeTo("fast", 0.33);
	//jQuery('#sp-left').fadeTo("fast", 0.33);
	jQuery('#sp-right').data('origright', orgrcss);  //store in element data fixes bug
	jQuery('#sp-left').data('origleft', orglcss); //store in element data fixes bug
    spMove();

jQuery.fn.spResetCSS = function() {
	var styles = resetStyles(this);
	return styles;
};
	function resetStyles( element ) {
		var tagName = jQuery(element)[0].tagName.toLowerCase();

		var elements = new Array();
		var styles = new Array();

		elements[0] = [ 'html', 'body', 'div', 'span', 'applet', 'object', 'iframe',
						'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'blockquote', 'pre',
						'a', 'abbr', 'acronym', 'address', 'big', 'cite', 'code',
						'del', 'dfn', 'em', 'font', 'img', 'ins', 'kbd', 'q', 's', 'samp',
						'small', 'strike', 'strong', 'sub', 'sup', 'tt', 'var',
						'b', 'u', 'i', 'center',
						'dl', 'dt', 'dd', 'ol', 'ul', 'li',
						'fieldset', 'form', 'label', 'legend',
						'table', 'caption', 'tbody', 'tfoot', 'thead', 'tr', 'th', 'td'];

	    var s ={
			margin: '0',
			padding: '0',
			border: '0',
			outline: '0',
			fontSize: '100%',
			verticalAlign: 'baseline',
			background: 'transparent'
		};
		styles[0] = s;

		elements[1] = ['body'];
		s = {
			lineHeight: '1'
		};
		styles[1] = s;

		elements[2] = ['ol', 'ul'];
		s = {
			listStyle: 'none'
		}
		styles[2] = s;

		elements[3] = ['blockquote', 'q'];
		s = {
			quotes: 'none'
		}
		styles[3] = s;

		elements[4] = ['ins'];
		s = {
			textDecoration: 'none'
		}
		styles[4] = s;

		elements[5] = ['del'];
		s = {
			textDecoration: 'line-through'
		}
		styles[5] = s;

		elements[6] = ['table'];
		s = {
			borderCollapse: 'collapse',
			borderSpacing: '0'
		}
		styles[6] = s;

		// resetting styles
		jQuery(elements).each(function(i){
			jQuery(this).each(function(k){
				if(tagName == this){
					addStyles(element, styles[i]);
				}
			});
		});
	}

	function addStyles( element, styles ) {
	    for(key in styles){
	        jQuery(element).css(key, styles[key]);
	    }
	}	
	
	
});