// JavaScript Document



function work_space(linkno)

{

	//alert(linkno);

	var txt='<table width="980" border="0" cellspacing="0" cellpadding="0"><tr><td width="184" align="center" bgcolor="#000000" class="main_menu" valign="middle" id="m_brand"  ><a href=javascript:work_brand("link1"); style="color:#FFFFFF" onmouseover=javascript:product_mouseover("m_brand"); onmouseout=javascript:product_mouseout("m_brand");>BRANDING & COLLATERAL</a></td><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="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="343"></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("extraleftSection").innerHTML='<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="140">&nbsp;</td></tr></table>';
	document.getElementById("extraBottomSection").innerHTML='<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="140">&nbsp;</td></tr></table>';

	document.getElementById("main_content").innerHTML='<table width="980" border="0" cellspacing="0" cellpadding="0"><tr><td>&nbsp;</td><td></td></tr><tr><td valign="top" width="183"><table width="183" border="0" cellspacing="0" cellpadding="0"> <tr>   <td><a href="javascript:work_space(&quot;link1&quot;)"><img src="Sky_Logo/MojoExhibition_sky_logo.jpg" width="183" height="128" border="0" /></a></td> </tr> <tr>   <td>&nbsp;</td>  </tr> <tr> <td><a href="javascript:work_space(&quot;link2&quot;)"><img src="Sky_Logo/SLGsystel_sky_logo.jpg" width="183" height="128" border="0" /></a></td> </tr> <tr>  <td>&nbsp;</td> </tr> <tr>  <td><a href="javascript:work_space(&quot;link3&quot;)"><img src="Sky_Logo/BhartiBhavan_sky_logo.jpg" width="183" height="128" border="0" /></a></td> </tr> <tr>  <td>&nbsp;</td> </tr> <tr> <td><a href="javascript:work_space(&quot;link4&quot;)"><img src="Sky_Logo/WestsideWindows_sky_logo.jpg" width="183" height="128" border="0" /></a></td> </tr></table></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 >&nbsp;</td></tr><tr><td align="left"><div  id="SUB_MENU" style=" background-color:#3DBCE9" >&nbsp;</div></td></tr><tr><td>&nbsp;</td></tr><tr><td align="left" id="second_content"><span class="GRAY">&nbsp;</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-link5"; 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';
*/




}