$(document).ready(function(){
  $('a[href^=#]').click(function() {
	if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
	&& location.hostname == this.hostname) {
	  var $target = $(this.hash);
	  $target = $target.length && $target
	  || $('[name=' + this.hash.slice(1) +']');
	  if ($target.length) {
		var targetOffset = $target.offset().top;
		$('html,body')
		.animate({scrollTop: targetOffset}, 1000);
	   return false;
	  }
	}
  });
});


if (document.images)
{
  pic1 = new Image(260,200);
  pic1.src="images/webDesign-over.gif";

  pic2 = new Image(260,200);
  pic2.src="images/itRepair-over.gif";

  pic3 = new Image(260,200);
  pic3.src="images/portfolio-over.gif";
}


function toggleSite(siteID)
{
	fadeElement('itViewer', 100, 0, 300);
	setTimeout
	(
		function()
		{
			document.getElementById('itViewer').innerHTML =  document.getElementById('view'+siteID).innerHTML;
			fadeElement('itViewer', 0, 100, 300);
		}
		,301);
}

function toggleSite2(siteID)
{
	fadeElement('portfolioViewer', 100, 0, 300);
	setTimeout
	(
		function()
		{
			document.getElementById('portfolioViewer').innerHTML =  document.getElementById('pview'+siteID).innerHTML;
			fadeElement('portfolioViewer', 0, 100, 300);
		}
		,301);
}

function fadeElement(eID,fStart,fStop,fDur)
{
	var fSpeed = Math.round(fDur / 100);
	var fTimer = 0;
	if (fStart<fStop)
	{
		for(var i=fStart; i<=fStop; i++)
		{
			setTimeout("setOpacity('"+eID+"',"+i+")",fTimer*fSpeed);
			fTimer++;
		}
		return;
	}
	for(var i=fStart; i>=fStop; i--)
	{
		setTimeout("setOpacity('"+eID+"',"+i+")",fTimer*fSpeed);
		fTimer++;
	}
}

function setOpacity(eID, opac)
{
	var eStyle = document.getElementById(eID).style;
	eStyle.opacity = opac / 100;
	eStyle.filter = 'alpha(opacity='+opac+')';
	eStyle.MozOpacity = opac / 100;
}