//hide images while we resize them
document.write("<style>.hoverstate{visibility:hidden}</style>");
function resizeImages(){
    if(!document.getElementById)return false;
    if(!document.getElementsByTagName)return false;
    var container = document.getElementById("rightContainer");
    var images = getElementsByClassName("hoverstate", "img");
    for(var i=0;i<images.length;i++){
        var image=images[i];
        var init_width = image.offsetWidth;
        var init_height=image.style.height;
        if(init_height==""){
            init_height=image.offsetHeight-10;
        }
        if(init_width>60){
            //if image is too large, set its width to 60px
            image.style.width="60px";
            var ratio=60/init_width;
            var new_height=Math.floor(init_height*ratio);
            init_height=new_height;
            if(init_height<60){
                image.style.height=new_height+"px";
            }
            
        } else if(init_width<60) {
            //if image is too small, give it padding to center it
            var extraSpace=60-init_width;
            var padding=Math.floor(extraSpace/2);
            image.style.paddingLeft=padding+"px";
            image.style.paddingRight=padding+"px";
        }

        if(init_height>60){
            //if image is too tall
            image.style.height="60px";
        } else if(init_height<60){
            //if images is too small, give it padding to vertically center it
            var extraSpace=60-init_height;
            var padding=Math.floor(extraSpace/2);
            padding+=5;
            image.style.paddingTop=padding+"px";
            image.style.paddingBottom=padding+"px";
        }
        image.style.visibility="visible";
    }
    return false;
}

function addLoadEvent(func){
var oldonload = window.onload;  

if (typeof window.onload != 'function')  
	{
	window.onload = func;
	}
else 
	{
	window.onload = function()  
		{
		oldonload(); func()
		} 
	} 
}

addLoadEvent(resizeImages);