var imgoff = new Array();
imgoff['studio'] = "assets/nav_studio_off.gif";         
imgoff['s_philosophy'] = "assets/nav_s_philosophy_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_contact'] = "assets/nav_s_contact_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_client'] = "assets/nav_w_client_off.gif";
imgoff['w_case'] = "assets/nav_w_case_off.gif";
imgoff['news'] = "assets/nav_news_off.gif";
imgoff['n_recognition'] = "assets/nav_n_recognition_off.gif";
imgoff['n_press'] = "assets/nav_n_press_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_philosophy'] = "assets/nav_s_philosophy_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_contact'] = "assets/nav_s_contact_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_client'] = "assets/nav_w_client_over.gif";
imgover['w_case'] = "assets/nav_w_case_over.gif";
imgover['news'] = "assets/nav_news_over.gif";
imgover['n_recognition'] = "assets/nav_n_recognition_over.gif";
imgover['n_press'] = "assets/nav_n_press_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_philosophy", "s_our_serv", "s_the_team", "s_contact", "s_design", "s_engin", "work", "w_client", "news", "w_case", "n_recognition", "n_press", "n_careers");
var subImgid = new Array("s_our_serv");

var menu = new Array("studioMenu", "workMenu", "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 = 23;
var minY = new Array();
minY['studioMenu'] = -53;
minY['workMenu'] = -23;
minY['newsMenu'] = -37;

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

var timeon;
var subtimeon;
var stMoving;
var wkMoving;
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();
		slideNwUp();
		slideStDown();
	}
	else if (name == "workMenu") {
		slideStUp();
		slideNwUp();
		slideWkDown();
	}
	else if (name == "newsMenu") {
		slideStUp();
		slideWkUp();
		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 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();
	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);
}