document.write('<link rel="StyleSheet" href="http://static.search.canoe.ca/s-toile/img/css/canoe_411/canoe_411.css" />');

var html = '';

html += 
'<div id="canoe_411_sun" style="margin-left: 3px;">'+
'<div id="cadre">'+

'<div id="canoe411_logo"></div>'+

'<form name="canoe_411_sun" onsubmit="return validInfo();" method="get" action="http://www.toile.com/search">'+
'<input type="hidden" name="sen" value="canoe411" />'+
'<input type="hidden" name="log411" value="torontoSun411" />'+
'<input type="hidden" name="q" value="torontoSun411" />'+
'<input type="hidden" name="ie" value="ISO-8859-1" />'+
'<input type="hidden" name="lang" value="eng" />'+

'<input type="text" name="name" tabindex="1" value="Business Name" size="10" class="text" onfocus="emptyInput();" onblur="if(this.value == \'\') fillInput();"/>'+
'<input type="text" name="location" tabindex="1" value="City" size="10" class="text" onfocus="emptyInputLocation();" onblur="if(this.value == \'\') fillInputLocation();"/>'+

'<input type="radio" class="radio" name="type411" value="entr" id="ckb_tle" checked="checked" onclick="businessText();"/>'+
'<label for="ckb_tle">Find a Business</label><br/>'+
'<input type="radio" class="radio" name="type411" value="pers" id="ckb_goo" onclick="personText();"/>'+
'<label for="ckb_goo">Find a Person</label>'+
			
'<input type="image" class="send" src="http://static.search.canoe.ca/s-toile/img/canoe_411/canoe411_search_btn.gif" value="find"/>'+

'</form>'+

'</div>'+ //cadre
'</div>'; //canoe_411_sun

function validInfo()
{
        //Entreprise
        if(document.forms['canoe_411_sun'].elements['type411'][0].checked){
                if(document.forms['canoe_411_sun'].elements['name'].value == "" || document.forms['canoe_411_sun'].elements['name'].value == "Business Name"){
                        alert("Please enter a business.");
                        document.forms['canoe_411_sun'].elements['name'].focus();
                        return false;
                }
                
                if(document.forms['canoe_411_sun'].elements['location'].value == "" || document.forms['canoe_411_sun'].elements['location'].value == "City"){
                        alert("Please enter a city.");
                        document.forms['canoe_411_sun'].elements['location'].focus();
                        return false;        
                }
        }
        
        //Personne
        if(document.forms['canoe_411_sun'].elements['type411'][1].checked){
                if(document.forms['canoe_411_sun'].elements['name'].value == "" || document.forms['canoe_411_sun'].elements['name'].value == "Last, First"){
                        alert("Please enter last name, first name.");
                        document.forms['canoe_411_sun'].elements['name'].focus();
                        return false;
                }
        }
        
        return true;
}

function emptyInput()
{
	    document.forms['canoe_411_sun'].elements['name'].value="";
            document.forms['canoe_411_sun'].elements['name'].style.color="#000";
}

function emptyInputLocation()
{
	    document.forms['canoe_411_sun'].elements['location'].value="";
            document.forms['canoe_411_sun'].elements['location'].style.color="#000";

}

function fillInput()
{
        if(document.forms['canoe_411_sun'].elements['name'].value == ""){
          if(document.forms['canoe_411_sun'].elements['type411'][0].checked)
            document.forms['canoe_411_sun'].elements['name'].value="Business Name";
          else
            document.forms['canoe_411_sun'].elements['name'].value="Last, First";
            
          document.forms['canoe_411_sun'].elements['name'].style.color="#A5A5A5";
        }
}

function fillInputLocation()
{
        if(document.forms['canoe_411_sun'].elements['location'].value == ""){
          document.forms['canoe_411_sun'].elements['location'].value="City";
          document.forms['canoe_411_sun'].elements['location'].style.color="#A5A5A5";
        }
}

function businessText()
{
	    document.forms['canoe_411_sun'].elements['name'].value="Business Name";
	    document.forms['canoe_411_sun'].elements['location'].value="City";
            document.forms['canoe_411_sun'].elements['name'].style.color="#A5A5A5";
            document.forms['canoe_411_sun'].elements['location'].style.color="#A5A5A5";
}

function personText()
{
	    document.forms['canoe_411_sun'].elements['name'].value="Last, First";
	    document.forms['canoe_411_sun'].elements['location'].value="City";
            document.forms['canoe_411_sun'].elements['name'].style.color="#A5A5A5";
            document.forms['canoe_411_sun'].elements['location'].style.color="#A5A5A5";
}

document.write(html);