var navName = new Array (4);
	navName[0] = 'home'; navName[1] = 'nav_about'; navName[2] = 'nav_ourwork'; navName[3] = 'nav_contactus';
	
var sectionSet = new Array(4);
	sectionSet[0] = 'field_home'; sectionSet[1] = 'section_about'; sectionSet[2] = 'section_ourwork'; sectionSet[3] = 'section_contact';

var baseNavColor = "#666666";
var navHiLiteColor = "#ffffff";

var currentWorkPic = 1;

var navColor = new Array(4); navColor[0] = "#ffffff"; navColor[1] = "#ecb831"; navColor[2] = "#7bc05d"; navColor[3] = "#db0962";
	
var navdimColor = new Array(4); navdimColor[0] = "#ffffff"; navdimColor[1] = "#a68122"; navdimColor[2] = "#568741"; navdimColor[3] = "#9a0645";
	
var currentNav = 0;

var bigmSet = new Array('bigm_home','bigm_about','bigm_ourwork','bigm_contact');
var logoSet = new Array('logo','logo_white','logo_white','logo_white');

var navScaleFactor = 150;
var slidewait = 1100;
var slides = new Array('home_msg2','home_msg3','home_msg4','home_msg1');

//var slidelinks = new Array('ourwork_1','contact','about_3','about_1');
var slidelinks = new Array('2|1','3|1','1|3','1|1');
var mainlinks = new Array('about_1','ourwork_1','contact');
var slidegoing; 

var slideNum = 2;

var initSubNavWidth = new Array(false,false,false,false);
var lastSubNav = new Array('','');
var subNavName = new Array('','about','ourwork','');

var subNavArray = new Array(0,1,1,0);
var subNavObjArray = new Array(4);


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 subnavOver(obj,subNavItem,navNum) {
	if (obj != subNavObjArray[navNum]) {
	$(obj).morph('color:'+navHiLiteColor +';', {duration: 0.3, position: 'end', scope: navName[navNum] });	
		}
	}
function subnavOut(obj,subNavItem,navNum) {
	if (obj != subNavObjArray[navNum]) {
	fadeBackSubNav(obj,navNum);	
		}
	}
function navOver(obj,navNum) { 
	if (navNum != currentNav) {
		$(obj).morph('color:'+navHiLiteColor +';', {duration: 0.3, position: 'end', scope: obj });}
	}
function navOut(obj,navNum) {
	if (navNum != currentNav) {
	if (currentNav==0) { var returnColor = navColor[navNum]; } else { returnColor = baseNavColor;}
	$(obj).morph('color:'+returnColor+';', {duration: 0.5, position: 'end', scope: obj });	
		}
	}
function changeMenu(navNum,externalSubNavNum) {
if ((typeof(subNavObjArray[navNum]) == 'undefined') && (navNum==1 || navNum==2)) {
		subNavObjArray[navNum] = $('sub'+navName[navNum]).down(1);
		$(subNavObjArray[navNum]).morph('color:'+navColor[navNum]+';', {duration: 0.1, position: 'end', scope: subNavObjArray[navNum] });
		
		subNavObjArray[navNum].style.fontWeight = 'bold';
// -> {width: 200, height: 100}
	}
		
	if (currentNav != navNum) {
		var curNavNum = navNum;
		if (currentNav>0) {	shrinkNavItem(currentNav); }
		if (navNum > 0) { colorizeNav(navNum); expandNavItem(navNum); }
		if ((currentNav==0)||(navNum==0)) { rollField((currentNav==0)*-1+(navNum==0)); }
		new Effect.Appear(sectionSet[navNum], { duration: 0.8, queue: { scope: sectionSet[navNum], limit:1 }});
		new Effect.Fade(sectionSet[currentNav], { duration: 0.8, queue: { scope: sectionSet[currentNav], limit:1 }});
		new Effect.Appear(bigmSet[navNum], { duration: 0.8, queue: { scope: bigmSet[navNum], limit:1 }});
		new Effect.Fade(bigmSet[currentNav], { duration: 0.8, queue: { scope: bigmSet[currentNav], limit:1 }});
		new Effect.Appear(logoSet[navNum], { duration: 0.8, queue: { scope: logoSet[navNum], limit:1 }});
		new Effect.Fade(logoSet[currentNav], { duration: 0.8, queue: { scope: logoSet[currentNav], limit:1 }});
		if (initSubNavWidth[navNum] == false) { setTimeout('initSubNavWidthAction('+navNum+')', 500)}
		currentNav = navNum;
		if (navNum==0) {
			for (var x=1;x<=(navName.length-1);x=x+1) {
					if (navNum != x) {
						colorizeNav(x);
					}
			}
		}
		}
		if (externalSubNavNum != -1) {subNavClick($('sub'+navName[curNavNum]).down(0).next('li',externalSubNavNum-1),externalSubNavNum,curNavNum)}
	}
