// JavaScript Document
var no_menu=6;
var duration = 200;  /* 1000 millisecond fade = 1 sec */
var steps = 50;       /* number of opacity intervals   */
var delay = 8000;     /* 5 sec delay before fading out */
var current=0;
var loaded=false;
var active=false;
var allImgs1=[];
var allImgs2=[];
var allImgs3=[];
var banner = new Array('images/banner0.gif', 'images/banner1.gif', 'images/banner2.gif', 'images/banner3.gif', 'images/banner4.gif', 'images/banner5.gif');
var moused=false;
var ban = new Array('images/tban0.gif', 'images/tban1.gif', 'images/tban2.gif', 'images/tban3.gif', 'images/tban4.gif', 'images/tban5.gif');
var menubg = new Array('images/menu_bg0.gif', 'images/menu_bg0.gif', 'images/menu_bg0.gif', 'images/menu_bg0.gif', 'images/menu_bg0.gif', 'images/menu_bg0.gif');
var centers = new Array('Center for Communication & IT', 'Center for Economics and Management', 'Center for Environment and Water',
						'Center for Engineering Research', 'Center for Petroleum and Minerals', 'Center for Refining and Petrochemicals');

var descs = new Array('Conducting applied contractual research and projects in addition to high-impact applied innovative research while providing consultation, training and research support',
                      'Helping businesses address their greatest challenges, from reorganizing for long-term growth to improving business performance and maximizing revenue.',
                      'Developing the most effective and suitable technologies that contribute effectively to the improvement of water utilization and conservation, and to further efforts to protect the environment and preserve the natural resources of the Kingdom.',
                      'Providing consultancy and analytical services to the industry & the government in the areas of materials characterization, corrosion, concrete, energy systems, urban areas engineering, and engineering analysis of civil & mechanical engineering related challenges.',
                      'Providing quality research and consulting services to petroleum and gas industries in the Middle East particularly in areas of Oil & Gas Engineering, Petroleum Geology & Geophysics and Remote Sensing.',
                      'The primary source and focal point of research and development and technical support for the refining and petrochemicals industries in the Kingdom');
//var colors = new Array('#0595df', '#68af0b', '#aa0538', '#ce7009', '#1d8378', '#75039f');
//var colors = new Array('#1c3751', '#d56f0c', '#ffffff', '#f0f0f0', '#990000', '#2a2d36');
var colors = new Array('#fff', '#fff', '#fff', '#fff', '#fff', '#fff');
var scroll_again;
function mouseOv(num){
	if(active){
	moused=true;
	changeBG(num);
	clearTimeout(scroll_again);
	scroll_again=setTimeout("scrollagain()",delay);}
}
function changeBG(num){
	var count=0;
	
	if(num+1<no_menu)
	{
		current=num+1;
	}
	else
	{
		current=0;
	}
	while(count<=no_menu-1)
	{
		if(count==num){
			  var banwrap=document.getElementById("ban_wrapper");
			  var menu =document.getElementById("menu"+num);
			  var bann=document.getElementById("banner");
			  banwrap.style.backgroundImage = 'url('+ban[num]+')';//'url('+menubg[num]+')';
			  menu.style.backgroundImage = 'url('+menubg[num]+')';
			 // bann.style.backgroundImage = 'url('+banner[num]+')';
			  bann.style.color = ''+colors[num]+'';
			  bann.style.background='none';
			  menu.style.color = '#1f2c15';
			  textChange(centers[num], descs[num]);
		}
		else
		{
		document.getElementById("menu"+count).style.backgroundImage = 'url(images/menu_bg.png)';
			document.getElementById("menu"+count).style.color = '#fff';
		}
		count=count+1;
	}
		
	
}
//-->

// array of "normal state" images

