var imgoff = new Array();
imgoff['studio'] = "assets/nav_studio_off.gif";         
imgoff['s_strategy'] = "assets/nav_s_strategy_off.gif";   
imgoff['s_our_serv'] = "assets/nav_s_our_serv_off.gif";     
imgoff['s_the_team'] = "assets/nav_s_the_team_off.gif";      
imgoff['s_overview'] = "assets/nav_s_overview_off.gif";       
imgoff['s_design'] = "assets/nav_s_design_off.gif";        
imgoff['s_engin'] = "assets/nav_s_engin_off.gif";

imgoff['work'] = "assets/nav_work_off.gif";
imgoff['w_case'] = "assets/nav_w_case_off.gif";

imgoff['about'] = "assets/nav_about_off.gif";
imgoff['a_people'] = "assets/nav_a_people_off.gif";
imgoff['a_profiles'] = "assets/nav_a_profiles_off.gif";
imgoff['a_aboutus'] = "assets/nav_a_aboutus_off.gif";

imgoff['news'] = "assets/nav_news_off.gif";
imgoff['n_contact'] = "assets/nav_n_contact_off.gif";
imgoff['n_news'] = "assets/nav_n_news_off.gif";
imgoff['n_careers'] = "assets/nav_n_careers_off.gif";

imgoff['showcase1'] = "assets/btn_case_1_off.gif";
imgoff['showcase2'] = "assets/btn_case_2_off.gif";
imgoff['showcase3'] = "assets/btn_case_3_off.gif";
imgoff['showcase4'] = "assets/btn_case_4_off.gif";
imgoff['showcase5'] = "assets/btn_case_5_off.gif";

var imgover = new Array();
imgover['studio'] = "assets/nav_studio_over.gif";
imgover['s_strategy'] = "assets/nav_s_strategy_over.gif";
imgover['s_our_serv'] = "assets/nav_s_our_serv_over.gif";
imgover['s_the_team'] = "assets/nav_s_the_team_over.gif";
imgover['s_overview'] = "assets/nav_s_overview_over.gif";
imgover['s_design'] = "assets/nav_s_design_over.gif";
imgover['s_engin'] = "assets/nav_s_engin_over.gif";

imgover['work'] = "assets/nav_work_over.gif";
imgover['w_case'] = "assets/nav_w_case_over.gif";

imgover['about'] = "assets/nav_about_over.gif";
imgover['a_people'] = "assets/nav_a_people_over.gif";
imgover['a_profiles'] = "assets/nav_a_profiles_over.gif";
imgover['a_aboutus'] = "assets/nav_a_aboutus_over.gif";

imgover['news'] = "assets/nav_news_over.gif";
imgover['n_contact'] = "assets/nav_n_contact_over.gif";
imgover['n_news'] = "assets/nav_n_news_over.gif";
imgover['n_careers'] = "assets/nav_n_careers_over.gif";

imgover['showcase1'] = "assets/btn_case_1_over.gif";
imgover['showcase2'] = "assets/btn_case_2_over.gif";
imgover['showcase3'] = "assets/btn_case_3_over.gif";
imgover['showcase4'] = "assets/btn_case_4_over.gif";
imgover['showcase5'] = "assets/btn_case_5_over.gif";

var imgon = new Array();
imgon['showcase1'] = "assets/btn_case_1_on.gif";
imgon['showcase2'] = "assets/btn_case_2_on.gif";
imgon['showcase3'] = "assets/btn_case_3_on.gif";
imgon['showcase4'] = "assets/btn_case_4_on.gif";
imgon['showcase5'] = "assets/btn_case_5_on.gif";

var imgid = new Array("studio", "s_strategy", "s_our_serv", "s_the_team", "s_overview", "s_engin", "work", "w_case", "about", "a_people", "a_profiles", "a_aboutus", "news", "n_contact", "n_news", "n_careers");
var subImgid = new Array("s_our_serv");

