//Home Image fade
document.write("<style type='text/css'>\n" +  "#homemid, #hm1, #hm2, #hm3, #hm4 {visibility:hidden;}\n" + "</style>");


function initGallery()
{
  setTimeout("initB1()", 0);
}

var Pic = new Array()
Pic[0] = 'url(img/bahrain1-1.jpg)'
Pic[1] = 'url(img/bahrain2-1.jpg)'
Pic[2] = 'url(img/bahrain3-1.jpg)'
Pic[3] = 'url(img/bahrain4-1.jpg)'
Pic[4] = 'url(img/kuwait1-2.jpg)'
Pic[5] = 'url(img/kuwait2-2.jpg)'
Pic[6] = 'url(img/kuwait3-2.jpg)'
Pic[7] = 'url(img/kuwait4-2.jpg)'
Pic[8] = 'url(img/lebanon1-3.jpg)'
Pic[9] = 'url(img/lebanon2-3.jpg)'
Pic[10] = 'url(img/lebanon3-3.jpg)'
Pic[11] = 'url(img/lebanon4-3.jpg)'
Pic[12] = 'url(img/oman1-4.jpg)'
Pic[13] = 'url(img/oman2-4.jpg)'
Pic[14] = 'url(img/oman3-4.jpg)'
Pic[15] = 'url(img/oman4-4.jpg)'
Pic[16] = 'url(img/qatar1-5.jpg)'
Pic[17] = 'url(img/qatar2-5.jpg)'
Pic[18] = 'url(img/qatar3-5.jpg)'
Pic[19] = 'url(img/qatar4-5.jpg)'
Pic[20] = 'url(img/saudi1-6.jpg)'
Pic[21] = 'url(img/saudi2-6.jpg)'
Pic[22] = 'url(img/saudi3-6.jpg)'
Pic[23] = 'url(img/saudi4-6.jpg)'

var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].style.backgroundImage = Pic[i]
 }
 
 function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

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

// This finds Visible divs and hides them
function onChange(){
	var himage = document.getElementById("homemid");
	var findvis=himage.getElementsByTagName("div");
	var vis;
	for(var i=0;i<findvis.length;i++){
		vis = findvis[i];
		if(vis.style.visibility == "visible"){
			vis.style.visibility = "hidden";
		}
	}
}

// This finds Location on links and turns them off
function onSwitch(){
	var findon=document.getElementsByTagName("a");
	var linkon;
	for(var i=0;i<findon.length;i++){
		linkon = findon[i];
		if(linkon.className == "on"){
			linkon.className = "off";
		}
	}
}


// Gallery Bahrain=====================================================================//

function setB1()
{
  setTimeout("initB1()", 300);
 }
 function setB2()
{
  setTimeout("initB2()", 300);
 }
 function setB3()
{
  setTimeout("initB3()", 300);
 }
  function setB4()
{
  setTimeout("initB4()", 300);
 }

 
function initB1() {
  imageId = 'homemid';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[0];
  image.style.visibility = 'visible';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  onSwitch();
  onChange();
  on = document.getElementById('b1link');
  on.className = "on";
  setB2();
  return false;
}

function initB2() {
  imageId = 'hm2';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[1];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setB3();
	}
	
function initB3() {
  imageId = 'hm3';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[2];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setB4();
	}
  
function initB4() {
  imageId = 'hm4';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[3];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
	}
	

	
// Gallery Kuwait=====================================================================//

function setK1()
{
  setTimeout("initK1()", 300);
 }
 function setK2()
{
  setTimeout("initK2()", 300);
 }
 function setK3()
{
  setTimeout("initK3()", 300);
 }
  function setK4()
{
  setTimeout("initK4()", 300);
 }

 
function initK1() {
  imageId = 'homemid';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[4];
  image.style.visibility = 'visible';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  onSwitch();
  onChange();
  on = document.getElementById('klink');
  on.className = "on";
  setK2();
  return false;
}

function initK2() {
  imageId = 'hm2';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[5];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setK3();
	}
	
function initK3() {
  imageId = 'hm3';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[6];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setK4();
	}
  
function initK4() {
  imageId = 'hm4';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[7];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
	}
	

// Gallery Lebanon=====================================================================//

function setL1()
{
  setTimeout("initL1()", 300);
 }
 function setL2()
{
  setTimeout("initL2()", 300);
 }
 function setL3()
{
  setTimeout("initL3()", 300);
 }
  function setL4()
{
  setTimeout("initL4()", 300);
 }

 
function initL1() {
  imageId = 'homemid';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[8];
  image.style.visibility = 'visible';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  onSwitch();
  onChange();
  on = document.getElementById('llink');
  on.className = "on";
  setL2();
  return false;
}

