var currentContent = 0;
function showContent(num,columns) {
    if (currentContent != num) {
        if (num != 0) {
            document.getElementById('link-' + num).href = '#custom-doc-inner';
        }
        if (YAHOO.env.ua.ie > 0 && YAHOO.env.ua.ie < 7) {
            YAHOO.util.Dom.replaceClass('content-' + currentContent,'yui-g-custom content-main','yui-g-custom content-secondary');
            YAHOO.util.Dom.replaceClass('content-' + num,'yui-g-custom content-secondary','yui-g-custom content-main');
            if (currentContent != 0) {
                document.getElementById('link-' + currentContent).className = "";
            }
            if (num != 0) {
              document.getElementById('link-' + num).className = "selected";
            }
            if (columns == 1) {
                document.getElementById('bd').className = 'bd-1';
            }
            else {
                document.getElementById('bd').className = 'bd-2';
            }
            currentContent = num;
            changeTopLoc(num);
        }
        else {
            YAHOO.util.Dom.setStyle('content-' + currentContent, 'opacity', 1); 
        
            var anim1 = new YAHOO.util.Anim('content-' + currentContent, {
              	opacity: { from: 1, to: 0.1 } 
            	}, .4, YAHOO.util.Easing.easeOut);
            anim1.animate();
          
            var anim2 = new YAHOO.util.Anim('content-' + num, {
              	opacity: { from: 0, to: 1 } 
            	}, .4, YAHOO.util.Easing.easeOut);
          
            anim1.onComplete.subscribe(function() { 
                YAHOO.util.Dom.replaceClass('content-' + currentContent,'yui-g-custom content-main','yui-g-custom content-secondary');
                YAHOO.util.Dom.setStyle('content-' + currentContent, 'opacity', 1); 
                YAHOO.util.Dom.setStyle('content-' + num, 'opacity', 0); 
                YAHOO.util.Dom.replaceClass('content-' + num,'yui-g-custom content-secondary','yui-g-custom content-main');
                if (currentContent != 0) {
                    document.getElementById('link-' + currentContent).className = "";
                }
                if (num != 0) {
                  document.getElementById('link-' + num).className = "selected";
                }
                if (columns == 1) {
                    document.getElementById('bd').className = 'bd-1';
                }
                else {
                    document.getElementById('bd').className = 'bd-2';
                }
                elementHidden = document.getElementById('content-' + currentContent);
                if (elementHidden.style.filter && elementHidden.style.removeAttribute) {
                    elementHidden.style.removeAttribute('filter');
                }
                
                anim2.animate(); 
            })
            
            anim2.onComplete.subscribe(function() { 
                element = document.getElementById('content-' + num);
                if (element.style.filter && element.style.removeAttribute) {
                    element.style.removeAttribute('filter');
                }
                currentContent = num;
                changeTopLoc(num);
            })
        }
    }
    else {
        if (num != 0) {
            document.getElementById('link-' + num).href = '#' + num;
        }
    }
}

function changeTopLoc(num) {
    top.location = '#' + num;
}