var fadeSpeed = 1000;
var embedString = '<object width="636" height="478"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=12411416&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1&amp;autoplay=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=12411416&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1&amp;autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="636" height="478"></embed></object>';
$(document).ready( function() {
  $("#about").click(aboutHandler);
  $("#back").click(backHandler);
  $("#more").click(moreHandler);
  $("#resume").click(resumeHandler);
  $("#reel").click(reelHandler);
});

function fadeAll() {
  $("#box").fadeTo(fadeSpeed,.3);
  $("#bar").fadeTo(fadeSpeed,.3);
}
function unFadeAll(){
 // alert("unfading")
  $("#box").fadeTo(fadeSpeed,1);
  $("#bar").fadeTo(fadeSpeed,1);  
}

function backHandler(e) {
  e.preventDefault();
  unFadeAll();
  $("#content").empty().append("<a id='reel' href='#'><img src='images/reel.jpg' style='display: none;'/></a>")
  $("#content img").fadeIn(500);
  $("#reel").click(reelHandler);
}
function reelHandler(e) {
  e.preventDefault();
  fadeAll();
  
  $("#content").empty().append(embedString);
}
function aboutHandler(e) {
    e.preventDefault();
    unFadeAll();
    $("#content").empty().append("<img src='images/about_img.jpg' style='display: none;'/>")
    $("#content img").fadeIn(500);
} 

function moreHandler(e) {
  //e.preventDefault();
  unFadeAll();
}

function resumeHandler(e) {
  //e.preventDefault();
  unFadeAll();
}