function initL2() {
  imageId = 'hm2';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[9];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setL3();
	}
	
function initL3() {
  imageId = 'hm3';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[10];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setL4();
	}
  
function initL4() {
  imageId = 'hm4';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[11];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
	}
	
// Gallery Oman=====================================================================//

function setOm1()
{
  setTimeout("initOm1()", 300);
 }
 function setOm2()
{
  setTimeout("initOm2()", 300);
 }
 function setOm3()
{
  setTimeout("initOm3()", 300);
 }
  function setOm4()
{
  setTimeout("initOm4()", 300);
 }

 
function initOm1() {
  imageId = 'homemid';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[12];
  image.style.visibility = 'visible';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  onSwitch();
  onChange();
  on = document.getElementById('omlink');
  on.className = "on";
  setOm2();
  return false;
}

function initOm2() {
  imageId = 'hm2';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[13];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setOm3();
	}
	
function initOm3() {
  imageId = 'hm3';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[14];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setOm4();
	}
  
function initOm4() {
  imageId = 'hm4';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[15];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
	}
	
	
// Gallery Qatar=====================================================================//

function setQ1()
{
  setTimeout("initQ1()", 300);
 }
 function setQ2()
{
  setTimeout("initQ2()", 300);
 }
 function setQ3()
{
  setTimeout("initQ3()", 300);
 }
  function setQ4()
{
  setTimeout("initQ4()", 300);
 }

 
function initQ1() {
  imageId = 'homemid';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[16];
  image.style.visibility = 'visible';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  onSwitch();
  onChange();
  on = document.getElementById('qlink');
  on.className = "on";
  setQ2();
  return false;
}

function initQ2() {
  imageId = 'hm2';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[17];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setQ3();
	}
	
function initQ3() {
  imageId = 'hm3';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[18];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setQ4();
	}
  
function initQ4() {
  imageId = 'hm4';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[19];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
	}
	
// Gallery Saudi Arabia=====================================================================//

function setS1()
{
  setTimeout("initS1()", 300);
 }
 function setS2()
{
  setTimeout("initS2()", 300);
 }
 function setS3()
{
  setTimeout("initS3()", 300);
 }
  function setS4()
{
  setTimeout("initS4()", 300);
 }

 
function initS1() {
  imageId = 'homemid';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[20];
  image.style.visibility = 'visible';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  onSwitch();
  onChange();
  on = document.getElementById('slink');
  on.className = "on";
  setS2();
  return false;
}

function initS2() {
  imageId = 'hm2';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[21];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setS3();
	}
	
function initS3() {
  imageId = 'hm3';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[22];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setS4();
	}
  
function initS4() {
  imageId = 'hm4';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[23];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
	}


// Location Links
function loclinks(){
	if (document.getElementById('industryBox')){
		var b1link = document.getElementById('b1link');
		addAnEvent (b1link,'mouseover',initB1);
	}

	if (document.getElementById('homemid')){
		var klink = document.getElementById('klink');
		addAnEvent (klink,'mouseover',initK1);
	}
	
	if (document.getElementById('homemid')){
		var llink = document.getElementById('llink');
		addAnEvent (llink,'mouseover',initL1);
	}
	
	if (document.getElementById('homemid')){
		var omlink = document.getElementById('omlink');
		addAnEvent (omlink,'mouseover',initOm1);
	}
	
	if (document.getElementById('homemid')){
		var qlink = document.getElementById('qlink');
		addAnEvent (qlink,'mouseover',initQ1);
	}
	
	if (document.getElementById('homemid')){
		var slink = document.getElementById('slink');
		addAnEvent (slink,'mouseover',initS1);
	}

	if (document.getElementById('homemid')){
		var slink = document.getElementById('glink');
		addAnEvent (glink,'mouseover',initG1);
	}

}


// Gallery Global =====================================================================//

function setG1()
{
  setTimeout("initG1()", 300);
 }
 function setG2()
{
  setTimeout("initG2()", 300);
 }
 function setG3()
{
  setTimeout("initG3()", 300);
 }
  function setG4()
{
  setTimeout("initG4()", 300);
 }

 
function initG1() {
  imageId = 'homemid';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[0];
  image.style.visibility = 'visible';
  setOpacity(image, 0);
  fadeIn(imageId,0);
  onSwitch();
  onChange();
  on = document.getElementById('glink');
  on.className = "on";
  setG2();
  return false;
}

function initG2() {
  imageId = 'hm2';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[1];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setG3();
	}
	
function initG3() {
  imageId = 'hm3';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[2];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  setG4();
	}
  
function initG4() {
  imageId = 'hm4';
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = Pic[3];
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
	}