var picture = 0;

function centresite(objectID)
			{
			var leftpos = 0;
			var toppos = 0;
			var elementwidth = 960;
			var elementheight = 560;
			var browserwidth =  document.body.clientWidth;
			var browserheight =  document.body.clientHeight;
			leftpos = (browserwidth - elementwidth)/2;
			toppos = (browserheight - elementheight)/2;
			if (leftpos < 0) {leftpos = 0;}	
			if (toppos < 0) {toppos = 0;}	
			document.getElementById(objectID).style.left = leftpos+"px";
			document.getElementById(objectID).style.top = toppos+"px";	
			}

function init()
	{
	image1 = new Image;
	image2 = new Image;
	image3 = new Image;
	image4 = new Image;
	image5 = new Image;
	image6 = new Image;
	image8 = new Image;
			
	image1.src = "img/pic1.jpg";
	image2.src = "img/pic2.jpg";
	image3.src = "img/pic4.jpg";
	image4.src = "img/pic6.jpg";
	image5.src = "img/pic7.jpg";
	image6.src = "img/pic8.jpg";
	image8.src = "img/pic10.jpg";
	
	
	setOpacity('designlink', 0);
	document.getElementById('designlink').style.visibility = "visible";
	setOpacity('developlink', 0);
	document.getElementById('developlink').style.visibility = "visible";
	setOpacity('brandlink', 0);
	document.getElementById('brandlink').style.visibility = "visible";
	setOpacity('printlink', 0);
	document.getElementById('printlink').style.visibility = "visible";
	setOpacity('videolink', 0);
	document.getElementById('videolink').style.visibility = "visible";
	}
			
function fadeinimage(objectID, opacity)
	{
	setOpacity('backgroundimage', 0);
	document.getElementById('backgroundimage').style.visibility = "visible";
	document.getElementById(objectID).style.filter = "alpha(opacity:"+opacity+")";
	fadeIn(objectID, opacity)
	}
	
function fadeIn(objId,opacity) 
	{
  	if (document.getElementById) 
  		{
    	obj = document.getElementById(objId);
    	if (opacity <= 100) 
    		{
      		setOpacity(objId, opacity);
      		opacity += 5;
     		window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 10);
   			}
  			if (opacity == 100)
  				{
  				if (picture == 1)
  					{
  					setOpacity('designportfolio', 0);
  					document.getElementById('designportfolio').style.visibility = "visible";
  					fadeInPortfolio('designportfolio', 0);
					}
				if (picture == 4)
  					{
  					setOpacity('developportfolio', 0);
  					document.getElementById('developportfolio').style.visibility = "visible";
  					fadeInPortfolio('developportfolio', 0);
					}
				if (picture == 3)
  					{
  					setOpacity('brandportfolio', 0);
  					document.getElementById('brandportfolio').style.visibility = "visible";
  					fadeInPortfolio('brandportfolio', 0);
					}
				if (picture == 8)
  					{
  					setOpacity('printportfolio', 0);
  					document.getElementById('printportfolio').style.visibility = "visible";
  					fadeInPortfolio('printportfolio', 0);
					}
  				}
  		}
	}

function fadeInPortfolio(objId, opacity)
	{
	if (document.getElementById) 
		{
    	obj = document.getElementById(objId);
    	if (opacity <= 100) 
    		{
      		setOpacity(objId, opacity);
      		opacity += 5;
      		window.setTimeout("fadeInPortfolio('"+objId+"',"+opacity+")", 10);
    		}
    	}
	}

