// JScript File

function expandImage(elementId) {
    expand(elementId);
}
function contractImage(elementId) {
    contract(elementId);
}
function expand(elementId){
    
    var img = document.getElementById(elementId);
    if(!img)
    {    return;
    }
  if(!img.isContracting) {
      if(img.clientWidth < 400 && img.clientHeight < 400){
        img.isExpanding = true;
        img.width = img.width + 10;
        addClass(img.id, "Moving");
        currentExpand = setTimeout("expand('" + elementId + "');", 15);
      }else{
        img.isExpanding = false;
        removeClass(img.id, "Moving");
      }
  }
}
function contract(elementId){
    
    var img = document.getElementById(elementId);
    if(!img)
    {    return;
    }
    if(!img.isExpanding){
        img.isContracting = true;
        if(img.clientWidth > 100){
            img.width = img.width - 10;
            addClass(img.id, "Moving");
            currentContract = setTimeout("contract('" + elementId + "');", 15);
        }else{
            img.isContracting = false;
            removeClass(img.id, "Moving");
        }
    }
}
function addClass(element, className) {
    element = document.getElementById(element);
    var oldClass = element.className ? element.className:"";
    if(oldClass.indexOf(className)== -1) {
        oldClass += " " + className ;
        element.className = oldClass;
    }
} 
function removeClass(element, className) {
    element = document.getElementById(element);
    var oldClass = element.className ? element.className:"";
    oldClass = oldClass.replace(" " + className , "");
    element.className = oldClass;
}