// menu

var g_strImageNames = new Array();



g_strImageNames[0] = 'square_about';

g_strImageNames[1] = 'square_solutions';

g_strImageNames[2] = 'square_approach';

g_strImageNames[3] = 'square_skills';

g_strImageNames[4] = 'square_clients';

g_strImageNames[5] = 'square_partners';

g_strImageNames[6] = 'btn_about';

g_strImageNames[7] = 'btn_solutions';

g_strImageNames[8] = 'btn_approach';

g_strImageNames[9] = 'btn_skills';

g_strImageNames[10] = 'btn_clients';

g_strImageNames[11] = 'btn_partners';



// preload all the images listed in the array "p_strImagesNames" passed as parameter

function PreLoadImages(p_strImagesNames)

{

	var g_oPreLoadedImages = new Array();



	for(i = 0; i < p_strImagesNames.length; i++)

	{

   		g_oPreLoadedImages[i] = new Image();

   		g_oPreLoadedImages[i].src = p_strImagesNames[i];

	}

}



var g_strOriginalImagesSrc = new Array();



// Each navigation section (ie, skills, clients,...) has diferent squares and text highlighted by default.

// This function store the path of the images contained in "g_strImageNames" composing each navigation section. This information

// will be used by the "RestoreOriginalImagesSrc" in order to restore the default images

function StoreImageSrc(p_txtPath, p_iSection)

{

	for(i = 0; i < 6; i++)

	{

		g_strOriginalImagesSrc[i] = p_txtPath + "square_off.gif";

		g_strOriginalImagesSrc[i + 6] = p_txtPath + g_strImageNames[i + 6] + "_off.gif";

	}



	switch(p_iSection)

	{

		case 6:

			for(i = 0; i < 5; i++)

			{

				g_strOriginalImagesSrc[i] = p_txtPath + "square_over.gif";

			}

			g_strOriginalImagesSrc[5] = p_txtPath + "square_on.gif";

			break;

		default:

			g_strOriginalImagesSrc[p_iSection] = p_txtPath + "square_over.gif";

			g_strOriginalImagesSrc[p_iSection + 6] = p_txtPath + g_strImageNames[p_iSection + 6] + "_on.gif";

			break;

	}

}



function StoreOriginalImageSrc(p_strLayerName)

{

	if(!ie4 && !ns6 && p_strLayerName != '')

	{

		for(i = 0; i < g_strImageNames.length; i++)

		{

			g_strOriginalImagesSrc[i] = document.layers[p_strLayerName].document.images[g_strImageNames[i]].src;

		}

	}

	else

	{

		for(i = 0; i < g_strImageNames.length; i++)

		{

			g_strOriginalImagesSrc[i] = document.images[g_strImageNames[i]].src;

		}

	}

}



function RestoreOriginalImagesSrc(p_strLayerName)

{

	if(!ie4 && !ns6 && p_strLayerName != '')

	{

		for(i = 0; i < g_strImageNames.length; i++)

		{

			document.layers[p_strLayerName].document.images[g_strImageNames[i]].src = g_strOriginalImagesSrc[i];

		}

	}

	else

	{

		for(i = 0; i < g_strImageNames.length; i++)

		{

			document.images[g_strImageNames[i]].src = g_strOriginalImagesSrc[i];

			//if(i == 0 || i == 1) alert(i + ", store: " + g_strOriginalImagesSrc[i]);

		}

	}

}



function ChangeImage(p_strLayerName, p_strImageName, p_strFile)

{

	if(!ie4 && !ns6 && p_strLayerName != '')

	{

		document.layers[p_strLayerName].document.images[p_strImageName].src = p_strFile;

	}

	else

	{

		document.images[p_strImageName].src = p_strFile;

	}

}



var g_bBILogoState = false;



function ShowAllOff(p_strLayerName)

{

	if(g_bBILogoState == false)

	{

		ChangeImage(p_strLayerName, 'square_about', '../images/common/square_off.gif');

		ChangeImage(p_strLayerName, 'btn_about', '../images/common/btn_about_off.gif');

		

		ChangeImage(p_strLayerName, 'square_solutions', '../images/common/square_off.gif');

		ChangeImage(p_strLayerName, 'btn_solutions', '../images/common/btn_solutions_off.gif');

		

		ChangeImage(p_strLayerName, 'square_approach', '../images/common/square_off.gif');

		ChangeImage(p_strLayerName, 'btn_approach', '../images/common/btn_approach_off.gif');

	

		ChangeImage(p_strLayerName, 'square_skills', '../images/common/square_off.gif');

		ChangeImage(p_strLayerName, 'btn_skills', '../images/common/btn_skills_off.gif');

		

		ChangeImage(p_strLayerName, 'square_clients', '../images/common/square_off.gif');

		ChangeImage(p_strLayerName, 'btn_clients', '../images/common/btn_clients_off.gif');

		

		ChangeImage(p_strLayerName, 'square_partners', '../images/common/square_off.gif');

		ChangeImage(p_strLayerName, 'btn_partners', '../images/common/btn_partners_off.gif');

		

		g_bBILogoState = true;

	}

}



