//easySlider 1.5
$(document).ready(function(){	
	$("#interactive-tool-open-ended-368-4").easySlider({
		prevText:'Previous Question',
        prevId: 'prevBtn-368-4',	
		nextText:'Next Question',
        nextId: 'nextBtn-368-4',	
		vertical:'true',
        groupID: '368-4'
	});
    
    $(".interactive-tool-open-ended ul li").each(function(listItem) {
        if( $(this).children('textarea').height() != null )
        {
            //alert( $(this).children('div').outerHeight() + " " + $(this).children('div').css( 'padding-top' ) + " " + $(this).children('div').css( 'padding-bottom' ) );
            $(this).children('textarea').css( 'height', $(this).height() - $(this).children('div').outerHeight() );
        }
    });
    
    $(".lesson-detail ul").css( 'margin', '0' );

    
});

document.write( "<div class='interactive-tool'>\n" );
document.write( "<div class='interactive-tool-open-ended' id='interactive-tool-open-ended-368-4'>\n" );
document.write( "<form method='post' id='open-ended-form368-4' action='/js/interactive-tool-open-ended-print.php' target='OpenEndedPopup'>\n" );
document.write( "<input type='hidden' name='groupID' id='groupID' value='368-4'>\n" );
document.write( "<ul id='interactive-tool-open-ended-group-368-4'>\n" );

document.write( "<li><div class='question-title'>1. Analyze the data in the chart. What statement can you make about education and the average yearly salary?</div><textarea name='answer1368-4' id='answer1368-4'></textarea></li>\n" )
document.write( "<input type='hidden' name='question1368-4' id='question1368-4' value='466' >\n" )
document.write( "<li><div class='question-title'>2. Based on the sites about careers, what statement can you make about training and salary?</div><textarea name='answer2368-4' id='answer2368-4'></textarea></li>\n" )
document.write( "<input type='hidden' name='question2368-4' id='question2368-4' value='467' >\n" )
document.write( "<li><div class='question-title'>3. Based on the data you have studied in this lesson, predict what you need to do right now for your future.</div><textarea name='answer3368-4' id='answer3368-4'></textarea></li>\n" )
document.write( "<input type='hidden' name='question3368-4' id='question3368-4' value='468' >\n" )
document.write( "<li><div class='question-title'>4. What do you need to do in the next few years?</div><textarea name='answer4368-4' id='answer4368-4'></textarea></li>\n" )
document.write( "<input type='hidden' name='question4368-4' id='question4368-4' value='469' >\n" )
document.write( "<li><div class='question-title'>5. What do you need to do when you are an adult?</div><textarea name='answer5368-4' id='answer5368-4'></textarea></li>\n" )
document.write( "<input type='hidden' name='question5368-4' id='question5368-4' value='470' >\n" )
document.write( "<input type='hidden' name='total_questions368-4' id='total_questions368-4' value='5'>" )

document.write( "<li id='email-li-368-4'><div class='email-open-ended'><h2>Email Results</h2><p>Fill in the blanks with your and your teacher's information. Then click the submit button to email your answers.</p><div class='interactive-label'>Your Name</div><input type='text' name='student_name368-4' id='student_name368-4' value=''><div class='interactive-label'>Your Teacher's Name</div><input type='text' name='teacher_name368-4' id='teacher_name368-4' value=''><div class='interactive-label'>Your Teacher's Email</div><input type='text' name='teacher_email368-4' id='teacher_email368-4' value=''></div></li>\n" );

document.write( "</ul>\n" );
document.write( "</form>\n" );
document.write( "</div>\n" );
document.write( "</div>\n" );
document.write( "</t/t>\n" );
document.write("<div style='background-color: #ffffff;'><a style='cursor: pointer;' target='_blank' onclick=\"document.getElementById('open-ended-form368-4').submit()\"><img src='/img/view-all-ques.jpg'></a></div>");