//BEGIN SUCKERFISH
function suckerfish(type, tag, parentId) {
   if (window.attachEvent) {
      window.attachEvent("onload", function() {
         var sfEls = (parentId==null)?document.getElementsByTagName(tag):document.getElementById(parentId).getElementsByTagName(tag);
         type(sfEls);
      });
   }
}
//suckerfish focus
var sfFocus = function(sfEls) {
   for (var i=0; i<sfEls.length; i++) {
      sfEls[i].onfocus=function() {
         this.className+=" sffocus";
      }
      sfEls[i].onblur=function() {
         this.className=this.className.replace(new RegExp(" sffocus\\b"), "");
      }
   }
}

//suckerfish functions used
suckerfish(sfFocus, "INPUT");
suckerfish(sfFocus, "TEXTAREA");

//END SUCKERFISH

function init_page() {
   //IMAGE PRELOADING
   var images = new Array(
      'images/loading.gif',
      'images/error.gif',
      'images/navigation_highlight.jpg',
      'images/portfolio/allwaysmedical.gif',
      'images/portfolio/alpharoad.gif',
      'images/portfolio/autositephp.gif',
      'images/portfolio/combertonltc.gif',
      'images/portfolio/descent.gif',
      'images/portfolio/partbaked.gif',
      'images/portfolio/z-two.gif'
   );
   for (var i = 0; i < images.length; i++) {
      var obj = new Image();
      obj.src = images[i];
   }
}

//PORTFOLIO PAGE
var portfolio_current = 'intro';


function show_portfolio(id) {
   document.getElementById(portfolio_current).style.display = 'none';
   if (portfolio_current != 'intro') {
      document.getElementById(portfolio_current+'_image').src = 'images/portfolio/'+portfolio_current+'_grey.gif';
   }
   document.getElementById(id).style.display = 'block';
   document.getElementById(id+'_image').src = 'images/portfolio/'+id+'.gif';
   portfolio_current = id;
}