//$.getScript("_js/hoverEffect.js");

jQuery.fn.styleSwitcher = function(){
	$(this).click(function(){
		loadStyleSheet(this);
		return false;
	});
	function loadStyleSheet(obj) {
		$('body').append('<div id="overlay" />');
		$('#overlay')
			.css({
				display: 'none',
				position: 'fixed',
				left: '0',
				zIndex: '2',
				top: '0',
				width: '100%',
				height: '100%',
				background: '#fff',
			})
			.fadeIn(500,function(){
				$.get( obj.href+'&js',function(data){
					$('#stylesheet').attr('href','../../_css/' + data + '.css');
					//alert(data);
					$("#content").removeClass("big");
					$("#content").removeClass("small");
					$("#content").removeClass("thumbs");
					$("#content").addClass(data);
					setLayout();
					cssDummy.check(function(){
						//$.getScript("_js/hoverEffect.js");
						$('#overlay').fadeOut(500,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();
}