function LoadGallery(productImage,imageFile, productTitle, titleText, productDesc, descText)
{
    var speed = 10;
    var timer = 0;
    hideImage(productImage);
    hideImage(productTitle);
    hideImage(productDesc);
    
      document.getElementById(productImage).src = imageFile;
      document.getElementById(productTitle).innerHTML = "<h3>" +titleText +"</h3>";
      document.getElementById(productDesc).innerHTML = descText;
      
      for(i = 0; i <= 100; i++) {
            setTimeout("changeOpac(" + i + ",'" + productImage + "')",(timer * speed));
            setTimeout("changeOpac(" + i + ",'" + productTitle + "')",(timer * speed));
            setTimeout("changeOpac(" + i + ",'" + productDesc + "')",(timer * speed));
          
            setTimeout("changeSize(" + 3.35*i + ",'" + productImage + "')",(timer * speed));
            setTimeout("changeSize(" + i + ",'" + productTitle + "')",(timer * speed));
            setTimeout("changeSize(" + i + ",'" + productDesc + "')",(timer * speed));
                timer++;
        }

}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";

}

function hideImage(id) {
    var object = document.getElementById(id).style;
    object.opacity = 0;
    object.MozOpacity = 0;
    object.KhtmlOpacity = 0;
    object.filter = "alpha(opacity=0)";
}

function changeSize(width, id){
    
      document.getElementById(id).width = width;

 }