// JavaScript Document



function loadFirst(){

		//document.getElementById('item').innerHTML = '<div id="feature_left1"></div>';
}


function transition(color, index){

	//$('top_container').morph('background:#'+color+';');
	
	document.getElementById('top_container').style.background="#" + color;
	
	new Effect.Opacity('item', { from: 0, to: 1, duration: 0 });
	
	document.getElementById('item').innerHTML = '';
	
	
	if(index == 2){
	
		setTimeout('sleep2()', 0);
		
	
	}else if(index == 3){
		
		setTimeout('sleep3()', 0);

	
	}else if(index == 4){
		
		setTimeout('sleep4()', 0);

	
	}else{
	
		setTimeout('sleep1()', 0);
	
		
	
	}
	
	
	
	return false;
	
}

function sleep1(){
	//document.getElementById('item').innerHTML = '<div id="feature_left1"></div>';
}
function sleep2(){
	document.getElementById('item').innerHTML = '<div id="feature_left3"><div style="float:left;"><img src="images/structure/chip_skin.png" width="361" height="420"" border="0" usemap="#Map" /><map name="Map" id="Map"><area shape="circle" coords="235,140,20" href="#" onclick="javascript:hideContent();javascript:chip1();javascript:content1();"/><area shape="circle" coords="136,199,20" href="#" onclick="javascript:hideContent();javascript:chip2();javascript:content2();"/><area shape="circle" coords="75,219,19" href="#" onclick="javascript:hideContent();javascript:chip3();javascript:content3();" /></map></div><div id="swap_area" style="float:left;padding-top:21px;padding-left:20px;color:#fff;font-size:44px;width:315px;">Product Features<div style="font-size:22px;line-height:130%;">The world is gradually making the transition from analogue to digital broadcasting.  Elonics&#39; technology ensures that customers can take full advantage of the improvements in picture quality provided by the latest generation of new high definition (HD) television standards.   </div><div style="font-family:Verdana, Geneva, sans-serif;font-size:12px;padding-top:21px;">Select a feature on the chip to learn more</div><div class="clearer"></div></div><div id="swap_area1" style="display:none;float:left;padding-top:21px;padding-left:20px;color:#fff;font-size:44px;width:315px;">Product Features<div style="font-size:22px;line-height:130%;">Low Power Design</div><div style="padding-top:15px"><div style="float:left;"><img src="images/structure/lowpower.png" /></div><div style="float:right;font-size:12px;width:195px;">Eco-friendly design is no longer a luxury, it is a de-facto requirement of most modern consumer electronics design.<br /><div style="float:left;padding-top:15px;"><img src="images/structure/arrow_white.jpg" width="16" height="14"></div><div style="font-family:Verdana, Geneva, sans-serif;font-size:12px;padding-top:13px;float:left;padding-left:5px;"><a href="lowpower.do" style="color:#fff;">Find out more</a></div><div class="clearer"></div></div></div></div><div id="swap_area2" style="display:none;float:left;padding-top:21px;padding-left:20px;color:#fff;font-size:44px;width:315px;">Product Features<div style="font-size:22px;line-height:130%;">Narrowband RF Filter Technology</div><div style="padding-top:15px"><div style="float:left;"><img src="images/structure/narrowband.png" /></div><div style="float:right;font-size:12px;width:195px;">Unwanted inteference is becoming a significant issue, particularly as Governments want to cram more signals into an already crowded RF spectrum.  Elonics narrowband RF filter technology alleviates the issue; at the source before it can become a problem. <br /><div style="float:left;padding-top:15px;"><img src="images/structure/arrow_white.jpg" width="16" height="14"></div><div style="font-family:Verdana, Geneva, sans-serif;font-size:12px;padding-top:13px;float:left;padding-left:5px;"><a href="narrowband.do" style="color:#fff;">Find out more</a></div><div class="clearer"></div></div></div></div><div id="swap_area3" style="display:none;float:left;padding-top:21px;padding-left:20px;color:#fff;font-size:44px;width:315px;">Product Features<div style="font-size:22px;line-height:130%;">DigitalTune&trade; technology</div><div style="padding-top:15px"><div style="float:left;"><img src="images/structure/digitaltune.png" /></div><div style="float:right;font-size:12px;width:195px;">At the heart of Elonics tuners is DigitalTuneª, a patent pending radio frequency architecture that uniquely allows each stage of the RF signal processing to be adjusted under digital control.<br /><div style="float:left;padding-top:15px;"><img src="images/structure/arrow_white.jpg" width="16" height="14"></div><div style="font-family:Verdana, Geneva, sans-serif;font-size:12px;padding-top:13px;float:left;padding-left:5px;"><a href="digitaltune.do" style="color:#fff;">Find out more</a></div><div class="clearer"></div></div></div></div>';
	
	
	
}
function sleep3(){
	document.getElementById('item').innerHTML = '<div id="feature_left2"><div style="position: relative;left: 550px;padding-top:21px;color:#fff;font-size:35px;width:315px;">Support<div style="font-size:22px;line-height:130%;">Elonics is more than just the products we sell.  We offer customers a complete support service that begins when we first engage on a new project and finishes when the product has been successfully introduced to production.</div><div style="padding-top:0px;float:left;"><img src="images/structure/arrow_white.jpg" width="16" height="14"></div><div style="font-family:Verdana, Geneva, sans-serif;font-size:12px;padding-top:21px;float:left;padding-left:30px;"><a href="support.do">Find out more about Elonics support</a></div><div class="clearer"></div></div></div></div>';
}
function sleep4(){
	document.getElementById('item').innerHTML = '<div id="feature_left4"><div style="position: relative;left: 550px;padding-top:21px;color:#fff;font-size:35px;width:315px;">Digital Ready<div style="font-size:22px;line-height:130%;">To reap the benefits of the &#39;Digital Dividend &#39;, RF tuners need to work harder than ever before.  Find out more about how Elonics solves some of these demanding technical challenges.</div><div style="padding-top:0px;float:left;"><img src="images/structure/arrow_white.jpg" width="16" height="14"></div><div style="font-family:Verdana, Geneva, sans-serif;font-size:12px;padding-top:21px;float:left;padding-left:30px;"><a href="/lteguard.do">Find out more about Digital Ready</a></div><div class="clearer"></div></div></div></div>';
}

	
function changeBackground(strID){
	
	var srtDiv = strID;
	//alert("srtDiv = " + srtDiv);
	
	document.getElementById('list1').style.backgroundImage="url('images/structure/list1_off.png')"
	document.getElementById('list2').style.backgroundImage="url('images/structure/list2_off.png')"
	document.getElementById('list3').style.backgroundImage="url('images/structure/list3_off.png')"
	document.getElementById('list4').style.backgroundImage="url('images/structure/list4_off.png')"
	
	document.getElementById(strID).style.backgroundImage="url('images/structure/"+strID+"_on.png')"
	
}


function hideContent() { 
	document.getElementById('swap_area').style.display = "none";
	document.getElementById('swap_area1').style.display = "none"; 
	document.getElementById('swap_area2').style.display = "none";
	document.getElementById('swap_area3').style.display = "none";  
}

function content0() { document.getElementById('swap_area').style.display = "block"; }
function chip0() { document.getElementById('feature_left3').style.backgroundImage="url('images/structure/chip0.png')"; }

function content1() { document.getElementById('swap_area1').style.display = "block"; }
function chip1() { document.getElementById('feature_left3').style.backgroundImage="url('images/structure/chip1.png')"; }

function content2() { document.getElementById('swap_area2').style.display = "block"; }
function chip2() { document.getElementById('feature_left3').style.backgroundImage="url('images/structure/chip2.png')"; }

function content3() { document.getElementById('swap_area3').style.display = "block"; }
function chip3() { document.getElementById('feature_left3').style.backgroundImage="url('images/structure/chip3.png')"; }