//DEFINE GLOBAL VAR:
//------------------

var screenH;
var screenW;

var menuIcons=new Array();
menuIcons[0]=new Image(28,28);
menuIcons[1]=new Image(28,28)
menuIcons[2]=new Image(28,28)
menuIcons[3]=new Image(28,28)

menuIcons[0].src='images/homeIcon.jpg';
menuIcons[1].src='images/aboutusIcon.jpg';
menuIcons[2].src='images/contactIcon.jpg';
menuIcons[3].src='images/Language.gif';

var menuIconsHover=new Array();
menuIconsHover[0]=new Image(28,28);
menuIconsHover[1]=new Image(28,28);
menuIconsHover[2]=new Image(28,28);
menuIconsHover[3]=new Image(28,28);

menuIconsHover[0].src='images/homeIconHover.jpg';
menuIconsHover[1].src='images/aboutusIconHover.jpg';
menuIconsHover[2].src='images/contactIconHover.jpg';
menuIconsHover[3].src='images/LanguageHighlight.gif';
//---------------------------------
//ADD TRANSPARENT EFFECT TO OBJECT:
//=================================

function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
	} 


//DO FADING EFFECT:
//=================

function fadeObj(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        	} 
    	} 
    else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++){ 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        	} 
    	} 
	}


//ADD EVENT FUNCTION:
//===================

function addEvent(elm, evType, fn, useCapture) {
	// cross-browser event handling for IE5+, NS6 and Mozilla
	// By Scott Andrew
	if (elm.addEventListener) {
		elm.addEventListener(evType, fn, useCapture);
		return true;
		}
	else if (elm.attachEvent) {
		var r = elm.attachEvent('on' + evType, fn);
		//EventCache.add(elm, evType, fn);
		return r;
		}
	else {
		elm['on' + evType] = fn;
			}
	}

//WHEN LOAD FUNCTION:
//===================

function whenLoad(){
	//Set screen width and hieght:
	//----------------------------
	screenH=document.getElementById('documentDiv').offsetHeight;
	screenW=document.getElementById('documentDiv').offsetWidth;
	
	document.getElementById('flashDiv').style.left=(screenW - 780) / 2 + 'px';	
	
	addEvent(window, 'resize', function(e) {
		screenH=document.getElementById('documentDiv').offsetHeight;
		screenW=document.getElementById('documentDiv').offsetWidth;
		document.getElementById('logoDiv').style.right=(screenW - 780) / 2 + + 5 + 'px';
		fadeObj('logoDiv', 0, 100, 1000);
		document.getElementById('flashDiv').style.left=(screenW - 780) / 2 + 'px';
		}, false);
	
	//Set logo div location:
	//----------------------
	document.getElementById('logoDiv').style.right=(screenW - 780) / 2 + 5 + 'px';
	fadeObj('logoDiv', 0, 100, 1000);
	
	//Add event to main menu icon and text:
	//-------------------------------------
	var homeObj=document.getElementById('homeLink');
	var homeIconObj=document.getElementById('homeIcon');
	
	addEvent(homeObj, 'mouseover', function() {
		homeObj.style.color='#FFFFFF';
		homeIconObj.src=menuIconsHover[0].src;
		}, false);
	
	addEvent(homeObj, 'mouseout', function() {
		homeObj.style.color='#666666';
		homeIconObj.src=menuIcons[0].src;
		}, false);
	
	addEvent(homeObj, 'click', function() {
		location.href="./index.php";
		}, false);
	
	var aboutusObj=document.getElementById('aboutusLink');
	var aboutusIconObj=document.getElementById('aboutusIcon');
	
	addEvent(aboutusObj, 'mouseover', function() {
		aboutusObj.style.color='#FFFFFF';
		aboutusIconObj.src=menuIconsHover[1].src;
		}, false);
	
	addEvent(aboutusObj, 'mouseout', function() {
		aboutusObj.style.color='#666666';
		aboutusIconObj.src=menuIcons[1].src;
		}, false);
	
	addEvent(aboutusObj, 'click', function() {
		location.href="./index.php?p=aboutus";
		}, false);
	
	var contactObj=document.getElementById('contactLink');
	var contactIconObj=document.getElementById('contactIcon');
	
	addEvent(contactObj, 'mouseover', function() {
		contactObj.style.color='#FFFFFF';
		contactIconObj.src=menuIconsHover[2].src;
		}, false);
	
	addEvent(contactObj, 'mouseout', function() {
		contactObj.style.color='#666666';
		contactIconObj.src=menuIcons[2].src;
		}, false)
	
	addEvent(contactObj, 'click', function() {
		location.href="./index.php?p=contactus";
		}, false);
	var ArabicObj=document.getElementById('ArabicLink');
	var ArabicIconObj=document.getElementById('ArabicIcon');
	
	addEvent(ArabicObj, 'mouseover', function() {
		ArabicObj.style.color='#FFFFFF';
		ArabicIconObj.src=menuIconsHover[3].src;
		}, false);
	
	addEvent(ArabicObj, 'mouseout', function() {
		ArabicObj.style.color='#666666';
		ArabicIconObj.src=menuIcons[3].src;
		}, false);
	
	addEvent(ArabicObj, 'click', function() {
		location.href="./English";
		}, false);
	//Set new timer:
	//--------------
	var newsNumber=0;
	var activeNewsObj=document.getElementById('news0');
	var newsImgObj=document.getElementById('newsImg');
	newsImgObj.src=newsImgs[0].src;	
	
	newsTimer=setInterval(function(){
	if(newsNumber==4)
		newsNumber=0;
	activeNewsObj.className='normalCell';
	activeNewsObj=document.getElementById('news' + newsNumber);
	activeNewsObj.className='activeCell';
	newsImgObj.src=newsImgs[newsNumber].src;
	newsNumber++;
	},'3000')
	
	}

//ADD EVENT TO WINDOW WHEN LOAD:
//==============================

addEvent(window,'load',whenLoad,false);