function initSubNavWidthAction(navNum) {
		var subNavFirst = $('sub'+navName[navNum]).down('li');
		var curObjWidth = $(subNavFirst).getWidth(); //)+'px';
		curObjWidth = (curObjWidth-1)+ 'px';
		$(subNavFirst).setStyle({width: curObjWidth});
		$(subNavFirst).setStyle({padding: '0'});
		var walkSubNavSet = new Array();
		walkSubNavSet = $(subNavFirst).siblings();
			for (var x=0; x<walkSubNavSet.length; x=x+1) {
				curObjWidth = (($(walkSubNavSet[x]).getWidth())-1)+'px';
				$(walkSubNavSet[x]).setStyle({padding: '0'});//$(obj).getWidth()
				$(walkSubNavSet[x]).setStyle({margin: '0'});//$(obj).getWidth()
				$(walkSubNavSet[x]).setStyle({width: curObjWidth});
			}
		initSubNavWidth[navNum] = true;
		}

function colorizeNav(curItem) {
	$(navName[curItem]).morph('color:'+navColor[curItem]+';', {duration: 0.5, position: 'end', scope: navName[curItem] });
	}
function shrinkNavItem(curItem) {
	goGrey(curItem);
	new Effect.Morph(navName[curItem], { style: 'font-size:14px', duration: 0.3, queue: { position: 'end', scope: navName[curItem] } });
	}
function expandNavItem(curItem) {
	new Effect.Morph(navName[curItem], { style: 'font-size:22px', duration: 0.3, queue: { position: 'end', scope: navName[curItem] } });
		for (var x=1;x<=(navName.length-1);x=x+1) {
			if (curItem != x) { goGrey(x); }
	}
	}
function rollField(upDown) { new Effect.Move('shell', { x: 0, y: 174*upDown, mode: 'relative', transition: Effect.Transitions.sinoidal, duration:0.75});}

function fadeBackSubNav(obj,navNum) {
	$(obj).morph('color:'+navdimColor[navNum]+';', {duration: 0.5, position: 'end', scope: obj });}

function subNavClick(obj,subNavItem,navNum) {
	if (obj != subNavObjArray[navNum]) {
	var theNewSubNav = 'field_'+subNavName[navNum]+'_'+subNavItem;
	var theOldSubNav = 'field_'+subNavName[navNum]+'_'+(subNavArray[navNum]);
	new Effect.Appear(theNewSubNav, { duration: 1.25, queue: { scope: theNewSubNav, limit:1 }});
	$(obj).morph('color:'+navColor[navNum]+';', {duration: 0.8, position: 'end', scope: obj });
	new Effect.Fade(theOldSubNav, { duration: 1.25, queue: { scope: theOldSubNav, limit:1 }});
	$(subNavObjArray[navNum]).morph('color:'+navdimColor[navNum]+';', {duration: 0.5, position: 'end', scope: subNavObjArray[navNum] });
	subNavObjArray[navNum].style.fontWeight = 'normal';
	obj.style.fontWeight = 'bold';
	subNavArray[navNum] = subNavItem;
	subNavObjArray[navNum] = obj;
	}
	}
function initSubNav(obj) {}

function goGrey(c) { $(navName[c]).morph('color:'+baseNavColor+';', {duration: 0.5, position: 'end', scope: navName[c] });}

function dotClick(obj) { $(obj).morph('background:'+navColor[0]+';'); }

