var overlay_fade_time = 250;
var overlay_fade_amount = 0.8;
var overlay_background_color = "#48372b";

var main_fade_time = 250;

var overlay_id = "overlay_control";
var container_id = "rules_control";
var scroll_id = "rules_scroll_control";
var main_id = "main_control";
var footer_id = "footer_control";

function close_rules() {
	jQuery('#' + main_id).fadeTo(main_fade_time, 0, function() {
		jQuery('#' + overlay_id).fadeTo(overlay_fade_time, 0, function() {
			jQuery('#' + overlay_id).remove();  
			jQuery('#' + main_id).remove();
		});
	});
	
			
}

function show_rules() {
	if (jQuery.browser.msie && jQuery.browser.version.substr(0,1)<7) {
		return true;	
	}

	
	//lowest in order - large background
	var overlay_control = jQuery('<div id="' + overlay_id + '"></div>');
	overlay_control.css('opacity','0');
	overlay_control.css('position','fixed');
	overlay_control.css('width','100%');
	overlay_control.css('height','100%');
	overlay_control.css('top','0px');
	overlay_control.css('left','0px');
	overlay_control.css('z-index','1000');
	overlay_control.css('background-color', overlay_background_color);
	overlay_control.click(function() { close_rules(); });

	
	//main visible container
	var main_control = jQuery('<div id="' + main_id + '"></div>');
	main_control.css('opacity', '0');
	main_control.css('position', 'fixed');
	main_control.css('width', '555px');
	main_control.css('margin-left' ,'-278px');
	main_control.css('top', '60px');
	main_control.css('left', '50%');
	main_control.css('z-index', '1001');
	main_control.css('background-image', 'url(/images/site/rules-top.png)');
	main_control.css('background-repeat', 'no-repeat');
	main_control.css('background-position', 'top');
	main_control.css('padding-top', '5px');

	//rules container, inside main_control
	var rules_control = jQuery('<div id="' + container_id + '"></div>');
	rules_control.css('padding', '21px 23px 6px 20px');
	rules_control.css('background-image', 'url(/images/site/rules-bg.png)');
	
	var scroll_control = jQuery('<div id="' + scroll_id + '"></div>');
	scroll_control.css('height', '400px');
	scroll_control.css('overflow-y', 'scroll');
	
	
	var footer_control = jQuery('<div id="' + footer_id + '"></div>');
	footer_control.css('background-image', 'url(/images/site/rules-bottom.png)');
	footer_control.css('height', '26px');
	footer_control.css('padding', '9px 47px 0 0');
	footer_control.css('text-align', 'right');
	footer_control.html('<a href="javascript:close_rules()"><img src="/images/site/btnClose.gif" alt="Close" /></a>');
	
	rules_control.append(scroll_control);
	main_control.append(rules_control);
	main_control.append(footer_control);
	
	
	jQuery(scroll_control).load('/rules.php #rules_html', function() {
		//load controls into the html
		jQuery("body").append(main_control);
		jQuery("body").append(overlay_control);
		
		//begin animations
		jQuery('#' + overlay_id).fadeTo(overlay_fade_time, overlay_fade_amount, function() {
			jQuery('#' + main_id).fadeTo(main_fade_time, 1);
		});
	});
	
	return false;
}