var menu = new Array("studioMenu","workMenu","aboutMenu","newsMenu");
var subMenu = new Array("studioSubMenu");

var imgcase = new Array();
imgcase['showcase1'] = "case1";
imgcase['showcase2'] = "case2";
imgcase['showcase3'] = "case3";
imgcase['showcase4'] = "case4";
imgcase['showcase5'] = "case5";

var topY = 54;
var minY = new Array();
minY['studioMenu'] = -43;
minY['workMenu'] = -13;
minY['aboutMenu'] = -13;
minY['newsMenu'] = -27;

var par = new Array();
par['studioMenu'] = "studio";
par['workMenu'] = "work";
par['aboutMenu'] = "about";
par['newsMenu'] = "news";
par['studioSubMenu'] = "s_our_serv";

var timeon;
var subtimeon;
var stMoving;
var wkMoving;
var abMoving;
var nwMoving;

function menuOver(name) {
//	alert('menuOver');
	clearTimeout(timeon);
	main = par[name];
	hideAllMenus(name);
	hideAllSubMenus();
	restoreAllImages(par[name]);
	showHideLayer(name, 'show');
	if (name == "studioMenu") {
		slideWkUp();
		slideAbUp();
		slideNwUp();
		slideStDown();
	}
	else if (name == "workMenu") {
		slideStUp();
		slideAbUp();
		slideNwUp();
		slideWkDown();
	}
	else if (name == "aboutMenu") {
		slideStUp();
		slideWkUp();
		slideNwUp();
		slideAbDown();
	}
	else if (name == "newsMenu") {
		slideStUp();
		slideWkUp();
		slideAbUp();
		slideNwDown();
	}
}

function menuOut() {
//	alert('menuOut');
	timeon = setTimeout("oriStatus()", 500);
}

function subMenuOver(name) {
//	alert('menuOver');
	clearTimeout(timeon);
	clearTimeout(subtimeon);
	main = par[name];
	swap(par[name]);
	showHideLayer(name, 'show');
}

function subMenuOut() {
//	alert('menuOut');
	subtimeon = setTimeout("oriSubStatus()", 500);
}

function set(name) {
	ele = document.getElementById(name);
	if (ele.style) { 
    	ele = ele.style; 
	}
	rollY = parseInt(ele.top);
	ele.top = parseInt(ele.top) - rollY;
}

function slideStDown(){
	ele = document.getElementById("studioMenu");
	if (ele.style) { 
    	ele = ele.style; 
	}
	if (parseInt(ele.top) < topY){
		clearTimeout(stMoving);
		stMoving = setTimeout("slideStDown()", 15);
		ele.top = parseInt(ele.top) + 5;
	}
}

function slideStUp(){
	ele = document.getElementById("studioMenu");
	if (ele.style) { 
    	ele = ele.style; 
	}
	if (parseInt(ele.top) > minY['studioMenu']){
		clearTimeout(stMoving);
		stMoving = setTimeout("slideStUp()", 15);
		ele.top = parseInt(ele.top) - 5;
	}
}
function slideWkDown(){
	ele = document.getElementById("workMenu");
	if (ele.style) { 
    	ele = ele.style; 
	}
	if (parseInt(ele.top) < topY){
		clearTimeout(wkMoving);
		wkMoving = setTimeout("slideWkDown()", 15);
		ele.top = parseInt(ele.top) + 5;
	}
}
function slideWkUp(){
	ele = document.getElementById("workMenu");
	if (ele.style) { 
    	ele = ele.style; 
	}
	if (parseInt(ele.top) > minY['workMenu']){
		clearTimeout(wkMoving);
		wkMoving = setTimeout("slideWkUp()", 15);
		ele.top = parseInt(ele.top) - 5;
	}
}
function slideAbDown(){
	ele = document.getElementById("aboutMenu");
	if (ele.style) { 
    	ele = ele.style; 
	}
	if (parseInt(ele.top) < topY){
		clearTimeout(abMoving);
		wkMoving = setTimeout("slideAbDown()", 15);
		ele.top = parseInt(ele.top) + 5;
	}
}
function slideAbUp(){
	ele = document.getElementById("aboutMenu");
	if (ele.style) { 
    	ele = ele.style; 
	}
	if (parseInt(ele.top) > minY['aboutMenu']){
		clearTimeout(abMoving);
		wkMoving = setTimeout("slideAbUp()", 15);
		ele.top = parseInt(ele.top) - 5;
	}
}
function slideNwDown(){
	ele = document.getElementById("newsMenu");
	if (ele.style) { 
    	ele = ele.style; 
	}
	if (parseInt(ele.top) < topY){
		clearTimeout(nwMoving);
		nwMoving = setTimeout("slideNwDown()", 15);
		ele.top = parseInt(ele.top) + 5;
	}
}

