<!--#include virtual="/config/lib.jsp"-->
<%
Open_DB
Open_RS

inc=request("inc")
if inc = "" then
	inc = 1
end if

%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>::e-future - PYP Readers ::</title>
<link rel="SHORTCUT ICON" href="http://www.e-future.co.kr/logo.ico">
<link rel="stylesheet" type="text/css" href="/common/css/default.css" />
<link rel="stylesheet" type="text/css" href="/common/css/vs.css" />
<!--#include virtual="/include/script.jsp"-->
</head>

<body>

<div id="header"><!-- #include virtual="/include/header.jsp" --></div>

<div id="bodyArea">
  <div class="leftArea">
		<div class="sTitle">View Samples</div>
		<div class="sContent">
		  <div class="sampleBtn">
              <p class="tit">Book Samples</p>
		    Click to view a collection of samples from the books and teacher's resource books. <img src="/img/vs/btn_viewsample.gif" alt="view samples" rel="#mies1" /></div>
		</div>
		<div class="vsContact">
			<p class="tit">Contact Us</p>
			For more information on contents, ordering or to request an inspection copy, please <a href="/ci/"><span class="colorBlue">contact us</span></a>.		</div>

	</div>
	<div class="rightArea"><!-- #include virtual="/include/main_right.jsp" --></div>
</div>

<div id="footer"><!-- #include virtual="/include/footer.jsp" --></div>
<div id="footer02"><a href="http://www.efuture-elt.com" target="_blank"><img src="/img/common/footer_logo.gif" alt="e-future" /></a></div>

<div class="viewSamples" id="mies1">
<iframe id="point_list" border="0" frameborder="0" src="/vs/viewsample.jsp" scrolling="no" style="width:910px;height:541px;"></iframe></div>

<script type="text/javascript">
	var $top;
	var $left;
	
	function CenterPosition() {
		var $win = $(window);
		var $div = $('.viewSamples');

		$top = parseInt($win.height() / 2) - parseInt($div.height() / 2);
		$left = parseInt($win.width() / 2) - parseInt($div.width() /2);
	}
	var overlay;
	function Overlay() {
		overlay = $("img[rel]").overlay({
			top: $top,
			left: $left,
			mask: {
				color: '#fff',
				loadSpeed: 200,
				opacity: 0.3
			},
			closeOnClick: false
		});	
	}
	
	function ModalClose() {
		$('.viewSamples').hide();
		overlay.eq(0).overlay().close(); 
	}
	
	$(document).ready(function() {
		CenterPosition();
		Overlay();
	});
</script>

</body>
</html>

<%
Close_RS
Close_DB
%>