function RestoreAll(p_strLayerName)

{

	if(g_bBILogoState == true)

	{

		RestoreOriginalImagesSrc(p_strLayerName);

		g_bBILogoState = false;

	}

}



//Layer

window.onerror = null;

var topMargin = 0;

var slideTime = 1200;

var ns6 = (!document.all && document.getElementById);

var ie4 = (document.all);

var ns4 = (document.layers);



function layerObject(id,left) {

	if (ns6) {

		this.obj = document.getElementById(id).style;

		this.obj.left = left;

		return this.obj;

	}

	else if(ie4) {

		this.obj = document.all[id].style;

		this.obj.left = left;

		return this.obj;

	}

	else if(ns4) {

		this.obj = document.layers[id];

		this.obj.left = left;

		return this.obj;

   }

}



function layerSetup() {

	floatLyr = new layerObject('floatLayer', pageWidth * .0);

	floatLyr2 = new layerObject('floatLayer2', 0);

	window.setInterval("main()", 10);

}



function floatObject() {

	if (ns4 || ns6) {

		findHt = window.innerHeight;

	} else if(ie4) {

		findHt = document.body.clientHeight;

   }

}



function main() {

	if (ns4) {

		this.currentY = document.layers["floatLayer"].top;

		this.scrollTop = window.pageYOffset;

		mainTrigger();

	}

	else if(ns6) {

		this.currentY = parseInt(document.getElementById('floatLayer').style.top);

		this.scrollTop = scrollY;

		mainTrigger();

	} else if(ie4) {

		this.currentY = floatLayer.style.pixelTop;

		this.scrollTop = document.body.scrollTop;

		mainTrigger();

   }

}



function mainTrigger() {

	var newTargetY = this.scrollTop + this.topMargin;

	if ( this.currentY != newTargetY ) {

		if ( newTargetY != this.targetY ) {

			this.targetY = newTargetY;

			floatStart();

		}

	animator();

   }

}



function floatStart() {

	var now = new Date();

	this.A = this.targetY - this.currentY;

	this.B = Math.PI / ( 2 * this.slideTime );

	this.C = now.getTime();

	if (Math.abs(this.A) > this.findHt) {

		this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt;

		this.A = this.A > 0 ? this.findHt : -this.findHt;

	}

	else {

		this.D = this.currentY;

   }

}



function animator() {

	var now = new Date();

	var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;

	newY = Math.round(newY);

	if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {

		if(ie4)

		{

			//if(newY < scrollHeight)

			//{

				document.all.floatLayer.style.pixelTop = newY;

				document.all.floatLayer2.style.pixelTop = newY;

			//}

		}

		

		if(ns4)

		{

			document.layers["floatLayer"].top = newY;

			document.layers["floatLayer2"].top = newY;

		}

		

		if(ns6)

		{

			document.getElementById('floatLayer').style.top = newY + "px";

			document.getElementById('floatLayer2').style.top = newY + "px";

		}

   }

}



function start() {

	if(ns6||ns4) {

		pageWidth = innerWidth;

		pageHeight = innerHeight;

		layerSetup();

		floatObject();

	}

	else if(ie4) {

		scrollHeight = document.body.scrollHeight - 540;

		pageWidth = document.body.clientWidth;

		pageHeight = document.body.clientHeight;

		layerSetup();

		floatObject();

   }

}



// random

var theImages = new Array();



theImages[0] = '../images/random/pic0.jpg';

theImages[1] = '../images/random/pic1.jpg';

theImages[2] = '../images/random/pic2.jpg';

theImages[3] = '../images/random/pic3.jpg';

theImages[4] = '../images/random/pic4.jpg';

theImages[5] = '../images/random/pic5.jpg';

theImages[6] = '../images/random/pic6.jpg';

theImages[7] = '../images/random/pic7.jpg';

theImages[8] = '../images/random/pic8.jpg';

theImages[9] = '../images/random/pic9.jpg';



var whichImage = Math.round(Math.random() * (theImages.length - 1));



function ShowRandomImage()

{

	document.write("<img src=\'" + theImages[whichImage] + "\'>");

}