<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Freshometer - a Movie Search using Jaggery.js</title>
    <link href="style.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.noisy.min.js"></script>


    
<script type="text/javascript">


function loadXMLDoc(titletxt)
{

 if (titletxt==""){
     document.getElementById("myDiv").innerHTML = "<h2>Ha! tried a blank search didn't you? try again</h2>";  
     exit(0);
 }
document.getElementById("myDiv").innerHTML = "<p align='center' style='margin-top:20px'><img src='images/loading.gif' width='50px' height='50px' /></p>";    
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
       document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
    
xmlhttp.open("GET","serverreq.jag?q="+titletxt,true);
xmlhttp.send();
}   

    </script>
</head>
<body>
    <div class="logo"><img src="images/logo.png" alt=""  /></div>

    <form action="javascript:loadXMLDoc(document.searchbar.searchtxt.value);" id="searchbar" name="searchbar"> <ul>
        <li><input type="text" class="large-search" id="searchtxt" name="searchtxt"/></li>
        <li><a onclick="document.searchbar.submit();" id="searchbtn" class="awesome large green">SEARCH</a></li>
                                        </ul>
  </form>

     <div id="myDiv">

         
     </div>

<footer>

<div class="shadowmaker"></div>

<div class="footer-logos"><img src="images/flixster-logo.png" alt=""/> <img src="images/youtube-logo.png" id="youtube" alt=""/></div>    
</footer>

<script type="text/javascript">
    $('body').noisy({
    'intensity' : 1,
    'size' : '300',
    'opacity' : 0.127,
    'fallback' : '',
    'monochrome' : false
}).css('background-color', '#006680');
</script>

</body>
</html>