// JavaScript Document
function switchText(which){
	
	switch(which){
		case 1:
			img_src = "src=\"images\/001.jpg\"";
			img_txt = "http://www.planetarydesign.us\">Planetary Design";
		break;
		case 2:
			img_src = "src=\"images\/002.jpg\"";
			img_txt = "http://www.laptoplunches.com/\">Laptop Lunches";
		break;
		case 3:
			img_src = "src=\"images\/003.jpg\"";
			img_txt = "http://www.kleankanteen.com/\">Klean Kanteen";			
		break;	
		case 4:
			img_src = "src=\"images\/004.jpg\"";
			img_txt = "http://www.mettevangso.com/\">Mette Vangso ";			
		break;	
		case 5:
			img_src = "src=\"images\/005.jpg\"";
			img_txt = "http://www.eco-me.com/\">Eco-Me";			
		break;
		case 6:
			img_src = "src=\"images\/006.jpg\"";
			img_txt = "http://www.nellieslaundry.com/\">Nellies";			
		break;										
		case 7:
			img_src = "src=\"images\/007.jpg\"";
			img_txt = "http://www.wearewhatwedo.ca/\">What are we to do";			
		break;												
		default:
		img_scr = "Please re-try your selection";
		break;
	}
	
	header = "<img ";
	footer = "/>";
	header_txt = "<h2><a href=\"";
	footer_txt = "</a></h2>";
	var obj_img = document.getElementById("images");
	obj_img.innerHTML = header+img_src+footer;
	var obj_txt = document.getElementById("info");
	obj_txt.innerHTML = header_txt+img_txt+footer_txt;
}

function newtab(which) {

	switch(which){
		case 1:
			img_txt = "http://www.planetarydesign.us";
		break;
		case 2:
			img_txt = "http://www.laptoplunches.com/";
		break;
		case 3:
			img_txt = "http://www.kleankanteen.com/";
		break;	
		case 4:
			img_txt = "http://www.mettevangso.com";
		break;	
		case 5:
			img_txt = "http://www.eco-me.com/";
		break;
		case 6:
			img_txt = "http://www.nellieslaundry.com/";
		break;										
		case 7:
			img_txt = "http://www.wearewhatwedo.ca/";
		break;												
		default:
		img_txt = "#";
		break;
	}
	

 var newWindow = window.open(img_txt, '_blank');
 newWindow.focus();
 return false;
}

function settext(which) {

	switch(which){
		case 1:
			img_txt = "Planetary Design";
		break;
		case 2:
			img_txt = "Laptop Lunch";
		break;
		case 3:
			img_txt = "Klean Kanteen";
		break;	
		case 4:
			img_txt = "Mette Vangso";
		break;	
		case 5:
			img_txt = "Eco-Me";
		break;
		case 6:
			img_txt = "Nellies";
		break;										
		case 7:
			img_txt = "We Are What We Do";
		break;												
		default:
		img_txt = "";
		break;
	}
	
	
	var obj_txt = document.getElementById("info");
	obj_txt.innerHTML = "<h2>"+img_txt+"</h2>";

	return false;
}

function putimages(where){
	
	img1 ='<img onMouseOver="javascript:settext(1)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(1)" src="images/001s.gif" align="top"/>';
    img7 ='<img onMouseOver="javascript:settext(4)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(4)" src="images/004s.gif" align="top"/>';
	img3 ='<img onMouseOver="javascript:settext(3)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(3)" src="images/003s.gif" align="top"/>';
    img4 ='<img onMouseOver="javascript:settext(5)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(5)" src="images/005s.gif" align="top"/>';
    img5 ='<img onMouseOver="javascript:settext(2)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(2)" src="images/002s.gif" align="top"/>';
    img6 ='<img onMouseOver="javascript:settext(6)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(6)" src="images/006s.gif" align="top"/>';
    img2 ='<img onMouseOver="javascript:settext(7)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(7)" src="images/007s.gif" align="top"/>';
	
	if(where==1){
		var obj_txt = document.getElementById("overimages");
		obj_txt.innerHTML = img1+img2+img3+img4+img5+img6+img7;
		var obj2_txt = document.getElementById("images");
		obj2_txt.innerHTML = "&nbsp;";
	}
	else{
		var obj_txt = document.getElementById("images");
		obj_txt.innerHTML = img1+img2+img3+img4+img5+img6+img7;
		var obj2_txt = document.getElementById("overimages");
		obj2_txt.innerHTML = "&nbsp;";
	}
	
	/*var obj = document.getElementById("images");
	obj.setAttribute("style","z-index:15;");
	alert(obj.getAttribute("style"));
	*/
}

function dropimages(where){
    img5 ='<img onMouseOver="javascript:settext(1)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(1)" src="images/001s.gif" align="top"/>';
    img2 ='<img onMouseOver="javascript:settext(4)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(4)" src="images/004s.gif" align="top"/>';
	img3 ='<img onMouseOver="javascript:settext(3)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(3)" src="images/003s.gif" align="top"/>';
    img4 ='<img onMouseOver="javascript:settext(5)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(5)" src="images/005s.gif" align="top"/>';
    img1 ='<img onMouseOver="javascript:settext(2)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(2)" src="images/002s.gif" align="top"/>';
    img6 ='<img onMouseOver="javascript:settext(6)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(6)" src="images/006s.gif" align="top"/>';
    img7 ='<img onMouseOver="javascript:settext(7)" onMouseOut="javascript:settext(0)" onClick="javascript:newtab(7)" src="images/007s.gif" align="top"/>';
	
	var obj_txt = document.getElementById("overimages");
	obj_txt.innerHTML = img1+img2+img3+img4+img5+img6+img7;


}