appName = checkBrawser();

prev3bgObj = null;
url = 'src/';
objPrevMenu = null;
objPrevList = null;
idxStr = null;
menuStr = null;

prev1Color = null;
prev3Color = null;
prev4Color = null;
prev1bgObj = null;
prev2bgObj = null;

fontColorOn = "#000000";
fontColorOver = "#666666";
fontColorOff = "#333333";

	
	data = new Array("bodyThumbOn.jpg","courtThumbOn.jpg","daycareThumbOn.jpg","esmodThumbOn.jpg","exlayerThumbOn.jpg","gifusionThumbOn.jpg","globalloonThumbOn.jpg","iamastvThumbOn.jpg","licoThumbOn.jpg","lionsThumbOn.jpg","luciaThumbOn.jpg","minohThumbOn.jpg","mosquitoThumbOn.jpg","netsoundThumbOn.jpg","nounouThumbOn.jpg","nounouThumbOn.jpg","sharingmomentThumbOn.jpg","talkingglassThumbOn.jpg","tastingmusicThumbOn.jpg","narrowcastingtvThumbOn.jpg","emotionalcommunicationThumbOn.jpg","mobilerapidprotoThumbOn.jpg","waterThumbOn.jpg","softThumbOn.jpg","indexOver.gif","newsColor.gif","waterThumbOn.jpg","experienceColor.gif","contactColor.gif","waterThumbOn.jpg");
	prImg= new Array();
	for (i=0; i<data.length; i++)
	{
        prImg[i] = new Image();
        prImg[i].src = url + data[i];
	}

news = '&nbsp;&nbsp;2010-01-19 Giving a talk about <a href="http://www.slideshare.net/michihito/prototyping-experience" target="_blank">Prototyping Experience</a> at <a href="http://vipp.mlog.taik.fi/2009/12/11/vipp-workshop-symposium-2010-seeing-red/" target="_blank">VIPP workshop</a>, Aalto University, Finland<br />&nbsp;&nbsp;2008-11-09 <a href="http://mlab.taik.fi/studies/courses/course?id=1718" target="_blank">Designing Interaction with Electronics workshop</a> at <a href="http://mlab.taik.fi/" target="_blank">Media Lab Helsinki</a>, Finland<br />&nbsp;&nbsp;2009-08-03 <a href="http://www.cs.uta.fi/ucit/die/" target="_blank">Designing Interaction with Electronics workshop</a> at <a href="http://www.cs.uta.fi/ucit/" target="_blank">UCIT</a>, University of Tampere, Finland<br />&nbsp;&nbsp;2008-11-03 Designing Interaction with Electronics workshop at <a href="http://mlab.taik.fi/" target="_blank">Media Lab Helsinki</a><br />&nbsp;&nbsp;2007-11-12 Designing Interaction with Electronics workshop at <a href="http://mlab.taik.fi/" target="_blank">Media Lab Helsinki</a><br />&nbsp;&nbsp;2007-09-01 Physical Computing started at <a href="http://cmt.siba.fi/" target="_blank">Center for Music &amp; Technology</a>, Sibelius Academy, Finland<br />'


