function switchDefault()
{
    if( document.getElementById( "search-term" ).value == 'search for a name, e.g. luke or emma' )
    {
        document.getElementById( "search-term" ).value = '';
    }
    else if( document.getElementById( "search-term" ).value == '' )
    {
        document.getElementById( "search-term" ).value = 'search for a name, e.g. luke or emma';
    }
}

function setRating( fieldID, rating )
{
    document.getElementById( fieldID ).value = rating;

    updateStars( fieldID, rating );
}

function updateStars( fieldID, starsOn )
{
    starsOn = ( starsOn < 1 || isNaN( parseInt( starsOn ) ) ) ? 1 : starsOn;
    starsOn = ( starsOn > 5 || isNaN( parseInt( starsOn ) ) ) ? 5 : starsOn;

    document.getElementById( fieldID + "-stars" ).innerHTML = '';
    
    for( i = 1; i <= starsOn; i++ )
    {
        document.getElementById( fieldID + "-stars" ).innerHTML += '<img src="./images/star-on.png" alt="' + i + ' Star(s)" onClick="javascript:setRating( \'' + fieldID + '\', ' + i + ' )" /> ';
    }

    for( i = starsOn; i < 5; i++ )
    {
        document.getElementById( fieldID + "-stars" ).innerHTML += '<img src="./images/star-off.png" alt="' + ( i + 1 ) + ' Star(s)" onClick="javascript:setRating( \'' + fieldID + '\', ' + ( i + 1 ) + ' )" /> ';
    }
}

function divToSelect( id )
{
     var d  = document.getElementById(id);
     var as = d.getElementsByTagName('a');
     var o  = "<select name='"+id+"Options' ";
         o += "onChange='location.href = this[this.selectedIndex].value'>";
         o += "<option selected>-- Please select a year --</option>";

     for( var i = 0; i < as.length; i++ )
     {
           var a = as[i];
           url   = a.href;
           txt   = a.innerHTML;
           o    += "<option value='"+url+"'>"+txt+"</option>";
     }
     
     o += "</select>";
     d.innerHTML = o;
}