var sLastSubMenu
var sIntervalID

sLastSubMenu = ''
sIntervalID = ''
sFaderId="";

function hlOn(sName, sImg) {
	document[sName].src = sImg
}

function ShowSubMenu(sName) {

	if (sIntervalID != '') {
		clearTimeout(sIntervalID)
	}

	sLastSubMenu = sName
	document.getElementById("AboutUsSub").style.visibility = "Hidden"
	document.getElementById("ServicesSub").style.visibility = "Hidden"
	document.getElementById("LookingForwardSub").style.visibility = "Hidden"
	document.getElementById("PortfolioSub").style.visibility = "Hidden"
	
	if (sName != "") {
		document.getElementById(sName).style.visibility = "Visible"
	}

}

function HideSubMenu() {
	if (sLastSubMenu != '') {
		document.getElementById(sLastSubMenu).style.visibility = "Hidden"
		sLastSubMenu = ''
		sIntervalID = ''
	}
}


function AutoHideSubMenu() {
	sIntervalID = self.setTimeout('HideSubMenu()', 50)
}

function NewWin(sUrl) {
	window.open(sUrl,'Article','')
}

if (document.images) {
	
	var aImagesMain = new Array(
		"images/but_aboutus_sub11.gif"
		,"images/but_aboutus_sub12.gif"
		,"images/but_aboutus_sub21.gif"
		,"images/but_aboutus_sub22.gif"
		,"images/but_aboutus_sub31.gif"
		,"images/but_aboutus_sub12.gif"
		,"images/but_services_sub11.gif"
		,"images/but_services_sub12.gif"
		,"images/but_services_sub21.gif"
		,"images/but_services_sub22.gif"
		,"images/but_services_sub31.gif"
		,"images/but_services_sub32.gif"
		,"images/but_services_sub41.gif"
		,"images/but_services_sub42.gif"
		,"images/but_services_sub51.gif"
		,"images/but_services_sub52.gif"
		,"images/but_services_sub61.gif"
		,"images/but_services_sub62.gif"
		,"images/but_lookingforward_sub11.gif"
		,"images/but_lookingforward_sub12.gif"
		,"images/but_lookingforward_sub21.gif"
		,"images/but_lookingforward_sub22.gif"
		,"images/but_portfolio_sub11.gif"
		,"images/but_portfolio_sub12.gif"
		,"images/but_portfolio_sub21.gif"
		,"images/but_portfolio_sub22.gif"
		,"images/but_portfolio_sub31.gif"
		,"images/but_portfolio_sub32.gif"
		,"images/but_portfolio_sub41.gif"
		,"images/but_portfolio_sub42.gif"
		,"images/but_portfolio_sub51.gif"
		,"images/but_portfolio_sub52.gif"
		,"images/but_portfolio_sub61.gif"
		,"images/but_portfolio_sub62.gif"
		,"images/but_portfolio_sub71.gif"
		,"images/but_portfolio_sub72.gif"
		,"images/but_portfolio_sub81.gif"
		,"images/but_portfolio_sub82.gif"
		,"images/but_portfolio_sub91.gif"
		,"images/but_portfolio_sub92.gif"
		,"images/but_portfolio_sub101.gif"
		,"images/but_portfolio_sub102.gif"
		,"images/but_portfolio_sub111.gif"
		,"images/but_portfolio_sub112.gif"
		,"images/but_portfolio_sub121.gif"
		,"images/but_portfolio_sub122.gif"
		,"images/but_portfolio_sub131.gif"
		,"images/but_portfolio_sub132.gif"
		,"images/but_portfolio_sub141.gif"
		,"images/but_portfolio_sub142.gif"
		,"images/but_portfolio_sub151.gif"
		,"images/but_portfolio_sub152.gif"
		,"images/but_portfolio_sub161.gif"
		,"images/but_portfolio_sub162.gif"
		,"images/but_portfolio_sub171.gif"
		,"images/but_portfolio_sub172.gif");
	
	for (i=0;i<aImagesMain.length;i++) {
		 eval("j" + i  + " = new Image()");          
         eval("j" + i + ".src = aImagesMain[i]");    
	}
}


var imageWidth = 570;
var imageHeight = 487;
var imageTimeout = 3000;
var nextImage = 1;

function pageLoad() {

  var el = document.getElementById('fading_image_container');
  while (el.firstChild) { el.removeChild(el.firstChild); }
  el.style.zIndex="-1";
  el.style.width = imageWidth + 'px';
  el.style.height = imageHeight + 'px';

  for(var i=0; i<images.length; i++) {

    var t = document.createElement('IMG');
    t.setAttribute('src',images[i]);
    t.setAttribute('width',imageWidth);
    t.setAttribute('height',imageHeight);
    t.style.position = 'absolute';
    t.style.visibility = 'hidden';
	t.style.zIndex="-1";
    el.appendChild(t);

  }

  el.firstChild.style.visibility = 'visible';

  sFaderId=window.setTimeout(startFading, imageTimeout);
}

function startFading() {

  var el = document.getElementById('fading_image_container').childNodes[nextImage];

  el.style.visibility = 'visible';
  el.style.zIndex = -1;
  setOpacity(el, 0);
  fadeImage(el,0);

  nextImage = (nextImage < images.length-1) ? nextImage + 1 : 0;

}

function fadeImage(el, currentOpacity) {

  currentOpacity += 2;

  if (currentOpacity > 100) {
    setOpacity(el, 100);
    var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
    prevEl.style.visibility = 'hidden';
    el.style.zIndex = -2;
    sFaderId=window.setTimeout(startFading, imageTimeout);
  }
  else {
    setOpacity(el, currentOpacity);
   sFaderId= window.setTimeout(function() { fadeImage(el, currentOpacity); }, 50);
  }

}

function setOpacity(el, opacity) {

	opacity /= 100;

	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";

}

function StopFade(nId,sSrc) {
	clearTimeout(sFaderId);
	
	for(i=0; i<images.length; i++) {
		el = document.getElementById('fading_image_container').childNodes[i];
		el.style.visibility = 'hidden';
	}
	el = document.getElementById('fading_image_container').childNodes[nId];
	el.style.visibility = 'visible';
  	el.style.zIndex = -1;
	setOpacity(el, 100);
	el.src=sSrc;
  
}