<!--
Dorrie - Web interface for building Fedora Spins/Remixes. 
Copyright (C) 2009 Red Hat Inc.
Author: Shreyank Gupta <sgupta@redhat.com>

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>RIT Fedora Remixerator</title>
<link rel="stylesheet" type="text/css" media="all" href="/static/fedora.css" />
<link rel="stylesheet" type="text/css" media="all" href="/static/dorrie.fedora.css">
 <link type="text/css"
 href="/static/jquery/css/smoothness/jquery-ui-1.7.2.custom.css"
 rel="Stylesheet" />    
 <script type="text/javascript" src="/static/jquery/js/jquery-1.7.1.min.js"></script>
 <script type="text/javascript"
 src="/static/jquery/js/jquery-ui-1.7.2.custom.min.js"></script>
<script src="/static/jquery/js/jquery.tools.min.js"></script>

<!-- tooltip code-->
<script>
$(document).ready(function() {
$("#steps a[title]").tooltip({ effect: 'fade', tipClass: 'tooltipBig'});
$("#accordion a[title]").tooltip({ effect: 'fade', position: 'center right', tipClass: 'tooltipSide'});
$("#group-list a[title]").tooltip({ effect: 'fade', position: 'center right', tipClass: 'tooltipBigSide'});
});
</script>

<!--image preview code-->
<script>
$(document).ready(function(){	
    // X and Y offset of preview from cursor's position
    xadjust = 60;
    yadjust = 50;
    
    // functionality for hovering over the target
    $("a.depreview").hover(
	function(e){
	    link = this.href
	    
	    // check to see if the preview for the desktop environment exists
	    // if not, just toss up some "no preview available" image.
	    var http = new XMLHttpRequest();
	    http.open('HEAD', link, false);
	    http.send();
	    if( http.status == 404 ) {
		link = '/static/images/pkgimages/nopreview.png'
	    }

	    // show the image
	    $("body").append("<div id='depreview'><img src='"+ link +"' style='width: 600px' /> </div>");

            ypos = $(document).scrollTop() + yadjust;
	    // set the positioning and size in pixels
	    $("#depreview")
		.css("top", (ypos) + "px")
		.css("left", (e.pageX + xadjust) + "px")
		.fadeIn("slow");						
	},
	function(){	
	    $("#depreview").remove();
	});	
    
    // updates the position of the preview when the mouse moves
    $("a.depreview").mousemove(function(e){
        ypos = $(document).scrollTop() + yadjust;
	$("#depreview")
	    .css("top", (ypos) + "px")
	    .css("left", (e.pageX + xadjust) + "px");
    });			
});
</script>

<style>
.tooltipBig {
        display:none;
	background: url(/static/images/fedarrowbig.png);
	height:145px;
	padding:30px 30px 10px 30px;
	width:270px;
	font-size:12px;
}
.tooltipSide {
        display:none;
	background: url(/static/images/fedarrowside.png);
	height:80px;
	padding:25px 20px 20px 35px;
	width:150px;
	font-size:12px;
}
.tooltipBigSide {
        display:none;
	background: url(/static/images/fedarrowsidebig.png);
	height:140px;
	padding:25px 40px 20px 40px;
	width:212px;
	font-size:12px;
}
.tooltipBigSideImage {
        display:none;
	background: url(/static/images/fedarrowsidebig.png);
	height:140px;
	padding:25px 40px 20px 40px;
	width:212px;
	font-size:12px
}
</style>

    <!--[if lt IE 7]>
    <style type="text/css">
      #wrapper
      {
      height: 100%;
      }
    </style>
    <![endif]-->
  </head>
  <body class="home">
    <div id="wrapper">

      <div id="head">
        <h1><a href="/">Fedora</a></h1>
      </div>
      <div id="sidebar">
        <div id="banner">
	    <!--We can really put whatever we want here in the right banner.-->
            <!--<a href="/"><img src="/static/dorrie.jpg/" /></a>-->
        </div>
        <div id="nav">
        </div>
      </div>
      <div id="content">
        {% block content %}{% endblock %}
      </div>
    </div>
    <div id="bottom">
	<div id="sitelinks">
		<dl>
			<dt> Fedora </dt>
			<dd><a href="http://fedoraproject.org/wiki/Overview"> About Fedora </a></dd>	
			<dd><a href="http://fedoraproject.org/wiki/"> Fedora Wiki </a></dd>
			<dd><a href="http://fedoraproject.org/get-fedora"> Get Fedora </a></dd>
			<dd><a href="irc://irc.freenode.org/#fedora"> IRC </a></dd>
		</dl>
		<dl>
			<dt> FOSS@RIT </dt>
			<dd><a href="http://foss.rit.edu"> Homepage </a></dd>
			<dd><a href="https://fedorahosted.org/fossrit"> Projects </a></dd>
			<dd><a href="http://foss.rit.edu/timeline/"> Timeline </a></dd>
		</dl>
	</div>

    <div id="footer">
      <a href="http://www.redhat.com/"><img class="rh-logo" src="/static/images/redhat-logo.png" /></a>
      <p class="sponsor"> Fedora is sponsored by Red Hat. </p>
      <p class="sponsor"><a href="http://www.redhat.com/rhel/fedora/"> Learn more about the relationship between Red Hat and Fedora &gt; </a></p>
      <p class="copy"> &amp;copy; 2009 Red Hat, Inc. and others. </p>
      <ul>
        <li class="first"><a href="mailto:webmaster@fedoraproject.org"> Contact </a></li>
        <li><a href="http://fedoraproject.org/sponsors"> Sponsors </a></li>
        <li><a href="http://fedoraproject.org/wiki/Legal:Main"> Legal </a></li>
        <li><a href="http://fedoraproject.org/wiki/Legal:Trademark_guidelines"> Trademark Guidelines </a></li>
      </ul>
      <p class="disclaimer"> The Fedora Project is maintained and driven by the community. This is a community maintained site. Red Hat is not responsible for content. </p>
    </div>
  </div>
 
 </body>	
</html>