function init(workID, menuID, listID) {
	
	curMenuID = menuID
	workUrl = 'img/';
	
	image1Over = new Image();
	image1Over.src = url + 'indexOver.gif';
	image1On = new Image();
	image1On.src = url + menuID + 'Color.gif';
	image2Over = new Image();
	image2Over.src = url + 'indexOver.gif';
	image2On = new Image();
	image2On.src = url + menuID + 'Color.gif';
	image4Over = new Image();
	image4Over.src = url + 'workBtnOver.gif';
	image4On = new Image();
	image4On.src = url + 'workBtnOn.gif';
	
	if (workID) {
		workImgID = workID
	}
	if (menuID) {
		obj = document.getElementById(curMenuID + "Menu");
		obj.style.visibility = 'visible';
		objPrevMenu = obj
		obj = document.getElementById(curMenuID);
		obj.style.backgroundImage = 'url(' + image1On.src + ')';
		prev1bgObj = obj;
		if (listID) {
			obj = document.getElementById(listID);
			obj.style.backgroundImage = 'url(' + image2On.src + ')';
			prev2bgObj = obj;
			
			obj = document.getElementById(listID + "List");
			if (obj != null) {
				obj.style.visibility = 'visible';
				objPrevList = obj
			}
			if (workID) {
				obj = document.getElementById(workID);
				objPrevWork = obj
				obj.style.backgroundImage = 'url(' + url + workID + 'ThumbActv.jpg)';
				prev3bgObj = obj;
			}
		}
	}
	
				
	var aQuery = new Array;
	if (location.search.length > 1) {
		sQuery = location.search.substring(1,location.search.length)
		sQuery = sQuery + "";
		var aTemp = sQuery.split("&"); 
		for (i in aTemp) {
			aQuery[i] = aTemp[i].split("=");
		}
	}
	if (aQuery != "") {
		if (aQuery[0][0] == "t") {
			name = aQuery[0][1]
			if (name == "photo") {
				type = "photo";
			}else if (name == "movie") {
				type = "movie";
			}
			
			if (aQuery[1][0] == "n") {
				num = aQuery[1][1] - 0
			}else {
				num = 1;
			}
		}else {
			type = "photo";
			num = 1
		}
	} else {
		type = "photo";
		num = 1
	}
	workBtnChange(num);
	obj = document.getElementById("workImg");
	prev4bgObj = document.getElementById("workBtnPhoto" + num);
	if (obj != null){ obj.src = workUrl + workImgID + num + ".jpg"; }
			
	aPath = new Array();
	aPath = location.pathname.split("/");
	n = aPath.length;
	sFileName = aPath[aPath.length-1];

	
}

function checkBrawser() {
	aName  = navigator.appName.toUpperCase();
    uName = navigator.userAgent.toUpperCase();
	//window.alert(uName);
    if (uName.indexOf("FIREFOX") >= 0)  {return "FireFox";}
    if (uName.indexOf("SAFARI") >= 0)  {return "Safari";}
    if (uName.indexOf("OPERA") >= 0)  {return "Opera";}
    if (aName.indexOf("NETSCAPE") >= 0)  {return "Netscape";}
    if (aName.indexOf("MICROSOFT") >= 0) {return "Explorer";}
	return;
}

function workBtnChange(num) {
	if (type == "photo") {
		obj = document.getElementById("workBtnPhoto" + num);
	} else if (type == "movie") {
		obj = document.getElementById("workBtnMovie" + num);
	}
	obj.style.backgroundImage = 'url(' +url + 'workBtnOn.gif)';
}

function imgOn(element, layerNum){
	element.style.cursor = "pointer";
	
	var image = null;
	if(layerNum == 1){
		if (element != prev1bgObj) {
			prev1Color = element.style.color;
			element.style.color = fontColorOver;
			prev1bgImg = element.style.backgroundImage
			element.style.backgroundImage = 'url(' + image1Over.src + ')';
		}
	}else if(layerNum == 2){
		if (element != prev2bgObj) {
			prev2Color = element.style.color;
			prev2bgImg = element.style.backgroundImage
			element.style.color = fontColorOver;
			element.style.backgroundImage = 'url(' + image2Over.src + ')';
		}
	}else if(layerNum == 3){
		if (element != prev3bgObj) {
		prev3Color = element.style.color;
		prev3bgImg = element.style.backgroundImage;
		element.style.backgroundImage = 'url(' + url + element.id + 'ThumbOn.jpg)';
		}
	}else if(layerNum == 4){
		if (element != prev4bgObj) {
			prev4Color = element.style.color;
			prev4bgImg = element.style.backgroundImage;
			element.style.color = "#333333";
			element.style.backgroundImage = 'url(' + image4Over.src + ')';
			//windows.alert(prev4bgImg);
		}
	}
}

function imgOff(element, layerNum){
	var image = null;
	if(layerNum == 1){
		if (element != prev1bgObj) {
			element.style.color = prev1Color;
			element.style.backgroundImage = prev1bgImg;
		}
	}else if(layerNum == 2){
		if (element != prev2bgObj) {
			element.style.color = prev2Color;
			element.style.backgroundImage = prev2bgImg;
		}
	}else if(layerNum == 3){
		if (element != prev3bgObj) {
			element.style.color = prev3Color;
			element.style.backgroundImage = prev3bgImg;
		}
	}else if(layerNum == 4){
		if (element != prev4bgObj) {
			element.style.color = prev4Color;
			element.style.backgroundImage = prev4bgImg;
		}
	}
}

