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

document.write( "<li><div class='question-title'>1. Pick one category (capital, human, or natural) and compare the North to the South. Take notes on your own paper then write two to three paragraphs. You will type it in the space provided. Include in your first paragraph a definition of the category you are writing about. Compare at least three items within that category.</div><textarea name='answer1729-2' id='answer1729-2'></textarea></li>\n" )
document.write( "<input type='hidden' name='question1729-2' id='question1729-2' value='819' >\n" )
document.write( "<li><div class='question-title'>2. Which category (capital, human, or natural) do you think was most important in allowing the North to win the war? Explain why.</div><textarea name='answer2729-2' id='answer2729-2'></textarea></li>\n" )
document.write( "<input type='hidden' name='question2729-2' id='question2729-2' value='820' >\n" )
document.write( "<input type='hidden' name='total_questions729-2' id='total_questions729-2' value='2'>" )

document.write( "<li id='email-li-729-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_name729-2' id='student_name729-2' value=''><div class='interactive-label'>Your Teacher's Name</div><input type='text' name='teacher_name729-2' id='teacher_name729-2' value=''><div class='interactive-label'>Your Teacher's Email</div><input type='text' name='teacher_email729-2' id='teacher_email729-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-form729-2').submit()\"><img src='/img/view-all-ques.jpg'></a></div>");