// JavaScript Document
animatedcollapse.addDiv('step2', 'fade=2,height=auto')
animatedcollapse.init()

$().ready(function() {
		// HIDE ALL FORM STEPS AND BUTTONS
		function hideFormElements() {
			$('#step1').hide();
			$('#nextBtn').hide();
			$('#step2').hide();
			$('#nextBtn2').hide();
			$('#step3').hide();
		}
		// SHOW NEXT BUTTON ON STEP 1
		$('#genre input').click(function() {
			$('#nextBtn').fadeIn('1');		
		});
		// SHOW STEP 2
		$('#next1').click(function() {
			if (!$('input[name=quest8]:checked').val())
			{
				alert('Please select status of your manuscript.');	
			}
			else
			{
				hideFormElements();
				if ($('input[name=quest2]:checked').val())
				{
					$('#nextBtn2').show();			
				}
				$('#step2').fadeIn('1');		
			}	
			return false;
		});
		// SHOW NEXT BUTTON ON STEP 2 
		$('#mode input').click(function() {
			$('#nextBtn2').fadeIn('1');		
		});
		// SHOW STEP 3
		$('#next2').click(function() {
			if (!$('input[name=quest5]:checked').val())
			{
				alert('Please select your age.');	
			}
			else if (!$('input[name=quest3]:checked').val())
			{
				alert('Please select best time to contact you.');	
			}
			else
			{
				hideFormElements();
				$('#step3').fadeIn('1');		
			}	
						
		});
		// GO BACK TO STEP 1
		$('#back2').click(function() {
			hideFormElements();
			$('#nextBtn').show();	
			$('#step1').show();
		});
		// GO BACK TO STEP 2
		$('#back3').click(function() {
			hideFormElements();
			$('#nextBtn2').show();	
			$('#step2').show();
		});
});

sfFocus = function() {
	var sfEls = document.getElementsByTagName("INPUT");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onfocus=function() {
			this.className+=" sffocus";
		}
		sfEls[i].onblur=function() {
			this.className=this.className.replace(new RegExp(" sffocus\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfFocus);

// collapse questions 
if (document.getElementById("questions"))
{
	var divs = document.getElementById("questions").getElementsByTagName("div");
	var divsLength = divs.length;
	
	for (i = 0; i < divsLength; i++) 
	{
		animatedcollapse.addDiv(divs[i].id, 'fade=1,height=auto,group=questions')
		animatedcollapse.init()
	}
}

// collapse program on pageload
function showProgram(questions) {
	if (questions.length)
	{
		animatedcollapse.toggle(questions);
	}
}