var count = 0;

$('document').ready(function() {
							 
	
	
	$('h2.fancySlogan').clone().removeClass('fancySlogan').appendTo('h2.fancySlogan');
	
	// information scroller on the home page
    $('#scroller').cycle({ 
	    fx:     'fade', 
	    speed:  'slow',
	    next:   '#next', 
	    prev:   '#prev' 
	});
	
	var images = $('#slideshow').children().size();
	var spanInfo = $('span#spanInfo').attr('rel');
	$('#slideshow').after('<ul id="slideshow-nav">').cycle({ 
		fx:     'fade', 
		speed:  1000, 
		timeout: 5000, 
		pager:  '#slideshow-nav',
		// pause: 1, // killed b/c of conflict with play/pause button
		
		pagerAnchorBuilder: function(idx, slide) {
			count++;
			var markup = '<li><a href="#">' + count + '</a></li>'
			if (count == images && spanInfo != 'noMore') {
				markup += '<li>&nbsp; <a id="slideshowPlayPause" href="">Play/Pause</a></li>';
				// markup += '<li>&nbsp; <a id="photoGalleryLink" href="/photo-gallery.cfm">View All</a></li>'; // this adds view all link
			}
			return markup;
		} 
	});
	
	var pause = 0;
	$('#slideshowPlayPause').click(function() {
		if (pause == 0) {
			$('#slideshow').cycle('pause');
			pause = 1;
			return false;
		} else if (pause == 1) {
			$('#slideshow').cycle('resume');
			pause = 0;
			return false;
		}
	});
	
	
});

function reloadImg(){

 uniq = new Date();

 uniq = "?"+uniq.getTime();

 uniq2 = new Date();

 uniq2 = "?"+uniq2.getTime();

 uniq3 = new Date();

 uniq3 = "?"+uniq3.getTime();
 
 uniq4 = new Date();
 
 uniq4 = "?"+uniq4.getTime();

 newImage = document.images['imgToLoad1'].src;

 newImage2 = document.images['imgToLoad2'].src;

 newImage3 = document.images['imgToLoad3'].src;
 
 newImage4 = document.images['imgToLoad4'].src;

 index = newImage.indexOf("?", 0);

 index2 = newImage2.indexOf("?", 0);

 index3 = newImage3.indexOf("?", 0);
 
 index4 = newImage4.indexOf("?", 0);

   if(index > 0){

    newImage = newImage.substr(0, index);

  }

  if(index2 > 0){

    newImage2 = newImage2.substr(0, index2);

  }

  if(index3 > 0){

    newImage3 = newImage3.substr(0, index3);

  }

	if(index4 > 0){
		newImage4 = newImage4.substr(0, index4);
	} 

 document.images['imgToLoad1'].src = newImage+uniq

 document.images['imgToLoad2'].src = newImage2+uniq2

 document.images['imgToLoad3'].src = newImage3+uniq3
 
 document.images['imgToLoad4'].src = newImage4+uniq4

 setTimeout('reloadImg()', 1000);
 
 	
	 
	 
	 
	 
	 

}