// JavaScript Document

function work_film_website(linkno)
{
	
	var txt='<table width="980" border="0" cellspacing="0" cellpadding="0"><tr><td width="131" align="center" bgcolor="#FFFFFF"  class="main_menu" valign="middle" id="m_brand" onmouseover=javascript:mouseover("m_brand"); onmouseout=javascript:mouseout("m_brand"); ><a href=javascript:work_brand_website("link1"); style="color:#000000">BRAND WEBSITES</font></a></td><td width="151" height="22" align="center"  bgcolor="#FFFFFF" class="main_menu" valign="middle" id="m_company" onmouseover=javascript:mouseover("m_company"); onmouseout=javascript:mouseout("m_company");><a href=javascript:work_company_website("link1"); style="color:#000000">COMPANY WEBSITES</a></td><td width="118" align="center" bgcolor="#3DBCE9" class="main_menu" valign="middle" id="m_film" ><a href=javascript:blnk(); style="color:#FFFFFF">FILM WEBSITES</font></a></td><td width="80"  align="center"bgcolor="#ffffff" class="main_menu" valign="middle" id="m_portal" onmouseover=javascript:mouseover("m_portal"); onmouseout=javascript:mouseout("m_portal"); ><a href=javascript:work_portal("link1"); style="color:#000000">PORTALS</font></a></td><td width="159" align="center" bgcolor="#FFFFFF" class="main_menu" valign="middle" id="m_viral" onmouseover=javascript:mouseover("m_viral"); onmouseout=javascript:mouseout("m_viral"); ><a href=javascript:work_viral("link1"); style="color:#000000">CAMPAIGNS & VIRALS</font></a></td><td width="66" align="center" bgcolor="#FFFFFF" class="main_menu" valign="middle" id="m_game" onmouseover=javascript:mouseover("m_game"); onmouseout=javascript:mouseout("m_game"); ><a href=javascript:work_game("link1"); style="color:#000000">GAMES</font></a></td><td width="157" align="center" bgcolor="#FFFFFF" class="main_menu" valign="middle" id="m_advertising" onmouseover=javascript:mouseover("m_advertising"); onmouseout=javascript:mouseout("m_advertising"); ><a href=javascript:work_online_adv("link1"); style="color:#000000">ONLINE ADVERTISING</font></a></td><td width="118">&nbsp;</td></tr></table>';
	document.getElementById("sub_top_center_menu").innerHTML=txt;
	document.getElementById("sub_top_left_menu").style.backgroundColor='#3d3d3f';
	document.getElementById("sub_top_center_menu").style.backgroundColor='#3d3d3f';
	document.getElementById("sub_top_right_menu").style.backgroundColor='#3d3d3f';
	document.getElementById("interactiveextraleftSection").innerHTML='';
	document.getElementById("interactiveextrarightSection").innerHTML='';

	
	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="178"><table width="178" border="0" cellspacing="0" cellpadding="0"> <tr>   <td align="left"><a href="javascript:work_film_website(&quot;link1&quot;)"><img src="Interactive_logo/BlackFriday_sky_logo.gif" width="171" height="124" border="0" /></a></td> </tr> <tr>   <td>&nbsp;</td>  </tr> <tr> <td align="left"><a href="javascript:work_film_website(&quot;link2&quot;)"><img src="Interactive_logo/VallayofFlower_sky_logo.gif" width="171" height="124" border="0" /></a></td> </tr> <tr>  <td>&nbsp;</td> </tr> <tr>  <td align="left"><a href="javascript:work_film_website(&quot;link3&quot;)"><img src="Interactive_logo/Zizou_sky_logo.gif" width="171" height="124" border="0" /></a></td> </tr> <tr>  <td>&nbsp;</td> </tr> <tr> <td align="left"><a href="javascript:work_film_website(&quot;link4&quot;)"><img src="Interactive_logo/Buddha_sky_logo.gif" width="171" height="124" 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 ><a href="archive/BlackFriday/index.html" target="_blank" style="color:#3DBCE9">Black Friday archived website</a></span><br /><span class="GRAY">&lsquo;Black Friday&rsquo; is a docu-feature film on the Bombay bomb blasts. The website was highly interactve, built in Flash. The look was derived from a file containing photos and papers, which move out of the way or into place to reveal clues and information.</span><br /><span class="BLUE"></span>';
var img_txt='<table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="754" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="images/black_interactive_01.jpg" width="591" height="400" /></td></tr><tr><td>&nbsp;</td></tr><tr><td align="center"><img src="images/black_interactive_02.jpg" width="590" height="400" /></td></tr><tr><td>&nbsp;</td></tr><tr><td align="center"><img src="images/black_interactive_03.jpg" width="591" height="400" /></td></tr><tr><td>&nbsp;</td></tr><tr><td align="center"><img src="images/black_interactive_04.jpg" width="591" height="400" /></td></tr><tr><td>&nbsp;</td></tr><tr><td align="center"><img src="images/black_interactive_05.jpg" width="590" height="400" /></td></tr><tr><td align="right" height="30"><span class="BLACK" ><a href="#top" style="color:#3DBCE9">Back to top</a></span></td></tr></table></td></tr></table>';
	work_film_website_clearOther();
	//document.getElementById('link1').style.backgroundColor='#3DBCE9';
	document.getElementById('SUB_MENU').innerHTML='BLACK FRIDAY';
	document.getElementById('second_content').innerHTML=txt;
	document.getElementById('image_tab').innerHTML=img_txt;
	document.getElementById('viaearth').innerHTML='';
}
if(linkno=="link2")
{
	var txt='<span ><a href="archive/Valleyofflowers/index.htm" target="_blank" style="color:#3DBCE9">www.valleyofflowers.com</a></span><br /><span class="GRAY">&lsquo;Valley of Flowers&rsquo; is a film set in Tibet of the Silk-route era, ending in modern-day Tokyo. The look was epic, contemporary, and simple, and made full use of the beautiful still photographs shot during production. The website was built in Flash. </span><br /><span class="BLUE"></span>';
var img_txt='<table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="754" border="0" cellspacing="0" cellpadding="0"> <tr><td height="444" align="center"><img src="images/vof_interactive_01.jpg" width="754" height="341" /></td> </tr><tr><td>&nbsp;</td></tr> <tr> <td align="center"><img src="images/vof_interactive_02.jpg" width="754" height="430" /></td> </tr> <tr> <td>&nbsp;</td></tr><tr><td align="center"><img src="images/vof_interactive_03.jpg" width="754" height="432" /></td> </tr><tr><td align="center">&nbsp;</td></tr><tr> <td align="center"><img src="images/vof_interactive_04.jpg" width="754" height="432" /></td></tr><tr><td align="center">&nbsp;</td></tr><tr> <td align="center"><img src="images/vof_interactive_05.jpg" width="754" height="431" /></td></tr> <tr><td align="right" height="30"><span class="BLACK" ><a href="#top" style="color:#3DBCE9">Back to top</a></span></td></tr></table></td> </tr></table>';
	work_film_website_clearOther();
	//document.getElementById('link2').style.backgroundColor='#3DBCE9';
	document.getElementById('SUB_MENU').innerHTML='VALLEY OF FLOWERS';
	document.getElementById('second_content').innerHTML=txt;
	document.getElementById('image_tab').innerHTML=img_txt;
	document.getElementById('viaearth').innerHTML='';
	
}
if(linkno=="link3")
{
	var txt='<span ><a href="http://www.littlezizouthemovie.com" target="_blank" style="color:#3DBCE9">www.littlezizouthemovie.com</a></span><br /></span><span class="GRAY">Little Zizou is a fun quirky film about the Parsi community in Bombay. The website uses the football as a navigation element, and showcases information about the film with different scenes from Bombay as a background.</span><br /><span class="BLUE"></span>';
var img_txt=' <table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="754" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="images/zizou_interactive_01.jpg" width="754" height="506" /></td></tr><tr><td>&nbsp;</td></tr><tr><td align="center"><img src="images/zizou_interactive_02.jpg" width="754" height="507" /></td> </tr> <tr><td>&nbsp;</td></tr><tr><td align="center"><img src="images/zizou_interactive_03.jpg" width="754" height="507" /></td></tr><tr><td align="center">&nbsp;</td></tr><tr><td align="center"><img src="images/zizou_interactive_04.jpg" width="754" height="506" /></td></tr><tr><td align="right" height="30"><span class="BLACK" ><a href="#top" style="color:#3DBCE9">Back to top</a></span></td></tr></table></td></tr></table>';
	work_film_website_clearOther();
	//document.getElementById('link3').style.backgroundColor='#3DBCE9';
	document.getElementById('SUB_MENU').innerHTML='LITTLE ZIZOU';
	document.getElementById('second_content').innerHTML=txt;
	document.getElementById('image_tab').innerHTML=img_txt;
	document.getElementById('viaearth').innerHTML='';
}
if(linkno=="link4")
{
	
	var txt='<span ><a href="http://www.buddhathemovie.com" target="_blank" style="color:#3DBCE9">www.buddhathemoive.com</a></span><br /></span><span class="GRAY">Buddha is an upcoming film by Pan Nalin. This html website aims at attracting people to be part of the project.</span><br /><span class="BLUE"></span>';
var img_txt=' <table width="758" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="754" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><img src="images/buddha_interactive_01.jpg" width="754" height="440" /></td></tr><tr><td>&nbsp;</td></tr> <tr><td align="center"><img src="images/buddha_interactive_02.jpg" width="754" height="496" /></td></tr> <tr> <td>&nbsp;</td></tr><tr><td align="center"><img src="images/buddha_interactive_03.jpg" width="754" height="444" /></td></tr><tr><td align="center">&nbsp;</td></tr> <tr><td align="center"><img src="images/buddha_interactive_04.jpg" width="754" height="431" /></td></tr><tr><td align="right" height="30"><span class="BLACK" ><a href="#top" style="color:#3DBCE9">Back to top</a></span></td></tr></table></td> </tr></table>';
	work_film_website_clearOther();
	//document.getElementById('link4').style.backgroundColor='#3DBCE9';
	
	document.getElementById('SUB_MENU').innerHTML='BUDDHA';
	document.getElementById('second_content').innerHTML=txt;
	document.getElementById('image_tab').innerHTML=img_txt;
	document.getElementById('viaearth').innerHTML='';
}


	
}
/*function mouseover(param)
{
document.getElementById(param).style.backgroundColor='#3DBCE9';
//alert (document.getElementById(param).style.color);
document.getElementById(param).style.color='white';

//document.getElementById("m_brand").style.backgroundcolor='blue';
//alert("hello");
}
function mouseout(param)
{
document.getElementById(param).style.backgroundColor='#ffffff';
//document.getElementById(param).style.color='black';
}
function mouseup(param)
{
clearOther();
document.getElementById(param).style.backgroundColor='#3DBCE9';
//document.getElementById(param).style.color='#ffffff';
}
function blnk()
{}
*/
function work_film_website_clearOther()
{
/*document.getElementById('link1').style.backgroundColor='#3d3d3f';
document.getElementById('link2').style.backgroundColor='#3d3d3f';
document.getElementById('link3').style.backgroundColor='#3d3d3f';
document.getElementById('link4').style.backgroundColor='#3d3d3f';*/


}