// this function is called on page load
// it preloads all the hover and click images
// for faster swap response time
function scrollagain()
{
	moused=false;
	scroller();
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function preloadImages() 
{
	//MM_preloadImages('images/menu_bg0.gif','images/ban0.png','images/ban1.png', 'images/ban2.png', 'images/ban3.png', 'images/ban4.png', 'images/ban5.png');
	changeBG(0);
	/*var i=0;
	for(i=1; i<=no_menu; i++)
	{
		changeBG(i);
	}
	var j=0;
	objImage = new Image();

	for(i=1; i<=ban.length; i++)
	{
		allImgs1[j] = new Image();
		allImgs1[j].src = ban[i];
	}

	for	(i=1; i<=banner.length; i++)
	{
		allImgs2[j] = new Image();
		allImgs2[j].src = banner[i];
	}
	
	for	(i=1; i<=menubg.length; i++)
	{
		allImgs3[j] = new Image();
		allImgs3[j].src = menubg[i];
	}*/
	//scroller();
	setTimeout("scroller()",4000);
}

      /* set the opacity of the element (between 0.0 and 1.0) */
	  function clearBar(){
		   var banwrap=document.getElementById("ban_wrapper");
		   banwrap.style.textAlign='left';
		   banwrap.innerHTML='<div id=\"banner\"><div id=\"main_head\" class=\"bannermedium\">&nbsp;</div><div id=\"desc_text\" class=\"bannernormal\" >&nbsp;</div></div>';
		   document.getElementById("banner").style.background='none';
		   active=true;
	  }
	  
	  function setOp(level,current) {
		  var banwrap=document.getElementById("ban_wrapper");
		  var menu =document.getElementById("menu"+current);
		  banwrap.style.opacity = level;
		  menu.style.opacity = level;
          banwrap.style.MozOpacity = level;
		  menu.style.MozOpacity = level;
          banwrap.style.KhtmlOpacity = level;
		  menu.style.KhtmlOpacity = level;
          banwrap.style.filter = "alpha(opacity=" + (level * 100) + ");";
          menu.style.filter = "alpha(opacity=" + (level * 100) + ");";
      }
	  function setOp2(level,current) {
		  var banwrap=document.getElementById("ban_wrapper");
		  banwrap.style.opacity = level;
		  banwrap.style.MozOpacity = level;
		  banwrap.style.KhtmlOpacity = level;
		  banwrap.style.filter = "alpha(opacity=" + (level * 100) + ");";
      }
	  function textChange(head, desc)
	  {
		  var heading =document.getElementById("main_head");
		  var description =document.getElementById("desc_text");
		  heading.innerHTML=head;
		  description.innerHTML=desc;
	  }
	  function scroller()
	  {
		  //changeBG(current);
			 
			 if(!moused)
			 {
				 resetRest(current);
			  //setTimeout("fadeOut("+current+")",500);
			  var bann=document.getElementById("banner");
		  	  var menu =document.getElementById("menu"+current);
			  var banwrap=document.getElementById("ban_wrapper");
			  
			  //setOp(0.25,current);
			  fadeOut(current);
			  //bann.style.backgroundImage = 'url('+banner[current]+')';
			  
			  
			 
			  setTimeout("scroller()",delay);
			 }
	  }
	  function numminusone(num)
	  {
		  if(num-1<0){
			  return no_menu-1;
		  }
		  else
		  {
			  return num-1;
		  }
	  }
	  function resetRest(num)
	  {
		 var count=0;
		 while(count<=no_menu-1)
		 {
		 	if(count!=num){
				document.getElementById("menu"+count).style.backgroundImage = 'url(images/menu_bg.png)';
				document.getElementById("menu"+count).style.color = '#fff';
			}
			count=count+1;
		 }
	  }
      function fadIn(num){
		
		 	var bann=document.getElementById("banner");
		  	var menu =document.getElementById("menu"+current);
			var banwrap=document.getElementById("ban_wrapper");			 
			menu.style.backgroundImage = 'url('+menubg[num]+')';
		 	banwrap.style.backgroundImage = 'url('+ban[num]+')';
			bann.style.color = ''+colors[num]+'';
			menu.style.color = '#1f2c15';
			textChange(centers[num], descs[num]);
			 if (current<no_menu-1)
			  {
				  current=current+1;
			  }
			  else
			  {
				  current=0;
			  }
		for (i = 0.7; i <= 1; i += (1 / steps)) {
          setTimeout("setOp2(" + i + ","+ num +")",i*duration);
        }
        //setTimeout("fadeOut("+num+")", delay);
      }

      function fadeOut(num) {
        for (i = 0; i <= 0.7; i += (1 / steps)) {
          setTimeout("setOp2(" + (1 - i) + ","+ num +")",i*duration);
		 
        }
		
			  
		setTimeout("fadIn("+num+")",duration);
        //setTimeout("fadeIn()", duration);
      }

      /* start the effect */