// JavaScript Document

function insertFeature(name, age, comment)
{
	if(!document.getElementById) return false
	
	var featurePanel = document.getElementById("bestPickDetailsInner");
	
	// If a header and comment already exist remove first
	if(document.getElementById('bestPickHeader') && document.getElementById('bestPickComment'))
	{
	    var currentHeader = document.getElementById('bestPickHeader');
	    var currentComment = document.getElementById('bestPickComment');
	    
	    featurePanel.removeChild(currentHeader);
	    featurePanel.removeChild(currentComment);
	}
	
	if(!featurePanel) return false;
		
	// Creates header element and text
	var header = document.createElement('h4');
	header.setAttribute('id','bestPickHeader');
	var headerText = document.createTextNode(name + ', Age ' + age);
	header.appendChild(headerText);
		
	// Creates comment element and text
	var commentElement = document.createElement('p');
	commentElement.setAttribute('id','bestPickComment');
	var commentText = document.createTextNode(comment);
	commentElement.appendChild(commentText);
	
	// Iterates through the child nodes of the element, once it 
	// finds it's first child element it carries out the insert before that element
	for(var ii=0;ii<featurePanel.childNodes.length;ii++) {
		
		if(!featurePanel.insertBefore) return false;

		if(featurePanel.childNodes[ii].nodeType == 1) {
			featurePanel.insertBefore(commentElement,featurePanel.childNodes[ii]);
			featurePanel.insertBefore(header,featurePanel.childNodes[ii]);
		}
		
		
	}
	
	
}