// 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("link16"); 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("link24"); 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 width="183" height="128"><a href="javascript:work_space(&quot;link5&quot;)"><img src="Sky_Logo/math_gfx_sky_logo.jpg" width="183" height="152" border="0" /></a></td></tr><tr><td>&nbsp;</td></tr><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></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='';
	
	scroll(0,0);

}

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='';
	scroll(0,0);
	

}

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='';
	scroll(0,0);

}

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='';
	scroll(0,0);
}


//maths gfx
if(linkno=="link5")

{

	

	var txt='<span class="BLACK">Client: Space Design Consultants, Delhi</span><br /><span class="GRAY">Graphics for the Science Olympiad Foundation office interiors in Delhi were designed, for walls and transluscent screens, on the theme of Maths and Science. We used elements from nature that exhibit interesting geometry, old scientific instruments and graphically interesting texts as graphic elements..</span>';

	space_clearOther();

//	document.getElementById('link4').style.backgroundColor='#3DBCE9';

	var img_txt='<table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="Sky_Images/maths_graphics/Maths_graphics1.jpg" width="752" height="539" border="0" /></td></tr><tr><td><img src="Sky_Images/maths_graphics/Maths_graphics2.jpg" width="752" height="756" border="0" /></td></tr><tr><td><img src="Sky_Images/maths_graphics/Maths_graphics3.jpg" width="752" height="565" /></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><tr><td align="right">&nbsp;</td></tr></table>';

	document.getElementById('SUB_MENU').innerHTML='Interior Graphics for the Science Olympiad Foundation';

	document.getElementById('second_content').innerHTML=txt;

	document.getElementById('image_tab').innerHTML=img_txt;

	document.getElementById('viaearth').innerHTML='';
	scroll(0,0);
}



}

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';
*/




}