function slideNwUp(){
	ele = document.getElementById("newsMenu");
	if (ele.style) { 
    	ele = ele.style; 
	}
	if (parseInt(ele.top) > minY['newsMenu']){
		clearTimeout(nwMoving);
		nwMoving = setTimeout("slideNwUp()", 15);
		ele.top = parseInt(ele.top) - 5;
	}
}

function showHideLayer(name, status) {
//	alert('showHideLayer');
	ele = document.getElementById(name);
	if (ele.style) { 
    	ele = ele.style; 
    	status = (status =='show') ? 'visible' : (status=='hide') ? 'hidden' : status; 
   	}
    ele.visibility = status; 	
}

function oriStatus() {
	slideStUp();
	slideWkUp();
	slideAbUp();
	slideNwUp();
	hideAllSubMenus();
	restoreAllImages();
}

function oriSubStatus() {
	hideAllSubMenus();
	for (i = 0; i < subImgid.length; i++) {
		restore(subImgid[i]);	
	}
}

function hideAllMenus(except) {
	for (i = 0; i < menu.length; i++) {
		if (menu[i] != except) {
			showHideLayer(menu[i], 'hide');
		}
	}
}

function hideAllSubMenus(except) {
	for (i = 0; i < subMenu.length; i++) {
		if (subMenu[i] != except) {
			showHideLayer(subMenu[i], 'hide');
		}
	}
}

function restoreAllImages(except) {
	for (i = 0; i < imgid.length; i++) {
		if (imgid[i] != except) {
			restore(imgid[i]);
		}
	}
}

function restore(name) {
	obj = document.getElementById(name)
	if (obj != null)
		obj.src = imgoff[name];
}
	
function swap(name) {
	obj = document.getElementById(name)
	if (obj != null)
		obj.src = imgover[name];
}

function on(name) {
	obj = document.getElementById(name)
	if (obj != null)
		obj.src = imgon[name];
}

function hideAllShowCase() {
	showHideLayer(imgcase['showcase1'], 'hide');
	showHideLayer(imgcase['showcase2'], 'hide');
	showHideLayer(imgcase['showcase3'], 'hide');
	showHideLayer(imgcase['showcase4'], 'hide');
	showHideLayer(imgcase['showcase5'], 'hide');
}

function restoreAllImgCase() {
	restore("showcase1");
	restore("showcase2");
	restore("showcase3");
	restore("showcase4");
	restore("showcase5");
}

function swapShowcase(name) {
	hideAllShowCase();
	showHideLayer(imgcase[name], 'show');
	restoreAllImgCase();
	on(name);
}

function restoreImgCase(name) {
	ele = document.getElementById(imgcase[name]);
	if (ele.style) { 
    	ele = ele.style; 
   	}
    if (ele.visibility == 'hidden')
    	restore(name);
}

function swapImgCase(name) {
	ele = document.getElementById(imgcase[name]);
	if (ele.style) { 
    	ele = ele.style; 
   	}
    if (ele.visibility == 'hidden')
    	swap(name);
}