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

document.write( "<li><div class='question-title'>1. How well did your client\'s portfolio perform?</div><textarea name='answer1566-1' id='answer1566-1'></textarea></li>\n" )
document.write( "<input type='hidden' name='question1566-1' id='question1566-1' value='649' >\n" )
document.write( "<li><div class='question-title'>2. Are there any changes you would make in your client\'s portfolio?</div><textarea name='answer2566-1' id='answer2566-1'></textarea></li>\n" )
document.write( "<input type='hidden' name='question2566-1' id='question2566-1' value='790' >\n" )
document.write( "<li><div class='question-title'>3. What are the changes you would make in your client\'s portfolio?</div><textarea name='answer3566-1' id='answer3566-1'></textarea></li>\n" )
document.write( "<input type='hidden' name='question3566-1' id='question3566-1' value='791' >\n" )
document.write( "<li><div class='question-title'>4. Why would you make these changes?</div><textarea name='answer4566-1' id='answer4566-1'></textarea></li>\n" )
document.write( "<input type='hidden' name='question4566-1' id='question4566-1' value='792' >\n" )
document.write( "<input type='hidden' name='total_questions566-1' id='total_questions566-1' value='4'>" )

document.write( "<li id='email-li-566-1'><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_name566-1' id='student_name566-1' value=''><div class='interactive-label'>Your Teacher's Name</div><input type='text' name='teacher_name566-1' id='teacher_name566-1' value=''><div class='interactive-label'>Your Teacher's Email</div><input type='text' name='teacher_email566-1' id='teacher_email566-1' 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-form566-1').submit()\"><img src='/img/view-all-ques.jpg'></a></div>");