//------------------NAVIGATION----------------------------------------------
$(function () {
  //if ($.browser.msie && $.browser.version < 6) return;
        
  $('#navigation li').find('a')
	  .append('<span class="hover" />').each(
	      function () {
    			var $span = $('> span.hover', this).css('opacity', 0);
    			$(this).hover(function () {
    				// on hover
    				if(!$(this).is(".selected"))
    				$span.stop().fadeTo(100, 1);
    			}, function () {
    				// off hover
    				$span.stop().fadeTo(500, 0);
    			});
	      });
                
});

//--------------------PORTFOLIO-----------------------------
$(document).ready(function() {
  
  // portfolio links
  $("#portfolio-browse #pAll").click( 
    function () {
      $("#portfolio-list .p2009").fadeIn();
      $("#portfolio-list .p2008").fadeIn();
      $("#portfolio-list .p2007").fadeIn();
      $("#portfolio-list .p2006").fadeIn();
      return false;
    }
  );
  $("#portfolio-browse #p2009").click( 
    function () {
      $("#portfolio-list .p2008").fadeOut();
      $("#portfolio-list .p2007").fadeOut();
      $("#portfolio-list .p2006").fadeOut();
      $("#portfolio-list .p2009").fadeIn();
      return false;
    }
  );
  $("#portfolio-browse #p2008").click( 
    function () {
      $("#portfolio-list .p2009").fadeOut();
      $("#portfolio-list .p2007").fadeOut();
      $("#portfolio-list .p2006").fadeOut();
      $("#portfolio-list .p2008").fadeIn();
      return false;
    }
  );
  $("#portfolio-browse #p2007").click( 
    function () {
      $("#portfolio-list .p2009").fadeOut();
      $("#portfolio-list .p2008").fadeOut();
      $("#portfolio-list .p2006").fadeOut();
      $("#portfolio-list .p2007").fadeIn();
      return false;
    }
  );
  $("#portfolio-browse #p2006").click( 
    function () {
      $("#portfolio-list .p2009").fadeOut();
      $("#portfolio-list .p2008").fadeOut();
      $("#portfolio-list .p2007").fadeOut();
      $("#portfolio-list .p2006").fadeIn();
      return false;
    }
  );
  $("#portfolio-browse #pTypeAll").click( 
      function () {
        $("#portfolio-list .p2009").fadeIn();
        $("#portfolio-list .p2008").fadeIn();
        $("#portfolio-list .p2007").fadeIn();
        $("#portfolio-list .p2006").fadeIn();
        return false;
      }
    );
  $("#portfolio-browse #pFinance").click( 
    function () {
      $("#portfolio-list .pBusiness").fadeOut();
      $("#portfolio-list .pEcommerce").fadeOut();
      $("#portfolio-list .pEducation").fadeOut();
      $("#portfolio-list .pFun").fadeOut();
      $("#portfolio-list .pFinance").fadeIn();
      return false;
    }
  );
  $("#portfolio-browse #pEcommerce").click( 
    function () {
      $("#portfolio-list .pFinance").fadeOut();
      $("#portfolio-list .pBusiness").fadeOut();
      $("#portfolio-list .pEducation").fadeOut();
      $("#portfolio-list .pFun").fadeOut();
      $("#portfolio-list .pEcommerce").fadeIn();
      return false;
    }
  );
  $("#portfolio-browse #pBusiness").click( 
      function () {
        $("#portfolio-list .pFinance").fadeOut();
        $("#portfolio-list .pEcommerce").fadeOut();
        $("#portfolio-list .pEducation").fadeOut();
        $("#portfolio-list .pFun").fadeOut();
        $("#portfolio-list .pBusiness").fadeIn();
        return false;
      }
    );
  $("#portfolio-browse #pEducation").click( 
      function () {
        $("#portfolio-list .pFinance").fadeOut();
        $("#portfolio-list .pBusiness").fadeOut();
        $("#portfolio-list .pEcommerce").fadeOut();
        $("#portfolio-list .pFun").fadeOut();
        $("#portfolio-list .pEducation").fadeIn();
        return false;
      }
  );
  $("#portfolio-browse #pFun").click( 
      function () {
        $("#portfolio-list .pFinance").fadeOut();
        $("#portfolio-list .pBusiness").fadeOut();
        $("#portfolio-list .pEcommerce").fadeOut();
        $("#portfolio-list .pEducation").fadeOut();
        $("#portfolio-list .pFun").fadeIn();
        return false;
      }
  );
  
  $("#portfolio-browse .portfolio-link").click( 
    function () {
      $("#fancy").fadeOut(500);
      $("#portfolio-browse").fadeOut(500, function() {
          $("#portfolio-display").fadeIn(1000);                   
        }
      );
      
      return false;
    }
  );
  
  $("#back-to-portfolio").click( 
    function () {
      $("#portfolio-display").fadeOut(500, function() {
          $("#portfolio-browse").fadeIn(1000);
          $("#fancy").fadeIn(1000);
        }
      );
      return false;
    }
  );
    
});

//----------------PORTFOLIO AJAX LOADING---------------------------------------
function portfolio(s) {
  document.getElementById('portfolio-display-content').innerHTML = '<img src="\images/ajax_loader.gif" style="margin:180px 0 180px 140px;" />';
  
  var http = false;

  if(navigator.appName == "Microsoft Internet Explorer") {
    http = new ActiveXObject("Microsoft.XMLHTTP");
  } else {
    http = new XMLHttpRequest();
  }
  
  http.open("GET", s + "_page.html");
  http.onreadystatechange=function() {
    if(http.readyState == 4) {
    html = http.responseText;
    html = html.replace(/ src=\"/g," src=\"" + s);
    
    document.getElementById('portfolio-display-content').innerHTML = html;
    }
  }
  http.send(null);
}