var iconExtension = "_icon";
var basePosition = "0px";
var shiftedPosition = "20px";
var columnId = "download_right_column";

function getLoadedSectionID() {
	var column = document.getElementById(columnId);
    var loadedSectionID;
    
	for (i = 0; i < column.childNodes.length; i++) {
		if (column.childNodes[i].nodeName == "DIV") {
			if (column.childNodes[i].style.display != "none")
			    loadedSectionID = column.childNodes[i].id;
		}
	}
	
	return loadedSectionID;
}

function loadDownloadSection(sectionID) {
	var column = document.getElementById(columnId);
    var loadedSectionID = getLoadedSectionID();
    
	for (i = 0; i < column.childNodes.length; i++) {
		if (column.childNodes[i].nodeName == "DIV") {
			column.childNodes[i].style.display = "none";
		}
	}
	
	document.getElementById(sectionID).style.display = "block"; 
}

function shiftIconRight(sectionID) {
    var loadedSectionID = getLoadedSectionID();
    
    if (loadedSectionID == sectionID)
        return;
        
    document.getElementById(sectionID + iconExtension).style.paddingLeft = shiftedPosition;
    document.getElementById(loadedSectionID + iconExtension).style.paddingLeft = basePosition;
}

function shiftIconLeft(sectionID) {
    var loadedSectionID = getLoadedSectionID();
    
    if (loadedSectionID == sectionID)
        return;
        
    document.getElementById(sectionID + iconExtension).style.paddingLeft = basePosition;
    document.getElementById(loadedSectionID + iconExtension).style.paddingLeft = shiftedPosition;
}