// JavaScript Document

function work_product(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:product_mouseover("m_print"); onmouseout=javascript:product_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"  ><a href=javascript:work_brand("link1"); style="color:#FFFFFF" onmouseover=javascript:product_mouseover("m_brand"); onmouseout=javascript:product_mouseout("m_brand");>BRANDING & STATIONERY</a></td><td width="132" align="center" bgcolor="#000000" class="main_menu" valign="middle" id="m_space" onmouseover=javascript:product_mouseover("m_space"); onmouseout=javascript:product_mouseout("m_space");><a href=javascript:work_space("link1"); style="color:#FFFFFF">SPACE GRAPHICS</a></td><td width="135"  align="center" bgcolor="#3DBCE9"  class="main_menu" valign="middle" id="m_design"  ><a href=javascript:blnk(); style="color:#FFFFFF">PRODUCT DESIGN</a></td><td width="127" align="center" bgcolor="#000000" class="main_menu" valign="middle" id="m_misc" onmouseover=javascript:product_mouseover("m_misc"); onmouseout=javascript:product_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_product("link1") style="background-color:#3DBCE9" ><a href=javascript:work_product("link1");>Merchandise for Smirnoff</a></li><li id="link2" href=javascript:work_product("link2")><a href=javascript:work_product("link2"); >Modular kiosk</a></li><li id="link3" href=javascript:work_product("link3")><a href=javascript:work_product("link3");>Door handles for Valli & Valli</a></li><li id="link4" href=javascript:work_product("link4")><a href=javascript:work_product("link4");>Signage for Star Bazaar (dahisar)</a></li><li id="link5" href=javascript:work_product("link5")><a href=javascript:work_product("link5");>Consultancy for DMA Branding</a></li><li id="link6" href=javascript:work_product("link6")><a href=javascript:work_product("link6"); style="padding:5px 5px 10px 10px;">Consultancy for Yellow resources</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" >NOVANET TECHNOLOGIES</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">3 products were designed and manufactured for the product launch of the Green Apple flavour of Smirnoff. For the launch parties, coasters were made which lit up when the glass was lifted from them, and switched off when the glass was placed on them, to make them easy to spot in the dark, and to add glamour to the parties. Apple-shaped bottle openers were made in steel. Apple-shaped inflates were made in huge sizes for the parties.</span><br /><span class="BLUE"></span>';
	var img_txt='<table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td align="left"><tr><td align="left"><img src="images/smiron_01.jpg" width="754" height="479" /></td></tr><tr><td align="left"><img src="images/smiron_02.jpg" width="754" height="454" /></td></tr><tr><td align="left">&nbsp;</td></tr><tr><td  align="left"><img src="images/smiron_03.jpg" width="753" height="448" /></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>';
	product_clearOther();
	document.getElementById('link1').style.backgroundColor='#3DBCE9';
	document.getElementById('SUB_MENU').innerHTML='MERCHANDISE FOR SMIRNOFF';
	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">This project involved the design of a modular kiosk which could perform a range of functions, from a simple information kiosk to a complex bill-payment kiosk, by changing the minimum number of components. The kiosk had to occupy minimum space and yet be good-looking. Images shown are hypothetical adaptations.</span><br /><span class="BLUE"></span>';
	var img_txt='<table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="images/kiosks_01.jpg" width="754" height="654" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/kiosks_02.jpg" width="756" height="654" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/kiosks_03.jpg" width="756" height="496" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/kiosks_04.jpg" width="756" height="430" /></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>';
	product_clearOther();
	document.getElementById('link2').style.backgroundColor='#3DBCE9';
	document.getElementById('SUB_MENU').innerHTML='MODULAR KIOSK';
	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 system of door and window handles was designed for the Indian market. The form was inspired by Lord Ganesha.</span><br /><span class="BLUE"></span>';
	var img_txt='<table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="images/handle_01.jpg" width="743" height="330" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/handle_02.jpg" width="744" height="439" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><img src="images/handle_03.jpg" width="744" height="174" /></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>';
	product_clearOther();
	document.getElementById('link3').style.backgroundColor='#3DBCE9';
	document.getElementById('SUB_MENU').innerHTML='DOOR HANDLES FOR VALLI & VALLI';
	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">Product detailing was done for the signage system for Star Bazaar, within the budget constraints. The graphics were done by the Leaf Design.</span><br /><span class="BLUE"></br>images not available due to confidentiality issues</span>';
		var img_txt='';
	product_clearOther();
	document.getElementById('link4').style.backgroundColor='#3DBCE9';

	document.getElementById('SUB_MENU').innerHTML='SIGNAGE FOR STAR BAZAAR (DAHISAR)';
	document.getElementById('second_content').innerHTML=txt;
	document.getElementById('image_tab').innerHTML=img_txt;
	document.getElementById('viaearth').innerHTML='';
}
if(linkno=="link5")
{
	
	var txt='<span class="GRAY">Concepts, product detailing, technical drawings and volume estimations have been worked out for various FMCG products. Sky design also gives manufacturing advice on these projects. The product names cannot be revealed here as they are confidential.</span><br /><span class="BLUE"></br>images not available due to confidentiality issues</span>';
	var img_txt='';
	product_clearOther();
	document.getElementById('link5').style.backgroundColor='#3DBCE9';
	document.getElementById('SUB_MENU').innerHTML='CONSULTANCY FOR DMA BRANDING';
	
	document.getElementById('second_content').innerHTML=txt;
	document.getElementById('image_tab').innerHTML=img_txt;
	document.getElementById('viaearth').innerHTML='';
}
if(linkno=="link6")
{
	
	var txt='<span class="GRAY">Concepts, product detailing, technical drawings and volume estimations have been worked out for various FMCG products. Sky design also gives manufacturing advice on these projects. The product names cannot be revealed here as they are confidential.</span><br /><span class="BLUE"></br>images not available due to confidentiality issues</span>';
	var img_txt='';
	product_clearOther();
	document.getElementById('link6').style.backgroundColor='#3DBCE9';
	document.getElementById('SUB_MENU').innerHTML='CONSULTANCY FOR YELLOW RESOURCES';
	
	document.getElementById('second_content').innerHTML=txt;
	document.getElementById('image_tab').innerHTML=img_txt;
	document.getElementById('viaearth').innerHTML='';
}

}

function product_mouseover(param)
{
document.getElementById(param).style.backgroundColor='#3DBCE9';
//document.getElementById("m_brand").style.backgroundcolor='blue';
//alert("hello");
}
function product_mouseout(param)
{
document.getElementById(param).style.backgroundColor='black';
}
function product_mouseup(param)
{
product_clearOther();
document.getElementById(param).style.backgroundColor='#3DBCE9';
}

function product_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';
document.getElementById('link5').style.backgroundColor='#818284';
document.getElementById('link6').style.backgroundColor='#818284';


}
