// JavaScript Document

function work_space(linkno)
{
	//alert(linkno);
	var txt='<table width="980" border="0" cellspacing="0" cellpadding="0"><tr><td width="59" height="22" align="center" bgcolor="#000000" class="main_menu" valign="middle" id="m_print" onmouseover=javascript:space_mouseover("m_print"); onmouseout=javascript:space_mouseout("m_print");><a href=javascript:work_print("link1"); style="color:#FFFFFF">PRINT</a></td><td width="184" align="center" bgcolor="#000000"  class="main_menu" valign="middle" id="m_brand" onmouseover=javascript:space_mouseover("m_brand"); onmouseout=javascript:space_mouseout("m_brand");  ><a href=javascript:work_brand("link1"); style="color:#FFFFFF" >BRANDING & STATIONERY</a></td><td width="132" align="center" bgcolor="#3DBCE9" class="main_menu" valign="middle" id="m_space" ><a href=javascript:blnk(); style="color:#FFFFFF">SPACE GRAPHICS</a></td><td width="135"  align="center" bgcolor="#000000" class="main_menu" valign="middle" id="m_design" onmouseover=javascript:space_mouseover("m_design"); onmouseout=javascript:space_mouseout("m_design"); ><a href=javascript:work_product("link1"); style="color:#FFFFFF">PRODUCT DESIGN</a></td><td width="127" align="center" bgcolor="#000000" class="main_menu" valign="middle" id="m_misc" onmouseover=javascript:space_mouseover("m_misc"); onmouseout=javascript:space_mouseout("m_misc");><a href=javascript:work_misc("link1"); style="color:#FFFFFF">MISCELLANEOUS</a></td><td width="191" align="center" bgcolor="#818284" class="main_menu" valign="middle"><a href="http://www.skyinteractive.co.in" target="_blank"; style="color:#FFFFFF">WEBSITES & ONLINE WORK</a></td><td width="152"></td></tr></table>';
	document.getElementById("sub_top_center_menu").innerHTML=txt;
	document.getElementById("sub_top_left_menu").style.backgroundColor='#E0E0E1';
	document.getElementById("sub_top_center_menu").style.backgroundColor='#E0E0E1';
	document.getElementById("sub_top_right_menu").style.backgroundColor='#E0E0E1';
	document.getElementById("main_content").innerHTML='<table width="980" border="0" cellspacing="0" cellpadding="0"><tr><td height="5"></td><td></td></tr><tr><td valign="top"><div id="print"><div id="vertmenu" align="left" style="width:192px"><ul><li id="link1" href=javascript:work_space("link1") style="background-color:#3DBCE9" ><a href=javascript:work_space("link1");>Mojo Exhibition</a></li><li id="link2" href=javascript:work_space("link2")><a href=javascript:work_space("link2"); >KLG Systel Office Graphics</a></li><li id="link3" href=javascript:work_space("link3")><a href=javascript:work_space("link3");>Bharati Bhawan Mural</a></li><li id="link4" href=javascript:work_space("link4");><a href=javascript:work_space("link4"); style="padding:5px 5px 10px 10px;">Westside Window Displays</a></li></ul></div></div></td><td width="788" valign="top"><table width="788" border="0" cellspacing="0" cellpadding="0"><tr><td width="30">&nbsp;</td><td width="758"><table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td height="34">&nbsp;</td></tr><tr><td align="left"><div  id="SUB_MENU" style=" background-color:#3DBCE9" >MOJO EXHIBITION</div></td></tr><tr><td>&nbsp;</td></tr><tr><td align="left" id="second_content"><span class="GRAY">Technology, energy, innovation and communication were the key attributes that Novanet wanted to stand for. The logo was designed to work for an International market, where Novanet would be competing with AT&T and Verizon.</span><br /><span class="BLUE"></span></td></tr><tr><td>&nbsp;</td></tr><tr><td id="image_tab" valign="top"></td></tr></table></td></tr></table></td></tr><tr><td colspan="2" align="right" id="viaearth"></td></tr></table>';

if(linkno=="link1")
{
	//alert("link1");
	var txt='<span class="GRAY">Mojo is a brand of sunglasses aimed at the Indian youth market. Space graphics and a motorised installation were designed for an exhibition of the brand and products at Pragati Maidan, Delhi.</span><br /><span class="BLUE"><em>For this client we also did: <a href="skyinteractive.php?lnk=work-brand_websites-link1"; target="_blank" style="color:#3ABCE9">Website</a>, <a href=javascript:setPage("work-work_print-link4"); style="color:#3ABCE9">Cases</a>, <a href=javascript:setPage("work-work_print-link4");; style="color:#3ABCE9">Posters & Print Advertisements</a></em></span>';
	var img_txt='<table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="images/mojo_exhibition_01.jpg" width="757" height="440" /></td></tr><tr><td align="left">&nbsp;</td></tr><tr><td align="center" ><img src="images/mojo_exhibition_02.jpg" width="596" height="534" /></td></tr><tr><td align="left">&nbsp;</td></tr><tr><td align="center"><img src="images/mojo_exhibition_03.jpg" width="596" height="536" /></td></tr><tr><td align="left">&nbsp;</td></tr><tr><td ><img src="images/mojo_exhibition_04.jpg" width="757" height="126"/></td></tr><tr><td align="left">&nbsp;</td></tr><tr><td  align="center" ><img src="images/mojo_exhibition_05.jpg" width="757" height="384" /></td></tr><tr><tdalign="left">&nbsp;</td></tr><tr><td ><img src="images/mojo_exhibition_06.jpg" width="758" height="255" /></td></tr><tr><td align="center">&nbsp;</td></tr><tr><td align="center"><img src="images/mojo_exhibition_07.jpg" width="756" height="481" /></td></tr><tr><td align="center">&nbsp;</td></tr><tr><td align="center"><img src="images/mojo_exhibition_08.jpg" width="758" height="491" /></td></tr><tr><td align="right"><span class="BLACK" style="padding:0px 10px 0px 0px"><a href="#top" style="color:#3DBCE9">Back to top</a></span></td></tr></table>';
	space_clearOther();
	document.getElementById('link1').style.backgroundColor='#3DBCE9';
	document.getElementById('SUB_MENU').innerHTML='MOJO EXHIBITION';
	document.getElementById('second_content').innerHTML=txt;
	document.getElementById('image_tab').innerHTML=img_txt;
	document.getElementById('viaearth').innerHTML='';
}
if(linkno=="link2")
{
	var txt='<span class="GRAY">Transluscent glass screens were designed for the KLG Systel office in Delhi, which offer partial privacy and visibility, and add a little fun and color to the office spaces.</span><br /><span class="BLUE"></span>';
	var img_txt='<table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="images/systel_01.jpg" width="754" height="377" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/systel_02.jpg" width="754" height="355" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/systel_03.jpg" width="754" height="372" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/systel_04.jpg" width="754" height="580" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/systel_05.jpg" width="754" height="672" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/systel_06.jpg" width="754" height="484" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/systel_07.jpg" width="754" height="822" /></td></tr><tr><td align="right"><span class="BLACK" style="padding:0px 10px 0px 0px"><a href="#top" style="color:#3DBCE9">Back to top</a></span></td></tr></table>';
	space_clearOther();
	document.getElementById('link2').style.backgroundColor='#3DBCE9';
	document.getElementById('SUB_MENU').innerHTML='KLG SYSTEL OFFICE GRAPHICS';
	document.getElementById('second_content').innerHTML=txt;
	document.getElementById('image_tab').innerHTML=img_txt;
	document.getElementById('viaearth').innerHTML='';
	
}
if(linkno=="link3")
{
	var txt='<span class="GRAY">A 20 by 6 feet mural was designed for the office, to depict the history of printing technology.</span><br /><span class="BLUE"></span>';
	var img_txt='<table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="images/bharati_01.jpg" width="754" height="409" /></td></tr><tr><td><img src="images/bharati_02.jpg" width="754" height="392" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/bharati_03.jpg" width="754" height="409" /></td></tr><tr><td align="right"><span class="BLACK" style="padding:0px 10px 0px 0px"><a href="#top" style="color:#3DBCE9">Back to top</a></span></td></tr></table>';
	space_clearOther();
	document.getElementById('link3').style.backgroundColor='#3DBCE9';
	document.getElementById('SUB_MENU').innerHTML='BHARATI BHAWAN MURAL.';
	document.getElementById('second_content').innerHTML=txt;
	document.getElementById('image_tab').innerHTML=img_txt;
	document.getElementById('viaearth').innerHTML='';
}
if(linkno=="link4")
{
	
	var txt='<span class="GRAY">Window displays and in-store installations, for the festive Diwali season, were designed for all the Westside stores in India and executed in 3 stores in Mumbai.</span><br /><span class="BLUE">Coming Soon.</span>';
	space_clearOther();
	document.getElementById('link4').style.backgroundColor='#3DBCE9';
	var img_txt='';
	document.getElementById('SUB_MENU').innerHTML='WESTSIDE WINDOW DISPLAYS';
	document.getElementById('second_content').innerHTML=txt;
	document.getElementById('image_tab').innerHTML=img_txt;
	document.getElementById('viaearth').innerHTML='';
}

}
function space_mouseover(param)
{
document.getElementById(param).style.backgroundColor='#3DBCE9';
//document.getElementById("m_brand").style.backgroundcolor='blue';
//alert("hello");
}
function space_mouseout(param)
{
document.getElementById(param).style.backgroundColor='black';
}
function space_mouseup(param)
{
space_clearOther();
document.getElementById(param).style.backgroundColor='#3DBCE9';
}

function space_clearOther()
{
document.getElementById('link1').style.backgroundColor='#818284';
document.getElementById('link2').style.backgroundColor='#818284';
document.getElementById('link3').style.backgroundColor='#818284';
document.getElementById('link4').style.backgroundColor='#818284';


}