function fadeOut(objectID,opacity) 
	{
	hidePortfolio();
  	if (document.getElementById) 
  		{
    	obj = document.getElementById(objectID);
    	if (opacity >= 0) 
    		{
      		setOpacity(objectID, opacity);
      		opacity -= 5;
      		window.setTimeout("fadeOut('"+objectID+"',"+opacity+")", 10);
    		}
    		if (opacity == 0)
    			{
    			if (picture == 1) 
    				{
    				document.getElementById(objectID).style.backgroundImage = 'url(img/pic1.jpg)';
    				hideAllText();
    				document.getElementById('designtextcontent').style.visibility = "visible";
    				}
    			if (picture == 2) 
    				{
    				document.getElementById(objectID).style.backgroundImage = 'url(img/pic2.jpg)';
    				hideAllText();
    				document.getElementById('ethostextcontent').style.visibility = "visible";
    				}
    			if (picture == 3) 
    				{
    				document.getElementById(objectID).style.backgroundImage = 'url(img/pic4.jpg)';
    				hideAllText();
    				document.getElementById('brandtextcontent').style.visibility = "visible";
    				}
    			if (picture == 4) 
    				{
    				document.getElementById(objectID).style.backgroundImage = 'url(img/pic6.jpg)';
    				hideAllText();
    				document.getElementById('developtextcontent').style.visibility = "visible";
    				}
    			if (picture == 5) 
    				{
    				document.getElementById(objectID).style.backgroundImage = 'url(img/pic7.jpg)';
    				hideAllText();
    				document.getElementById('videotextcontent').style.visibility = "visible";
    				}
    			if (picture == 6) 
    				{
    				document.getElementById(objectID).style.backgroundImage = 'url(img/pic8.jpg)';
    				hideAllText();
    				document.getElementById('contacttextcontent').style.visibility = "visible";
    				}
    			if (picture == 7) 
    				{
    				document.getElementById(objectID).style.backgroundImage = 'url(img/pic9.jpg)';
    				hideAllText();
    				document.getElementById('clienttextcontent').style.visibility = "visible";
    				}
    			if (picture == 8) 
    				{
    				document.getElementById(objectID).style.backgroundImage = 'url(img/pic10.jpg)';
    				hideAllText();
    				document.getElementById('printtextcontent').style.visibility = "visible";
    				}
    	
				window.setTimeout("fadeIn('"+objectID+"',"+opacity+")", 200);
    			}
  		}
	}

function setOpacity(obj, opacity) 
	{
  	opacity = (opacity == 100)?99.999:opacity;
  	document.getElementById(obj).style.filter = "alpha(opacity:"+opacity+")";
  	document.getElementById(obj).style.MozOpacity = opacity/100;
  	document.getElementById(obj).style.opacity = opacity/100;
  	document.getElementById(obj).style.KHTMLOpacity = opacity/100;
  	}

function changeimageandfade(objectID, pic)
	{
	picture = pic;
	fadeOut(objectID, 100);
	}
	
function fadeinlink(objectID, opacity)
	{
	if (document.getElementById) 
		{
    	obj = document.getElementById(objectID);
    	if (opacity <= 20) 
    		{
      		setOpacity(objectID, opacity);
      		obj.style.visibility = "visible";
      		opacity += 5;
      		window.setTimeout("fadeinlink('"+objectID+"',"+opacity+")", 20);
			}
		}
	}
	
function fadeoutlink(objectID, opacity)
	{
	if (document.getElementById) 
		{
    	obj = document.getElementById(objectID);
    	if (opacity <= 20 && opacity >= 0) 
    		{
      	setOpacity(objectID, opacity);
      	obj.style.visibility = "visible";
      	opacity -= 5;
      	window.setTimeout("fadeoutlink('"+objectID+"',"+opacity+")", 20);
			}
		}
	}
	
function hideAllText()
	{
	document.getElementById('ethostextcontent').style.visibility = "hidden";
	document.getElementById('designtextcontent').style.visibility = "hidden";
	document.getElementById('developtextcontent').style.visibility = "hidden";
	document.getElementById('brandtextcontent').style.visibility = "hidden";
	document.getElementById('printtextcontent').style.visibility = "hidden";
	document.getElementById('videotextcontent').style.visibility = "hidden";
	document.getElementById('clienttextcontent').style.visibility = "hidden";
	document.getElementById('contacttextcontent').style.visibility = "hidden";
	}
	
function hidePortfolio()
	{
	document.getElementById('designportfolio').style.visibility = "hidden";
	document.getElementById('developportfolio').style.visibility = "hidden";
	document.getElementById('brandportfolio').style.visibility = "hidden";
	document.getElementById('printportfolio').style.visibility = "hidden";
	}