<html>
<head>
<title>India Theatre Forum - Home</title>
<link rel="stylesheet" type="text/css" href="/static/css/index.css" />
<link rel="stylesheet" type="text/css" href="/static/css/fullcalendar.css" />
<script type="text/javascript" src="/static/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="/static/js/fullcalendar.min.js"></script>
<script type="text/javascript" src="/static/js/mockup.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="title">India Theatre Forum</div>
<div id="searchDiv">
Search: <input type="text" id="search" />
<div class="toplink dialogLink" id="advancedSearch" data-target="searchDialog">Advanced Search</div>
</div>
<div id="loginRegister">
<span class="topBtn dialogLink" id="loginButton" data-target="loginDialog">Login </span>
|
<span class="topBtn dialogLink" id="registerButton" data-target="signupDialog"> Sign up </span>
</div>
</div>
<div id="mainWrapper">
<div id="adminMessageBox">
<div id="adminMessage">
This is an important message from admin...
</div>
<div id="adminMessageBoxClose" class="closeBtn">
X
</div>
</div>
<div id="leftBar">
<div id="locationSelect">
Your Location: <br />
<select id="location">
<option value="0">Mumbai</option>
<option value="1">Delhi</option>
<option value="2">Calcutta</option>
</select>
</div>
<div id="leftTabs">
<div class="leftTab">
Performances
</div>
<div class="leftTabContent">
<ul>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
</ul>
</div>
<div class="leftTab">
Events
</div>
<div class="leftTabContent">
<ul>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
</ul>
</div>
<div class="leftTab">
Theatre Groups
</div>
<div class="leftTabContent">
<ul>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
</ul>
</div>
<div class="leftTab">
Offers
</div>
<div class="leftTabContent">
<ul>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
</ul>
</div>
<div class="leftTab">
Needs
</div>
<div class="leftTabContent">
<ul>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
</ul>
</div>
<div class="leftTab">
Venues
</div>
<div class="leftTabContent">
<ul>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
</ul>
</div>
<div class="leftTab">
People
</div>
<div class="leftTabContent">
<ul>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
</ul>
</div>
<div class="leftTab">
Recent Changes
</div>
<div class="leftTabContent">
<ul>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
</ul>
</div>
</div>
</div>
<div id="center">
<div id="centerBtns">
<div class="centerBtn tabBtn" id="calendarBtn" data-target="tabCalendar">
Calendar
</div>
<div class="centerBtn tabBtn" data-target="tabMap" onclick="setTimeout('initMap()', 1000)">
Map
</div>
<div class="centerBtn tabBtn" id="newsBtn" data-target="tabNews" data-source="/x0news">
Newsfeed
</div>
<div class="centerBtn tabBtn" data-target="tabDiscussion" data-source="/x0disc">
Discussion
</div>
<div class="centerBtn tabBtn" data-target="tabMultimedia" data-source="/x0multi">
Multimedia
</div>
<div class="centerBtn tabBtn" data-target="tabResources" data-source="/x0resources">
Resources
</div>
<div class="centerBtn tabBtn" data-target="tabeRang" data-source="/x0erang">
e-Rang
</div>
</div>
<div id="tabContainer">
<div id="tabCalendar" class="tab">
</div>
<div id="tabMap" class="tab">
<div id="map">
</div>
</div>
<div id="tabNews" class="tab">
Loading...
</div>
<div id="tabDiscussion" class="tab">
Loading...
</div>
<div id="tabMultimedia" class="tab">
Loading...
</div>
<div id="tabResources" class="tab">
Loading...
</div>
<div id="tabeRang" class="tab">
Loading...
</div>
<div id="tabProfile" class="tab">
Loading...
</div>
</div>
</div>
<div id="rightBar">
<div id="itfBox">
<h2>India Theatre Forum:</h2>
<ul id="itfList">
<li>Documentation of Meetings</li>
<li>Government Reports</li>
<li>Theatre in the Press</li>
<li>Reviews</li>
<li>Audio / Video</li>
</ul>
</div>
</div>
<!-- start footer -->
<div id="footer">
<div id="footer-nav">
<ul>
<li><span class="selected-nav"><a href="#"><span style="color: rgb(255, 255, 255); font-weight: bold; text-decoration: none;">Legal</span></a></li>
<li>|</li>
<li><a href="#"><span style="color: rgb(255, 255, 255); font-weight: bold">Privacy</span></a></li>
<li>|</li>
<li><a href="#"><span style="color: rgb(255, 255, 255); font-weight: bold">Terms</span></a></li>
</ul>
</div>
</div>
<!-- end footer -->
</div>
</div>
<!-- DIALOG BOXES START -->
<div id="loginDialog" class="dialogBox" title="Login">
Username: <input type="text" id="username" value="username" /> <br />
Password: <input type="password" id="password" /><br />
<button id="loginSubmit">Login</button>
</div>
<div id="signupDialog" class="dialogBox" title="Sign Up!">
Sign up stuff goes here
</div>
<div id="searchDialog" class="dialogBox" title="Advanced Search">
Advanced search stuff goes here.
</div>
<!-- DIALOG BOXES END -->
</body>
</html>