//easySlider 1.5
$(document).ready(function(){	
	$("#interactive-tool-open-ended-231-2").easySlider({
		prevText:'Previous Question',
        prevId: 'prevBtn-231-2',	
		nextText:'Next Question',
        nextId: 'nextBtn-231-2',	
		vertical:'true',
        groupID: '231-2'
	});
    
    $(".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-231-2'>\n" );
document.write( "<form method='post' id='open-ended-form231-2' action='/js/interactive-tool-open-ended-print.php' target='OpenEndedPopup'>\n" );
document.write( "<input type='hidden' name='groupID' id='groupID' value='231-2'>\n" );
document.write( "<ul id='interactive-tool-open-ended-group-231-2'>\n" );

document.write( "<li><div class='question-title'>1. Which career choice had the highest level of salary?</div><textarea name='answer1231-2' id='answer1231-2'></textarea></li>\n" )
document.write( "<input type='hidden' name='question1231-2' id='question1231-2' value='1527' >\n" )
document.write( "<li><div class='question-title'>2. Which career choice had the highest level of education required?</div><textarea name='answer2231-2' id='answer2231-2'></textarea></li>\n" )
document.write( "<input type='hidden' name='question2231-2' id='question2231-2' value='1528' >\n" )
document.write( "<li><div class='question-title'>3. Which career choice had the lowest salary?</div><textarea name='answer3231-2' id='answer3231-2'></textarea></li>\n" )
document.write( "<input type='hidden' name='question3231-2' id='question3231-2' value='1529' >\n" )
document.write( "<li><div class='question-title'>4. Which career choice had the fewest educational requirements?</div><textarea name='answer4231-2' id='answer4231-2'></textarea></li>\n" )
document.write( "<input type='hidden' name='question4231-2' id='question4231-2' value='1530' >\n" )
document.write( "<li><div class='question-title'>5. Can you give a statement that shows how education and salary are related?</div><textarea name='answer5231-2' id='answer5231-2'></textarea></li>\n" )
document.write( "<input type='hidden' name='question5231-2' id='question5231-2' value='1531' >\n" )
document.write( "<input type='hidden' name='total_questions231-2' id='total_questions231-2' value='5'>" )

document.write( "<li id='email-li-231-2'><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_name231-2' id='student_name231-2' value=''><div class='interactive-label'>Your Teacher's Name</div><input type='text' name='teacher_name231-2' id='teacher_name231-2' value=''><div class='interactive-label'>Your Teacher's Email</div><input type='text' name='teacher_email231-2' id='teacher_email231-2' 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-form231-2').submit()\"><img src='/img/view-all-ques.jpg'></a></div>");