function itemHighlightOn(item){
  var hIndex = item.className.indexOf("_hover");
  if(hIndex < 0){
    item.className=item.className+"_hover";
  }
}
function itemHighlightOff(item){
  var hIndex = item.className.indexOf("_hover");
  if(hIndex > -1){
    item.className=item.className.substring(0, hIndex);
  }
}


/*-----------------NEW 062103---------------------*/
var targetWidth = 133;
var targetHeight = 100;

var imgShow = "visible";
var imgHide = "hidden";

var smPrefix = "-sm";

var highlightOnValue = "red";
var highlightOffValue = "green";

var mainElementName = "main-index";

//var blurDB = new Array();
//blurDB["on"] = new Image();
//blurDB["on"].src = "<%= request.getContextPath() %>/images/border.gif";
//blurDB["off"] = new Image();
//blurDB["off"].src = "<%= request.getContextPath() %>/images/border-zm.gif";

/**
 * Wrapper function to enable NS4
 */
function getElementStyle(id){
  var element = getElement(id);
  if(element && element.style){
    return element.style;
  }else{
    return element;
  }
}

function getElement(id){
  var element;
  if(document.getElementById){
    element = document.getElementById(id);
  }else if(document.layers){
    element = document.layers[id];
  }
  return element;
}

function hideImage(imageName){
  var element = getElementStyle(imageName+smPrefix);
  if(element){
    element.visibility = imgHide;
    element.zIndex = -1;
  }

}

function showImage(imageName){
  var element = getElementStyle(imageName+smPrefix);
  if(element){
    element.visibility = imgShow;
    element.zIndex = 2;
    positionElement(element);
  }
}

function positionElement(element){
  if(element){
    var mainElement = getElement(mainElementName);

//      var str="";
//      var obj = document["yr-rose-sm"];
//      for(var i in obj){
//        str+=i+"="+obj[i]+"\n<br>";
//      }
//      document.writeln(str);
//      return;

    if(mainElement.pageX){
      element.pageX = mainElement.pageX;
      element.pageY = mainElement.pageY;
    }else if(mainElement.offsetTop){
//      alert(mainElement.offsetTop+" "+mainElement.offsetLeft);
//      element.top = mainElement.offsetTop;
//      element.left = mainElement.offsetLeft;
    }
  }
}

//function blurOn(id){
//  document[id].src = blurDB["on"].src;
//}

//function blurOff(id){
//  document[id].src = blurDB["off"].src;
//}

function calcIndexSize(form, imageName){
  var image = document.images[imageName];
  if(image){
    var width = image.width;
    var height= image.height;
    var isHorizontal = (width > height);
    var percentage = (isHorizontal) ? ((targetWidth*100)/width) : ((targetHeight*100)/height);
    var newWidth = Math.round(width*percentage/100);
    var newHeight = Math.round(height*percentage/100);
    form.indexWidth.value = newWidth;
    form.indexHeight.value = newHeight;
  }
}

function gotoConfirm(uri){
  if(confirm("Are you sure?")){
    window.location=uri;
  }
}

function populateImageTitle(element){
  if(element.value){
//    alert(element.value);
    var form = element.form;
    var fileName = element.value;
    var slashIndex = fileName.lastIndexOf('\\');
    var dotIndex = fileName.lastIndexOf('.');
//    var smFileName = fileName.substring(0, dotIndex) + "-sm" + fileName.substring(dotIndex);
    var fileTitle = fileName.substring(slashIndex+1, dotIndex);
    form.title.value = fileTitle;
  }
}