// JavaScript Document

if (document.images)
{
  pic0 = new Image(); 
  pic0.src = "images/gallery/patiocover.JPG";
  
  pic1 = new Image(); 
  pic1.src = "images/gallery/freestanding.JPG";
  
  pic2= new Image(); 
  pic2.src = "images/gallery/additions.JPG";
  
  pic3= new Image(); 
  pic3.src = "images/gallery/decksandarbors.JPG";
 
  pic4= new Image(); 
  pic4.src = "images/gallery/decorative.JPG";
  
  pic5= new Image(); 
  pic5.src = "images/gallery/elementsofstyle.JPG";
}

var imageArray = new Array;
	imageArray[0] = "patiocover.JPG";
	imageArray[1] = "freestanding.JPG";
	imageArray[2] = "additions.JPG";
	imageArray[3] = "decksandarbors.JPG";
	imageArray[4] = "decorative.JPG";
	imageArray[5] = "elementsofstyle.JPG";


var imageLinks = new Array; 
var thisImage = 0;
var imgCount = imageArray.length;

function fadeTitles()
{

	$('#rotatepic').fadeOut(500, function(){cycle();$('#rotatepic').fadeIn(2000);});
	setTimeout('fadeTitles();', 8000);
}

function cycle()
{
	thisImage++;
		
	if(thisImage == imgCount){thisImage = 0;}

	$('#rotatepic').attr("src",("images/gallery/" + imageArray[thisImage])) ;
	//$('#rotatepic').fadeTo(20,0);
}

$(document).ready(function(){

setTimeout('fadeTitles();',5000);

});