$(document).ready(function() { 
	$totalTiles = $(".sliderImage_wrapper > div").size()-1;
}); 

$slideSpeed = 3000;
$easeStyle = 'easeOutExpo';
$waitTime = 3500;
$pauseTime = 300;
autoPlayTimer = setTimeout('advancePanels()', $waitTime);
$a = 1;

function advancePanels(){ 
		if($a < $totalTiles){
			$currentTile = "#sliderImage" + $a;
			
			$($currentTile).fadeOut($slideSpeed, $easeStyle, function() {
				 //AnimationComplete
		  	})
			$a++;		
			autoPlayTimer = setTimeout('advancePanels()', $waitTime);
			//exitStage($currentTile);
		}else{
			for (i=1;i<=$totalTiles;i++) {
					$tile = "#sliderImage" + i ;
					$($tile).fadeIn();
				}
			autoPlayTimer = setTimeout('advancePanels()', $waitTime);
			$a = 1;
		}
}


function workNav_ImgRollover(objImg, index) {
//Simple image rollover/rollout.
//Primary file and rollover file must follow name format: "Graphic.gif" / "Graphic_on.gif"
//parameter objImg: required, image object to swap src of
//example: <img src="Graphic.gif" onMouseOver="ImgRollover(this);" onMouseOut="ImgRollover(this);">
  if (objImg != null) {
    if (objImg.src.indexOf('_on.gif') > 0 || objImg.src.indexOf('_on.jpg') > 0 || objImg.src.indexOf('_on.png') > 0) {
     objImg.src = objImg.src.replace('_on.gif', '.gif');
     objImg.src = objImg.src.replace('_on.jpg', '.jpg');
     objImg.src = objImg.src.replace('_on.png', '.png');
	 for (i=index;i<=$totalTiles;i++) {
		$tile = "#sliderImage" + i ;
		$($tile).css( {display: "block"} );
	}
	 $a = index;
	 autoPlayTimer = setTimeout('advancePanels()', $waitTime);

   } else {
     objImg.src = objImg.src.replace('.gif', '_on.gif');
     objImg.src = objImg.src.replace('.jpg', '_on.jpg');
     objImg.src = objImg.src.replace('.png', '_on.png');
	 
	clearTimeout(autoPlayTimer) 
	for (i=1;i<=$totalTiles+1;i++) {
		$tile = "#sliderImage" + i ;
		$($tile).css( {display: "none"} );
	}
	$tile = "#sliderImage" + index ;
	$($tile).fadeIn();
    }
  }
}