// Document Ready Function
jQuery(document).ready(function($) {

	var viewAllMode = false;
	
	// Load questions from questions.js	
	for (var i in questions){
		if(questions[i][0] != "" && questions[i][0] != undefined){
			$('#questionList').append('<option value="'+i+'">'+questions[i][0]+'</option>');	
		}
	}
	
	// Change handler for dropdown list of questions
	$('#questionList').change(function(){
		if(viewAllMode){
		 	viewAllMode = false;
		 	var singleQuestionHTML = '<div id="q1"><div class="qImage"></div><p class="question" id="question1"> Sample Question?</p></div><div class="clear"></div><div id="a1"><div class="aImage"></div><p class="answer"  id="answer1">Click the dropdown above to select a question or ask your own by clicking the button on the right.</p></div>';
		 	$('#displayQuestions').html(singleQuestionHTML);
		}
		var q = $("option:selected", this).text();
		var num = $("option:selected", this).val();
		$('#question1').hide().html(q).fadeIn('fast');
		$('#answer1').hide().html(questions[num][1]).fadeIn('fast');
	}).change();

	// View All click handler
	$('#viewAll').click(function(){
		viewAllMode = true;
		var allQuestionsHTML = "";
		for (var i in questions){
			if(questions[i][0] != "" && questions[i][0] != undefined && i != 0){
				allQuestionsHTML += '<div><div class="qImage"></div><p class="question">'+ questions[i][0] +'</p></div><div class="clear"></div><div><div class="aImage"></div><p class="answer">'+ questions[i][1] +'</p></div><div class="clear"></div><br><br><br>';
			}
		}
		
		$('#displayQuestions').html(allQuestionsHTML);
	});

	
	// Temporarily hide the viewAll button
	//$('#viewAll').hide();

});



/*  View all code... uncompressed... 
		for (var i in questions){
			allQuestionsHTML += '
				<div>
					<div class="qImage"></div>
					<p class="question">'+ questions[i][0] +'</p>
				</div>
			
				<div class="clear"></div>
				
				<div>
					<div class="aImage"></div>
					<p class="answer">'+ questions[i][1] +'</p>
				</div>
				
				<div class="clear"></div>
			';

*/




/*
	$('#main').prepend('<div id="askJeffLogo"></div>
	
		<ul id="askJeffNav">
			<li class="askQuestion"><a href="http://www.championfitnessusa.com/skin/frontend/CFUSA/html/askJeffForm.php" id="askQuestionLink">Ask a Question </a></li>
			<li class="viewAll" id="viewAll"><a href="#">View All</a></li>
		</ul>
	
	<div class="clear"></div>
	
	<div  id="questionContainer">
		<form action="">
			<select id="questionList">
				<!-- <option value="">Select a question...</option> -->
			</select>
		</form>
	</div>
	
	<div class="clear"></div>
	');

*/