jQuery.fn.isChildOf = function(b){
	return (this.parents(b).length > 0);
};
$(document).ready(function(){
	$('div.s1 a.rig-select').each(
		function( intIndex ){
			$(this).click(
				function () {
					$(this).toggleClass('rig-select-checked');
					var aid = $(this).attr('id');
					if($(this).hasClass('rig-select-checked')) {
						var $hdr = $('h4.' + $(this).attr('id') + '');
						$("div.s1").append('<input type="hidden" name="rig" value="' + $(this).attr('id') + '" id="chose-s1-' + $(this).attr('id') + '" class="selections" />');
						$('h2.cfg-rig-head em').text('('+$hdr.text()+')');
						$('div.s1 a').not($(this)).removeClass('rig-select-checked');
						$('#config-rig-form div.s1 input.selections').not('div.s1 #chose-s1-'+$(this).attr('id')).remove();
					} else {
						$(this).html('Select');
						$('div.s1 input#chose-s1-' + $(this).attr('id')).remove();
						$('h2.cfg-rig-head em').remove();
					}
				}
			);
		}
	);
	$('div.s2 a.rig-select').each(
		function( intIndex ){
			$(this).click(
				function () {
					$(this).toggleClass('rig-select-checked');
					var aid = $(this).attr('id');
					if($(this).hasClass('rig-select-checked')) {
						$("div.s2").append('<input type="hidden" name="interfaces[]" value="' + $(this).attr('id') + '" id="chose-s2-' + $(this).attr('id') + '" class="selections" />');
					} else {
						$('div.s2 input#chose-s2-' + $(this).attr('id')).remove();
					}
				}
			);
		}
	);
	$('div.s3 a.rig-select').each(
		function( intIndex ){
			$(this).click(
				function () {
					$(this).toggleClass('rig-select-checked');
					var aid = $(this).attr('id');
					if($(this).hasClass('rig-select-checked')) {
						$("div.s3").append('<input type="hidden" name="mirrors[]" value="' + $(this).attr('id') + '" id="chose-s3-' + $(this).attr('id') + '" class="selections" />');
					} else {
						$('div.s3 input#chose-s3-' + $(this).attr('id')).remove();
					}
				}
			);
		}
	);
	$('div.s4 a.rig-select').each(
		function( intIndex ){
			$(this).click(
				function () {
					$(this).toggleClass('rig-select-checked');
					var aid = $(this).attr('id');
					if($(this).hasClass('rig-select-checked')) {
						$("div.s4").append('<input type="hidden" name="accessories[]" value="' + $(this).attr('id') + '" id="chose-s4-' + $(this).attr('id') + '" class="selections" />');
					} else {
						$('div.s4 input#chose-s4-' + $(this).attr('id')).remove();
					}
				}
			);
		}
	);
	$('div.s5 a.rig-select').each(
		function( intIndex ){
			$(this).click(
				function () {
					$(this).toggleClass('rig-select-checked');
					var aid = $(this).attr('id');
					if($(this).hasClass('rig-select-checked')) {
						$("div.s5").append('<input type="hidden" name="cables[]" value="' + $(this).attr('id') + '" id="chose-s5-' + $(this).attr('id') + '" class="selections" />');
					} else {
						$('div.s5 input#chose-s5-' + $(this).attr('id')).remove();
					}
				}
			);
		}
	);
	$('div.s6 a.rig-select').each(
		function( intIndex ){
			$(this).click(
				function () {
					$(this).toggleClass('rig-select-checked');
					var aid = $(this).attr('id');
					if($(this).hasClass('rig-select-checked'))
					{
						
						var $hdr = $('h4.' + $(this).attr('id') + '');
						$("div.s4").append('<input type="hidden" name="container" value="' + $(this).attr('id') + '" id="chose-s6-' + $(this).attr('id') + '" class="selections" />');
						$('h2.cfg-shipping-head em').text('('+$hdr.text()+')');
						$('div.s6 a').not($(this)).removeClass('rig-select-checked');
						$('#config-rig-form div.s6 input.selections').not('#chose-s6-'+$(this).attr('id')).remove();
						
					} else {
						$(this).html('Select');
						$('div.s6 input#chose-s6-' + $(this).attr('id')).remove();
						$('h2.cfg-shipping-head em').text('');
						
					}
				}
			);
		}
	);
	var container = $('#main-column');
	$('#config-rig-form').submit(function()
	{		
		doAjax("configuration.php", $(this).serializeArray());
		return false;
	});
	function doAjax(url, formdata){
		$.ajax({
			url: url,
			data: formdata,
			timeout: 5000,
			dataType: 'html',
			success: function(data){
				$('#main-column').html(data);
			},
			error: function(XMLHttpRequest, textStatus, error){
          		alert(textStatus);
         		var errormsg = 'There was a communication error: '+textStatus;
          		$('#main-column').html(errormsg);
        	},
			beforeSend: function(data){
				$('#main-column').html('<h2>Retrieving Configuration...</h2>');
			},
			type: 'POST'
		});
	}
});