function mouseoverNavColor(id,color)
{
var shade ='#ffffff';
document.body.style.cursor='pointer';
switch (color) {
	case 'doc': shade = '#ffb85a';break;
	case 'sta': shade = '#63d08f';break;
	case 'par': shade = '#cbae8a';break;
	case 'pra': shade = '#7ac2e9';break;
	case 'wip': shade = '#7ac2e9';break;
	case 'faq': shade = '#fef4a0';break;
	case 'dis': shade = '#78c1ae';break;
}
document.getElementById(id).style.backgroundColor=shade;
}
function mouseoutNavColor(id,color)
{
var shade ='#000000';
document.body.style.cursor='auto';
switch (color) {
	case 'doc': shade = '#ff9e1d';break;
	case 'sta': shade = '#29bf65';break;
	case 'par': shade = '#b8905f';break;
	case 'pra': shade = '#49abe1';break;
	case 'wip': shade = '#2E95D3';break;
	case 'faq': shade = '#ffffff';break;
	case 'dis': shade = '#1ab194';break;
}
document.getElementById(id).style.backgroundColor=shade;
}

function mouseoverExpand (inname,count)
{
	var i;
	var varname='';
	count = Number(count);
	for (i=1;i<=count;i++) {
		varname=String(inname+i);
		if (document.getElementById(varname)) {
			document.getElementById(varname).style.display="block";
		}
	}
}

function mouseoutExpand(inname,count,ignore)
{
	var i;
	var varname='';
	count=Number(count);
	ignore=Number(ignore);
	for (i=1;i<=count;i++){
		if (i==ignore) {
			i++
		}
		if (i>count) {
			break;
		}
		varname=String(inname+i);
		if (document.getElementById(varname)) {
			document.getElementById(varname).style.display="none";
		}
	}
}

function mouseclickExpand(state,site)
{
	if (site == 'hcp'){
		if (state == '1') {
			// change height if adding new items 
			$('#faq').animate({height:'200px'});
			document.getElementById('faq_box').innerHTML = '\
				<img src="images/nav/sub/faq_box_top.gif" alt="" width="537" height="5" border="0"><br>\
				<div id="faq_list">\
					<div class="linkFAQ" id="faq01" onmouseover="mouseoverNavColor(\'faq01\',\'faq\')" onmouseout="mouseoutNavColor(\'faq01\',\'faq\')" onclick="parent.location=\'faqs.html#q01\'">\
						<a href="faqs.html#q01">How does Pentacel vaccine help simplify the immunization schedule?</a>\
					</div>\
					<div class="linkFAQ" id="faq02" onmouseover="mouseoverNavColor(\'faq02\',\'faq\')" onmouseout="mouseoutNavColor(\'faq02\',\'faq\')" onclick="parent.location=\'faqs.html#q02\'">\
						<a href="faqs.html#q02">How does Pentacel vaccine impact immunization?</a>\
					</div>\
					<div class="linkFAQ" id="faq03" onmouseover="mouseoverNavColor(\'faq03\',\'faq\')" onmouseout="mouseoutNavColor(\'faq03\',\'faq\')" onclick="parent.location=\'faqs.html#q03\'">\
						<a href="faqs.html#q03">Why switch to Pentacel vaccine?</a>\
					</div>\
					<div class="linkFAQ" id="faq04" onmouseover="mouseoverNavColor(\'faq04\',\'faq\')" onmouseout="mouseoutNavColor(\'faq04\',\'faq\')" onclick="parent.location=\'faqs.html#q04\'">\
						<a href="faqs.html#q04">What is the advantage of administering Pentacel vaccine at the fourth dose?</a>\
					</div>\
					<div class="linkFAQ" id="faq05" onmouseover="mouseoverNavColor(\'faq05\',\'faq\')" onmouseout="mouseoutNavColor(\'faq05\',\'faq\')" onclick="parent.location=\'faqs.html#q05\'">\
						<a href="faqs.html#q05">How does Pentacel vaccine help protect against pertussis?</a>\
					</div>\
					<div class="linkFAQ" id="faq06" onmouseover="mouseoverNavColor(\'faq06\',\'faq\')" onmouseout="mouseoutNavColor(\'faq06\',\'faq\')" onclick="parent.location=\'faqs.html#q06\'">\
						<a href="faqs.html#q06">How does Pentacel vaccine compare to DAPTACEL<sup>&reg;</sup> vaccine?</a>\
					</div>\
					<div class="linkFAQ" id="faq07" onmouseover="mouseoverNavColor(\'faq07\',\'faq\')" onmouseout="mouseoutNavColor(\'faq07\',\'faq\')" onclick="parent.location=\'faqs.html#q07\'">\
						<a href="faqs.html#q07">How safe is Pentacel vaccine?</a></div>\
					<div class="linkFAQ" id="faq08" onmouseover="mouseoverNavColor(\'faq08\',\'faq\')" onmouseout="mouseoutNavColor(\'faq08\',\'faq\')">\
						<a href="faqs.html#q08">How do I record pentacel vaccine lot numbers?</a>\
					</div>\
				</div>\
				<img src="images/nav/sub/faq_box_bot.gif" alt="" width="537" height="25" id="tab" border="0" onMouseOver="document.body.style.cursor=\'pointer\';" onmouseout="document.body.style.cursor=\'auto\';" onClick="mouseclickExpand(\'2\',\'hcp\')">';
		} else {
			$('#faq').animate({height:'62px'});
			document.getElementById('faq_box').innerHTML = '\
				<img src="images/nav/sub/faq_box_top.gif" alt="" width="537" height="5" border="0"><br>\
				<div id="faq_list">\
					<div class="linkFAQ" onMouseOver="document.body.style.cursor=\'pointer\';" onmouseout="document.body.style.cursor=\'auto\';" onClick="mouseclickExpand(\'1\',\'hcp\')">\
						<a href="#">How does Pentacel vaccine help simplify my immunization schedule?</a>\
					</div>\
				</div>\
				<img src="images/nav/sub/faq_box_bot.gif" alt="" width="537" height="25" id="tab" border="0" onMouseOver="document.body.style.cursor=\'pointer\';" onmouseout="document.body.style.cursor=\'auto\';" onClick="mouseclickExpand(\'1\',\'hcp\')"><br>';
		}
	}
}