function gear_down(id, millisec) {
    //if an element is invisible, make it visible, else make it invisible
    
    
opacity(id, 180, 416, millisec);
document.getElementById("plus").style.display = "none";
document.getElementById("minus").style.display = "inline";

var browserVersion=navigator.appVersion;
ie_version = parseFloat(browserVersion.substr(22));
if(ie_version == 6) {
	document.getElementById("lef").style.marginTop = 10+"px";
	document.getElementById("righ").style.marginTop = 10+"px";
}

    if(document.getElementById(id).style.height == 180) {
        
                
    } 
 
} 

function gear_up(id, millisec) {
    //if an element is invisible, make it visible, else make it ivisible
    opacity(id, 416, 180, millisec);
    
  document.getElementById("minus").style.display = "none";
document.getElementById("plus").style.display = "inline";

var browserVersion=navigator.appVersion;
ie_version = parseFloat(browserVersion.substr(22));
if(ie_version == 6) {
	document.getElementById("lef").style.marginTop = 0+"px";
	document.getElementById("righ").style.marginTop = 0+"px";
}


    if(document.getElementById(id).style.height == 180) {
    
                
    } 
 
} 




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.height = (opacity+ "px");
}