var step3Active = '';

function clearAll ()
{
	clearStep3();
	clearStep2();
	clearStep1();
	hideComplete(1);
	hideComplete(2);
	hideComplete(3);
}

function clearStep1 ()
{
	$$('input[name=step1]').each(function(element,index) {  
		element.checked = false;
	});		
}

function clearStep2 ()
{
	clearStep3();
	$$('input[name=step2]').each(function(element,index) {  
		element.checked = false;
	});	
	$('step2start').setStyle('display', 'block');
}

function clearStep3 ()
{
	clearAnswer();

	$$('input[name=step3-dw-designer]').each(function(element,index) {  
		element.checked = false;
	});	
	$$('input[name=step3-dw-developer]').each(function(element,index) {  
		element.checked = false;
	});	
	$$('input[name=step3-xweb-designer]').each(function(element,index) {  
		element.checked = false;
	});	
	$$('input[name=step3-xweb-ecommerce]').each(function(element,index) {  
		element.checked = false;
	});	
	$$('input[name=step3-all-solutions]').each(function(element,index) {  
		element.checked = false;
	});	
	$$('input[name=step3-all-suites]').each(function(element,index) {  
		element.checked = false;
	});		
	$$('div.step3Options').each(function(element,index) {  
		element.setStyle('display','none');
	});  

	
	if (step2Empty())
		$('step3start').setStyle('display', 'block');	
}

function clearAnswer()
{
	$('righthalf').setStyle('background-image','url(images/help-me-choose/righthalf_background.png)');
	$('righthalf').innerHTML=''; 	
}

function step1Empty()
{
	var retVal = true;
	$$('input[name=step1]').each(function(element,index) {  
		if (element.checked)
		{
			retVal = false;
			return;
		}
	});		
	return retVal;	
}

function step2Empty()
{
	var retVal = true;
	$$('input[name=step2]').each(function(element,index) {  
		if (element.checked)
		{
			retVal = false;
			return;
		}
	});		
	return retVal;
}

function step3Empty()
{
	var retVal = true;
	$$('input[name=step3-'+step3Active+']').each(function(element,index) {  
		if (element.checked)
		{
			retVal = false;
			return;
		}
	});	
			
	return retVal;
}


function step1Changed(element)
{
	clearStep2();
	clearStep3();
	switch(element.value)
	{
		case 'dw':
			$('step2_0').setStyle('display', 'block');
			$('step2_1').setStyle('display', 'block');
			$('step2_2').setStyle('display', 'none');
			$('step2_3').setStyle('display', 'block');
			$('step2_4').setStyle('display', 'block');	
			break;
		case 'xweb':
			$('step2_0').setStyle('display', 'none');		
			$('step2_1').setStyle('display', 'none');
			$('step2_2').setStyle('display', 'block');
			$('step2_3').setStyle('display', 'block');
			$('step2_4').setStyle('display', 'none');
			break;
		case 'other':
			$('step2_0').setStyle('display', 'none');
			$('step2_1').setStyle('display', 'none');
			$('step2_2').setStyle('display', 'none');
			$('step2_3').setStyle('display', 'block');
			$('step2_4').setStyle('display', 'block');
			break;
		default:
			break;
	}
	showComplete(1);
	hideComplete(2);
	hideComplete(3);
	$('step2start').setStyle('display', 'none');
	$('step2options').setStyle('display', 'block');	
}

function step2Changed(element)
{
	if (step1Empty())
	{
		element.checked = false;
		alert("Please complete Step 1.");	
		$$('input[name=step1]')[0].focus();		
		return;
	}
	
	clearStep3();
	
  if (step3Active != '')
	{
		$(step3Active).setStyle('display', 'none');
	}
	switch(element.value)
	{
		case 'designer':
			if ($$('input[name=step1]')[0].checked) // DW
				step3Active = "dw-designer";			
			else if ($$('input[name=step1]')[1].checked) // Xweb
				step3Active = "xweb-designer";
			break;		
		case 'developer':
			step3Active = "dw-developer";
			break;	
		case 'ecommerce':
			step3Active = "xweb-ecommerce";
			break;
		case 'solutions':
			step3Active = "all-solutions";
			break;
		case 'suites':
			step3Active = "all-suites";	
			var displayType = 'block';
			if (!$$('input[name=step1]')[0].checked) // if not DW, don't show extension suites
			{
				displayType = 'none';
				
			}
			$$('p.extension-suite').each(function(element,index) {  
				element.setStyle('display', displayType);
			});
			break;
		default:
			break;
	}
	$(step3Active).setStyle('display', 'block');
	showComplete(1);
	showComplete(2);
	hideComplete(3);
	$('step3start').setStyle('display', 'none');	
}

function showComplete(theStep)
{
	$$('div.stepWrapper')[theStep-1].setStyle('background', 'url(images/help-me-choose/checked_sm.png) top right no-repeat');	
}

function hideComplete(theStep)
{
	$$('div.stepWrapper')[theStep-1].setStyle('background', 'none');
}

function step3Changed(element)
{
	if (step1Empty())
	{
		alert("Please complete Step 1.");
		$$('input[name=step1]')[0].focus();
		return;
	}
	else if (step2Empty())
	{
		alert("Please complete Step 2.");
		return;		
	}
	
	if (step3Empty())
	{
	  clearAnswer();
		hideComplete(3);
		return;		
	}
	
	$theAnswer = '';
	
	$$('input[name=step3-'+step3Active+']').each(function(element,index) {  
		if (element.checked)
		{
			$theAnswer = element.value;
			return;
		}
	});			
	
	showComplete(1);
	showComplete(2);
	showComplete(3);
	
	// Get the HTML for the answer
	var req = new Request({  
            method: 'get',  
            url: 'media/help-me-choose/' + step3Active + '_' + $theAnswer + '.php', // path relative to help-me-choose.php page 
            data: {},  
            //onRequest: function() { alert('Request made. Please wait...'); },  
            onComplete: function(response) { 
							$('righthalf').setStyle('background-image','url(images/help-me-choose/righthalf_background_laststep.png)');
							$('righthalf').innerHTML=response; 
						}  
        }).send(); 
	
}	

window.addEvent('domready', function() {
	// Set state if we selected step 1 from home page
	var show1 = false;
	if (curEditor=='dw')
	{
		$$('input[name=step1]')[0].click();
		show1 = true;
	}
	else if (curEditor=='xweb')
	{
		$$('input[name=step1]')[1].click();
		show1 = true;		
	}
	else if (curEditor=='other')
	{
		$$('input[name=step1]')[2].click();
		show1 = true;		
	}

	if (show1)
	{
		showComplete(1);
	}

	hideComplete(2); // step 2
	hideComplete(3);	 // step 3

});