<!--


if (document.images)
{
  pic2= new Image; 
  pic2.src="images/services/2.jpg";
  pic3= new Image; 
  pic3.src="images/services/3.jpg";
  pic4= new Image; 
  pic4.src="images/services/4.jpg";
  pic5= new Image; 
  pic5.src="images/services/5.jpg";
  pic6= new Image; 
  pic6.src="images/services/6.jpg";
  pic7= new Image; 
  pic7.src="images/services/7.jpg";
  pic8= new Image; 
  pic8.src="images/about/8.jpg";  
  pic9= new Image; 
  pic9.src="images/about/9.jpg";  
  pic10= new Image; 
  pic10.src="images/about/10.jpg";  
  pic11= new Image; 
  pic11.src="images/about/11.jpg"; 
  pic12= new Image; 
  pic12.src="images/about/12.jpg"; 
  pic13= new Image; 
  pic13.src="images/about/13.jpg";   
  pic14= new Image; 
  pic14.src="images/services/14.jpg";  
  pic15= new Image; 
  pic15.src="images/services/15.jpg";    
  pic16= new Image; 
  pic16.src="images/propane/16.jpg";  
  pic17= new Image; 
  pic17.src="images/propane/17.jpg";  
  pic18= new Image; 
  pic18.src="images/propane/18.jpg";  
  pic19= new Image; 
  pic19.src="images/propane/19.jpg";  
  pic20= new Image; 
  pic20.src="images/propane/20.jpg";    
  pic21= new Image; 
  pic21.src="images/propane/21.jpg";
  pic22= new Image; 
  pic22.src="images/testimonials/1.jpg";    
  pic23= new Image; 
  pic23.src="images/testimonials/2.jpg";
  pic24= new Image; 
  pic24.src="images/testimonials/3.jpg";
  
}

 var lst = 0;

 function setFadeIn(objContainer,status) {
	var obj = document.getElementById(objContainer);
	if(lst != 0){ lst.style.display = "none"; }
	changeOpac(0,objContainer);
	obj.style.display = status;
	opacity(objContainer,0,100,500);
	lst = obj;
 }

function setVisible(objContainer) {
	var obj = document.getElementById(objContainer);
	obj.style.display = 'block';
 }
 
 function setInVisible(objContainer) {
	var obj = document.getElementById(objContainer);
	obj.style.display = 'none';
 }
 
	
function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(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 + ")";
} 




var FadeDurationMS=2000;
function SetOpacity(object,opacityPct)
{
  // IE.
  object.style.filter = 'alpha(opacity=' + opacityPct + ')';
  // Old mozilla and firefox
  object.style.MozOpacity = opacityPct/100;
  // Everything else.
  object.style.opacity = opacityPct/100;
}
function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{
  var element=document.getElementById(id);
  var msNow = (new Date()).getTime();
  var opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
  if (opacity>=100)
  {
    SetOpacity(element,100);
    element.timer = undefined;
  }
  else if (opacity<=0)
  {
    SetOpacity(element,0);
    element.timer = undefined;
  }
  else 
  {
    SetOpacity(element,opacity);
    element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",10);
  }
}
function FadeInImage(foregroundID,newImage,backgroundID)
{
  var foreground=document.getElementById(foregroundID);
  if (foreground.timer) window.clearTimeout(foreground.timer);
  if (backgroundID)
  {
    var background=document.getElementById(backgroundID);
    if (background)
    {
      if (background.src)
      {
        foreground.src = background.src; 
        SetOpacity(foreground,100);
      }
      background.src = newImage;
      background.style.backgroundImage = 'url(' + newImage + ')';
      background.style.backgroundRepeat = 'no-repeat';
      var startMS = (new Date()).getTime();
      foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "'," + FadeDurationMS + "," + startMS + ",100,0)",10);
    }
  } else {
    foreground.src = newImage;
  }
}
var slideCache = new Array();
function RunSlideShow(pictureID,backgroundID,imageFiles,displaySecs)
{
  var imageSeparator = imageFiles.indexOf(";");
  var nextImage = imageFiles.substring(0,imageSeparator);
  FadeInImage(pictureID,nextImage,backgroundID);
  var futureImages = imageFiles.substring(imageSeparator+1,imageFiles.length)+ ';' + nextImage;
  setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+futureImages+"',"+displaySecs+")",displaySecs*1000);
  // Cache the next image to improve performance.
  imageSeparator = futureImages.indexOf(";");
  nextImage = futureImages.substring(0,imageSeparator);
  if (slideCache[nextImage] == null)
  {
    slideCache[nextImage] = new Image;
    slideCache[nextImage].src = nextImage;
  }
}



// -->

