<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="demo" tagdir="/WEB-INF/tags"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<demo:title>Google-Like Theme (Calendar)</demo:title>
	<demo:scripts />
	<demo:css />
	<demo:head />
</head>
<body>

<demo:header />
<div id="dpcg">
</div>

<script type="text/javascript">
var dpc = new DayPilot.Calendar("dpcg");
dpc.backendUrl = '../dpc';
dpc.ajaxError = function(req) { new DayPilot.Modal().showHtml(req.responseText); };
dpc.theme = "calendar_g";
dpc.hourWidth = 45;

dpc.viewType = 'Week';
dpc.durationBarVisible = false;
dpc.roundedCorners = true;
dpc.eventArrangement = 'Cascade';
dpc.eventHeaderVisible = true;

dpc.initScrollPos = 9 * 40 + 1; 
dpc.heightSpec = 'BusinessHours';
dpc.height = 200;
dpc.shadow = 'Fill';
dpc.timeRangeSelectedHandling = 'CallBack';
dpc.eventMoveHandling = 'CallBack';
dpc.eventResizeHandling = 'CallBack';

dpc.init();
</script>

<demo:footer />

</body>
</html>