function picdotHandler(element,type,name,picRefName) {
		trimmedNum = name.split('_');
		var picUnit = trimmedNum[1]*1;
		if (picUnit != currentWorkPic) {
	switch (type) {
		case 'over':
		var queue = Effect.Queues.get(name);
			queue.each(function(effect) { effect.cancel(); });
			new Effect.Morph(element, {
				style: 'background-color:'+navHiLiteColor+';',
				duration: 0.5,
				queue: { scope: name, limit:1}
			});
		break;
		case 'out':
				var queue = Effect.Queues.get(name);
			queue.each(function(effect) { effect.cancel(); });
			new Effect.Morph(element, {
				style: 'background-color:'+baseNavColor+';',
				duration: 0.5,
				queue: { scope: name, limit:1 }
			});
		break;
		case 'click':
		var queue = Effect.Queues.get(name);
			queue.each(function(effect) { effect.cancel(); });
			new Effect.Morph(element, {	style: 'background-color:'+navColor[2]+';', duration: 0.35, queue: { scope: name, limit:1 }}); otherDots = $(element).siblings();
				for (i=0; i<otherDots.length; i++) { new Effect.Morph(otherDots[i], { style: 'background-color:'+baseNavColor+';', duration: 0.35 });} 
				if ( picUnit < currentWorkPic ) {
					new Effect.Appear('pic_'+picRefName+"_"+picUnit, { duration: 0.3, queue: { scope: 'pic_'+picRefName+"_"+picUnit, limit:1 }});
					new Effect.Fade('pic_'+picRefName+"_"+currentWorkPic, { duration: 0.3, queue: { scope: 'pic_'+picRefName+"_"+currentWorkPic, limit:1 }});
					new Effect.Appear('desc_'+picRefName+"_"+picUnit, { duration: 0.5, queue: { scope: 'desc_'+picRefName+"_"+picUnit, limit:1 }});
					new Effect.Fade('desc_'+picRefName+"_"+currentWorkPic, { duration: 0.25, queue: { scope: 'desc_'+picRefName+"_"+currentWorkPic, limit:1 }});
				} else {
					new Effect.Appear('pic_'+picRefName+"_"+picUnit, { duration: 0.3, queue: { scope: 'pic_'+picRefName+"_"+picUnit, limit:1 }});
					new Effect.Fade('pic_'+picRefName+"_"+currentWorkPic, { duration: 0.3, queue: { scope: 'pic_'+picRefName+"_"+currentWorkPic, limit:1 }});
					new Effect.Appear('desc_'+picRefName+"_"+picUnit, { duration: 0.5, queue: { scope: 'desc_'+picRefName+"_"+picUnit, limit:1 }});
					new Effect.Fade('desc_'+picRefName+"_"+currentWorkPic, { duration: 0.25, queue: { scope: 'desc_'+picRefName+"_"+currentWorkPic, limit:1 }});
				}
				currentWorkPic = picUnit;
				break;
				}
		}
}

function startSlideshow() { slidegoing = setTimeout('startSlideshow()', 7000); rollfunction(); }

function rollfunction() {
new Effect.Fade(slides[slideNum], { duration:1, from: 1.0, to:0 });
slideNum++;
if (slideNum == 4) { slideNum = 0;}
new Effect.Appear(slides[slideNum], { duration:2.5, from: 0.0, to:1.0 });
}
function activatebrand() { var whereTo = (slidelinks[slideNum].split("|")); changeMenu(whereTo[0],whereTo[1]);}
function setnav(navNum) {
	currentNav = navNum;
	new Effect.Scale(navName[navNum],navScaleFactor,{duration:0.2, scaleFromCenter: false, queue: { position: 'end', scope: navName[navNum] } });
	for (x=0;x<=(navName.length-1);x=x+1) { if (navNum != x) { goGrey(x); } }	
	}
function returnObjById( id ) 
{ 
    if (document.getElementById) 
        var returnVar = document.getElementById(id); 
    else if (document.all) 
        var returnVar = document.all[id]; 
    else if (document.layers) 
        var returnVar = document.layers[id]; 
    return returnVar; 
}