function dropit(layerid)
{
	target= document.getElementById(layerid);
	document.getElementById('dropmenu1').style.display = 'none';
	document.getElementById('dropmenu2').style.display = 'none';
	document.getElementById('dropmenu3').style.display = 'none';
	document.getElementById('dropmenu4').style.display = 'none';
	document.getElementById('dropmenu5').style.display = 'none';


    defaulltdropid=document.getElementById('dropid').value;
	if(defaulltdropid != ''){
    	document.getElementById(defaulltdropid).style.display = '';
    }

	document.getElementById(layerid).style.display = '';


}

function togglediv(divid)
{
	if(document.getElementById(divid).style.display == ''){
		document.getElementById(divid).style.display = 'none';
	} else {
		document.getElementById(divid).style.display = '';
	}
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
} 


//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function timedRedirect(redirectTo, timeoutPeriod) {
	setTimeout("location.href = redirectTo;",timeoutPeriod);
}

function setOpacity( elem, level ) {
// If filters exist, then this is IE, so set the Alpha filter
if ( elem.filters )
	elem.filters.alpha.opacity = level;
// Otherwise use the W3C opacity property
else
	elem.style.opacity = level / 100;
}

function switchit(list){
  var listElementStyle=document.getElementById(list).style;
  if (listElementStyle.display=="none"){
      listElementStyle.display="block";
  } else {
      listElementStyle.display="none";
    }
}

function swapImage(ID,src)
{
	src="http://www.myhandeczema.co.uk/images/"+src;
	document.getElementById(ID).src = src; 
}