function showMenu(element, layerNum){
	if(layerNum == 1){
		if(objPrevMenu){
			hideMenu(objPrevMenu, layerNum);
		}
			swapImg(element, layerNum);
			menuName = element.id + 'Menu';
			objMenu = document.getElementById(menuName);
			objMenu.style.visibility = 'visible';
			objPrevMenu = objMenu;
	}else if(layerNum == 2){
		if(objPrevList){
			hideMenu(objPrevList, layerNum);
		}
			swapImg(element, layerNum);
			dropName = element.id + 'List';
			objDrop = document.getElementById(dropName);
			objDrop.style.visibility = 'visible';
			objPrevList = objDrop;
	}
}

function hideMenu(element, layerNum){
	if(element){
		if(layerNum == 1){
			if(element.id.indexOf('Menu')==-1){
				objPrevMenu.style.visibility = 'hidden';
				objPrevList.style.visibility = 'hidden';
			}else{
				element.style.visibility = 'hidden';
			}
		}else if(layerNum == 2){
				objPrevList.style.visibility = 'hidden';
			
		}
	}
}

function swapImg(element, layerNum) {
	if(layerNum == 1){
		if (prev1bgObj) {
			prev1bgObj.style.backgroundImage = 'url()';
			prev1bgObj.style.color = fontColorOff;
		}
		prev1bgObj = element
		curMenuID = element.id;
		element.style.backgroundImage = 'url(' + url + curMenuID + 'Color.gif)';
		element.style.color = fontColorOn;
	}else if(layerNum == 2){
		if (prev2bgObj) {
			prev2bgObj.style.backgroundImage = 'url()';
			prev1bgObj.style.color = fontColorOff;
		}
		prev2bgObj = element
		element.style.backgroundImage = 'url(' + url + curMenuID + 'Color.gif)';
	}else if(layerNum == 4){
		appName = checkBrawser()
		if (appName ==  "Safari") {
			if (!isNaN(element.innerText)) {
				num = element.innerText;
			}
		}else{
			if (!isNaN(element.childNodes[1].nodeValue)) {
				num = element.childNodes[1].nodeValue
			}
		}
			
		if (!isNaN(num)) {
			if (prev4bgObj) {
				prev4bgObj.style.backgroundImage = 'url()';
			}
			prev4bgObj = element
			element.style.backgroundImage = 'url(' +image4On.src + ')';
		
			workBtnChange(num);
			
		
			aFileName = new Array();
			aFileName = sFileName.split(".");
			fileName2 = aFileName[0];
			if (fileName2.indexOf("_mov") == -1) {
				clicked(fileName2 + ".html?t=photo&n=" + num);
			}else{ 
				pos = fileName2.search("_mov");
				clicked(fileName2.substring(0,pos) + ".html?t=photo&n=" + num);
			}
		}
	}
}

function swapMovie(element) {
		appName = checkBrawser()
		if (appName ==  "Safari") {
			if (!isNaN(element.innerText)) {
				num = element.innerText;
			}
		}else{
			if (!isNaN(element.childNodes[1].nodeValue)) {
				num = element.childNodes[1].nodeValue
			}
		}
		
		if (!isNaN(num)) {
			aFileName = new Array();
			aFileName = sFileName.split(".");
			fileName2 = aFileName[0];
			if (sFileName.indexOf("_mov") == -1) {
				//clicked(fileName2 + "_mov" + num + ".html");
				clicked(fileName2 + "_mov" + num + ".html?t=movie&n=" + num);
			} else { 
				pos = fileName2.search("_mov");
				//linkURL = fileName2.substring(0,pos+4) + num + ".html"
				linkURL = fileName2.substring(0,pos+4) + num + ".html?t=movie&n=" + num
				clicked(linkURL);
			}
		}else { 
		//window.alert(element.childNodes[1].nodeValue); 
		}
}

function clicked(filename) {
	window.location.href = filename;
}

function loadNews() {
	document.write(news);
}