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

document.write( "<li><div class='question-title'>1. Why is there a controversy surrounding wetlands?</div><textarea name='answer1308-1' id='answer1308-1'></textarea></li>\n" )
document.write( "<input type='hidden' name='question1308-1' id='question1308-1' value='738' >\n" )
document.write( "<li><div class='question-title'>2. What choices concerning the wetlands did you make?</div><textarea name='answer2308-1' id='answer2308-1'></textarea></li>\n" )
document.write( "<input type='hidden' name='question2308-1' id='question2308-1' value='739' >\n" )
document.write( "<li><div class='question-title'>3. What information did you need to make those choices?</div><textarea name='answer3308-1' id='answer3308-1'></textarea></li>\n" )
document.write( "<input type='hidden' name='question3308-1' id='question3308-1' value='740' >\n" )
document.write( "<li><div class='question-title'>4. What trade-offs did you make?</div><textarea name='answer4308-1' id='answer4308-1'></textarea></li>\n" )
document.write( "<input type='hidden' name='question4308-1' id='question4308-1' value='741' >\n" )
document.write( "<li><div class='question-title'>5. Describe the cost/benefit analysis of restoring wetlands versus draining them.</div><textarea name='answer5308-1' id='answer5308-1'></textarea></li>\n" )
document.write( "<input type='hidden' name='question5308-1' id='question5308-1' value='742' >\n" )
document.write( "<input type='hidden' name='total_questions308-1' id='total_questions308-1' value='5'>" )

document.write( "<li id='email-li-308-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_name308-1' id='student_name308-1' value=''><div class='interactive-label'>Your Teacher's Name</div><input type='text' name='teacher_name308-1' id='teacher_name308-1' value=''><div class='interactive-label'>Your Teacher's Email</div><input type='text' name='teacher_email308-1' id='teacher_email308-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-form308-1').submit()\"><img src='/img/view-all-ques.jpg'></a></div>");