// AJAX
		
	function load_document(id){
		var req = new Request({
			method: 'get',
			url: '/ajax.php',
			link: 'chain',
			data: 'ajax=1&toDo=load_document&id=' + id,
			onSuccess: function(response) {
				$('google_viewer').set('html', response);
			}
		}).send();
	}
	
	function filter_step2(){
		var panel_model_id = $('panel_model').value;
		if (panel_model_id == 0) {
			$('step2').setStyle('color', '#BBBBBB');
			$('panel_type').selectedIndex = 0;
			$('panel_type').set('disabled', true);	
			$('step3').setStyle('color', '#BBBBBB');
			$('panel_phase').set('disabled', true);
			$('panel_phase').selectedIndex = 0;
			$('step4').setStyle('color', '#BBBBBB');
			$('panel_breaker').set('disabled', true);
			$('panel_breaker').selectedIndex = 0;
			$('step5').setStyle('color', '#BBBBBB');
			$('panel_voltage').set('disabled', true);
			$('panel_voltage').selectedIndex = 0;
			$('base_panel').setStyle('display', 'none');
		} else {
			//var overlay = new Overlay($(document.body));
			var request = new Request({
				url: '/ajax.php',
				link: 'chain',
				method: 'get',
				data: 'ajax=1&toDo=filter_step2&panel_model=' + $('panel_model').get('value'),
				onRequest: function() {
					//overlay.open();
					//$('album_photos').set({'html' : '<img src="<?= CMS_ROOT; ?>images/ajax-loader.gif">', 'styles' : { 'text-align' : 'center' }});
				},
				onSuccess: function(response) {
					var step2 = $('step2');
					var step2_menu = $('panel_type');
					step2_menu.set('html', '<option value="0"> -- Make a Selection -- </option>' + response);
									
					if (response != '') {
						step2.setStyle('color', '#333333');
						step2_menu.set('disabled', false);
						step2_menu.focus();
					} else {
						step2.setStyle('color', '#BBBBBB');
						step2_menu.set('disabled', true);
					}
					
					$('step3').setStyle('color', '#BBBBBB');
					$('panel_phase').set('disabled', true);
					$('panel_phase').selectedIndex = 0;
					$('step4').setStyle('color', '#BBBBBB');
					$('panel_breaker').set('disabled', true);
					$('panel_breaker').selectedIndex = 0;
					$('step5').setStyle('color', '#BBBBBB');
					$('panel_voltage').set('disabled', true);
					$('panel_voltage').selectedIndex = 0;
					$('base_panel').setStyle('display', 'none');
					//overlay.close();
				}
			}).send();
			request.xhr.onreadystatechange = request.onStateChange.bind(request);
		}
	}
	
	function filter_step3(){
		var panel_type_id = $('panel_type').value;
		if (panel_type_id == 0) {
			$('step3').setStyle('color', '#BBBBBB');
			$('panel_phase').selectedIndex = 0;
			$('panel_phase').set('disabled', true);	
			$('step4').setStyle('color', '#BBBBBB');
			$('panel_breaker').set('disabled', true);
			$('panel_breaker').selectedIndex = 0;
			$('step5').setStyle('color', '#BBBBBB');
			$('panel_voltage').set('disabled', true);
			$('panel_voltage').selectedIndex = 0;
			$('base_panel').setStyle('display', 'none');
		} else {
			var request = new Request({
				url: '/ajax.php',
				link: 'chain',
				method: 'get',
				data: 'ajax=1&toDo=filter_step3&panel_model=' + $('panel_model').get('value') + '&panel_type=' + $('panel_type').get('value'),
				onRequest: function() {
					//$('album_photos').set({'html' : '<img src="<?= CMS_ROOT; ?>images/ajax-loader.gif">', 'styles' : { 'text-align' : 'center' }});
				},
				onSuccess: function(response) {
					var step3 = $('step3');
					var step3_menu = $('panel_phase');
					step3_menu.set('html', '<option value="0"> -- Make a Selection -- </option>' + response);
									
					if (response != '') {
						step3.setStyle('color', '#333333');
						step3_menu.set('disabled', false);
						step3_menu.focus();
					} else {
						step3.setStyle('color', '#BBBBBB');
						step3_menu.set('disabled', true);
					}
					
					$('step4').setStyle('color', '#BBBBBB');
					$('panel_breaker').set('disabled', true);
					$('panel_breaker').selectedIndex = 0;
					$('step5').setStyle('color', '#BBBBBB');
					$('panel_voltage').set('disabled', true);
					$('panel_voltage').selectedIndex = 0;
					$('base_panel').setStyle('display', 'none');
				}
			}).send();
			request.xhr.onreadystatechange = request.onStateChange.bind(request);
		}
	}
	
	function filter_step4(){
		var panel_phase_id = $('panel_phase').value;
		if (panel_phase_id == 0) {
			$('step4').setStyle('color', '#BBBBBB');
			$('panel_breaker').selectedIndex = 0;
			$('panel_breaker').set('disabled', true);
			$('step5').setStyle('color', '#BBBBBB');
			$('panel_voltage').set('disabled', true);
			$('panel_voltage').selectedIndex = 0;
			$('base_panel').setStyle('display', 'none');	
		} else {
			var request = new Request({
				url: '/ajax.php',
				link: 'chain',
				method: 'get',
				data: 'ajax=1&toDo=filter_step4&panel_model=' + $('panel_model').get('value') + '&panel_type=' + $('panel_type').get('value') + '&panel_phase=' + $('panel_phase').get('value'),
				onRequest: function() {
					//$('album_photos').set({'html' : '<img src="<?= CMS_ROOT; ?>images/ajax-loader.gif">', 'styles' : { 'text-align' : 'center' }});
				},
				onSuccess: function(response) {
					var step4 = $('step4');
					var step4_menu = $('panel_breaker');
					step4_menu.set('html', '<option value="0"> -- Make a Selection -- </option>' + response);
									
					if (response != '') {
						step4.setStyle('color', '#333333');
						step4_menu.set('disabled', false);
						step4_menu.focus();
					} else {
						step4.setStyle('color', '#BBBBBB');
						step4_menu.set('disabled', true);
					}
					
					$('step5').setStyle('color', '#BBBBBB');
					$('panel_voltage').set('disabled', true);
					$('panel_voltage').selectedIndex = 0;
					$('base_panel').setStyle('display', 'none');
				}
			}).send();
			request.xhr.onreadystatechange = request.onStateChange.bind(request);
		}
	}
	
	function filter_step5(){
		var panel_breaker_id = $('panel_breaker').value;
		if (panel_breaker_id == 0) {
			$('step5').setStyle('color', '#BBBBBB');
			$('panel_voltage').selectedIndex = 0;
			$('panel_voltage').set('disabled', true);
			$('base_panel').setStyle('display', 'none');	
		} else {
			var request = new Request({
				url: '/ajax.php',
				link: 'chain',
				method: 'get',
				data: 'ajax=1&toDo=filter_step5&panel_model=' + $('panel_model').get('value') + '&panel_type=' + $('panel_type').get('value') + '&panel_phase=' + $('panel_phase').get('value') + '&panel_breaker=' + $('panel_breaker').get('value'),
				onRequest: function() {
					//$('album_photos').set({'html' : '<img src="<?= CMS_ROOT; ?>images/ajax-loader.gif">', 'styles' : { 'text-align' : 'center' }});
				},
				onSuccess: function(response) {
					var step5 = $('step5');
					var step5_menu = $('panel_voltage');
					step5_menu.set('html', '<option value="0"> -- Make a Selection -- </option>' + response);
									
					if (response != '') {
						step5.setStyle('color', '#333333');
						step5_menu.set('disabled', false);
						step5_menu.focus();
					} else {
						step5.setStyle('color', '#BBBBBB');
						step5_menu.set('disabled', true);
					}
					
					$('base_panel').setStyle('display', 'none');
				}
			}).send();
			request.xhr.onreadystatechange = request.onStateChange.bind(request);
		}
	}
	
	function show_base_panel(){
		var panel_voltage_id = $('panel_voltage').value;
		if (panel_voltage_id == 0) {
			$('base_panel').setStyle('display', 'none');
		} else {
			var request = new Request({
				url: '/ajax.php',
				link: 'chain',
				method: 'get',
				data: 'ajax=1&toDo=show_base_panel&panel_model=' + $('panel_model').get('value') + '&panel_type=' + $('panel_type').get('value') + '&panel_phase=' + $('panel_phase').get('value') + '&panel_breaker=' + $('panel_breaker').get('value') + '&panel_voltage=' + $('panel_voltage').get('value'),
				onRequest: function() {
					//$('album_photos').set({'html' : '<img src="<?= CMS_ROOT; ?>images/ajax-loader.gif">', 'styles' : { 'text-align' : 'center' }});
				},
				onSuccess: function(response) {
					$('base_panel').set('html', response);
									
					if (response != '') {
						$('base_panel').setStyle('display', 'block');
					} else {
						$('base_panel').setStyle('display', 'none');
					}
				}
			}).send();
			request.xhr.onreadystatechange = request.onStateChange.bind(request);
		}
	}
	
	function load_base_panel(base_id){
		var request = new Request({
			url: '/ajax.php',
			link: 'chain',
			method: 'get',
			data: 'ajax=1&toDo=load_base_panel&base_id=' + base_id,
			onRequest: function() {
				//$('album_photos').set({'html' : '<img src="<?= CMS_ROOT; ?>images/ajax-loader.gif">', 'styles' : { 'text-align' : 'center' }});
			},
			onSuccess: function(response) {
				$('base_panel').set('html', response);
								
				if (response != '') {
					$('base_panel').setStyle('display', 'block');
				} else {
					$('base_panel').setStyle('display', 'none');
				}
				
				$('panel_model').selectedIndex = 0;
				$('step2').setStyle('color', '#BBBBBB');
				$('panel_type').set('disabled', true);
				$('panel_type').selectedIndex = 0;
				$('step3').setStyle('color', '#BBBBBB');
				$('panel_phase').set('disabled', true);
				$('panel_phase').selectedIndex = 0;
				$('step4').setStyle('color', '#BBBBBB');
				$('panel_breaker').set('disabled', true);
				$('panel_breaker').selectedIndex = 0;
				$('step5').setStyle('color', '#BBBBBB');
				$('panel_voltage').set('disabled', true);
				$('panel_voltage').selectedIndex = 0;
			}
		}).send();
		request.xhr.onreadystatechange = request.onStateChange.bind(request);
	}
	
	function add_option(option_id){
		var overlay = new Overlay($(document.body));
		var req = new Request({
			method: 'get',
			url: '/ajax.php',
			link: 'chain',
			data: 'ajax=1&toDo=add_option&option_id=' + option_id,
			onRequest: function() {
				overlay.open();
				//$('summary_info').set({'html' : '<img src="/images/ajax-loader.gif">'});
			},
			onSuccess: function(response) {
				$('summary_info').set('html', response);
				//update_options();
				update_exclusions();
				overlay.close();
			}
		}).send();
		req.xhr.onreadystatechange = req.onStateChange.bind(req);
	}
	
	function add_amp_option(option_id, amps){
		var overlay = new Overlay($(document.body));
		var req = new Request({
			method: 'get',
			url: '/ajax.php',
			link: 'chain',
			data: 'ajax=1&toDo=add_amp_option&option_id=' + option_id + '&amps=' + amps,
			onRequest: function() {
				overlay.open();
				//$('summary_info').set({'html' : '<img src="/images/ajax-loader.gif">'});
			},
			onSuccess: function(response) {
				$('summary_info').set('html', response);
				//update_options();
				update_exclusions();
				overlay.close();
				//alert('Added!');
			}
		}).send();
		req.xhr.onreadystatechange = req.onStateChange.bind(req);
	}
	
	function remove_option(option_id){
		var overlay = new Overlay($(document.body));
		var req = new Request({
			method: 'get',
			url: '/ajax.php',
			link: 'chain',
			data: 'ajax=1&toDo=remove_option&option_id=' + option_id,
			onRequest: function() {
				overlay.open();
				//$('summary_info').set({'html' : '<img src="/images/ajax-loader.gif">'});
			},
			onSuccess: function(response) {
				$('summary_info').set('html', response);
				//update_options();
				update_exclusions();	
				overlay.close();
			}
		}).send();
		req.xhr.onreadystatechange = req.onStateChange.bind(req);
	}
	
	function remove_amp_option(option_id, amps){
		var overlay = new Overlay($(document.body));
		var req = new Request({
			method: 'get',
			url: '/ajax.php',
			link: 'chain',
			data: 'ajax=1&toDo=remove_amp_option&option_id=' + option_id + '&amps=' + amps,
			onRequest: function() {
				overlay.open();
				//$('summary_info').set({'html' : '<img src="/images/ajax-loader.gif">'});
			},
			onSuccess: function(response) {
				$('summary_info').set('html', response);
				//update_options();
				update_exclusions();	
				overlay.close();
				//alert('Removed!');
			}
		}).send();
		req.xhr.onreadystatechange = req.onStateChange.bind(req);
	}
	
	function update_options() {
		// Scan
	}
	
	function update_exclusions() {
		// Update exclusions
		var ex_req = new Request({
			method: 'get',
			url: '/ajax.php',
			link: 'chain',
			data: 'ajax=1&toDo=update_exclusions',
			onSuccess: function(response) {
				var ex_options = response.split('|');
					
				$$('.options').each(function(el) {
					var option_id = el.get('name');
					if (ex_options.contains(option_id)) {
						$('option_' + option_id).set('disabled', true);	
						$('option_div_' + option_id).setStyle('color', '#CCC');
					} else {
						$('option_' + option_id).set('disabled', false);	
						$('option_div_' + option_id).setStyle('color', '#000606');						}
				});	
			}
		}).send();
		ex_req.xhr.onreadystatechange = ex_req.onStateChange.bind(ex_req);	
	}