function scrollX() {return window.pageXOffset ? window.pageXOffset : document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft;}
function scrollY() {return window.pageYOffset ? window.pageYOffset : document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;}

jQuery.fn.styleSwitcher = function(){
	$(this).click(function(){
		loadStyleSheet(this);
		return false;
	});
	function loadStyleSheet(obj) {
		$('body').append('<div id="overlay" />');
		$('body').css({height:'100%'});
		$('#overlay')
			.css({
				display: 'none',
				position: 'absolute',
				top: scrollY(),
				left: scrollX(),
				width: '100%',
				height: '100%',
				zIndex: 1000,
				opacity: 0.4,
				background: 'black url(img/loading.gif) no-repeat center'
				
			})
			.fadeIn(100,function(){
				$.get( obj.href+'&js',function(data){
					
					$('#stylesheet').attr('href','./debug' + data + '.css');
					$('#onoff a').attr('href','./onoff.php?nf='+ (1-data));
					$('#onoff img').attr('src','./img/onoff'+ data +'.jpg');
					$('#flash object').attr('data','./img/liens'+ data +'.swf');
					$('#datepng img').attr('src','./datpng.php?flip='+ data);
					cssDummy.check(function(){
						$('#overlay').fadeOut(100,function(){
							$(this).remove();
						});	
					});
				});
			});
	}
	var cssDummy = {
		init: function(){
			$('<div id="dummy-element" style="display:none" />').appendTo('body');
		},
		check: function(callback) {
			if ($('#dummy-element').width()==2) callback();
			else setTimeout(function(){cssDummy.check(callback)}, 200);
		}
	}
	cssDummy.init();
}