// JavaScript Document


// 
var gali = 1;
var previ = 0;
var clearOut = "nothing";

function SwapBg() {
	if ($('#halt').val() != "STOP") {
	var bgUrl = bgImgs[gali][0];
	var bgPrevurl = "url("+bgImgs[previ][0]+")";
	$("#hpbanner").fadeOut();

	$("#compositePanel").css("background-image",bgPrevurl);
	setTimeout(function(){$("#hpbanner").attr("src",bgUrl)},500);
			$("#img_title").fadeOut(200, function() {
			$("#img_title").html("");
			$("#img_title").append(bgImgs[gali][1]);
			$("#img_title").fadeIn();
		});
		
		$("#img_descrip").fadeOut(200, function() {
			$("#img_descrip").html("");
			$("#img_descrip").append(bgImgs[gali][2]);
					$("#img_descrip").fadeIn();

		});
		
		$("#hpbanner").fadeIn(500, function() { 
			gali++;
	previ++;
	if (gali > bgImgs.length-1){	
	gali = 0;
	}
	if (previ > bgImgs.length-1){	
	previ = 0;
	}
		});
	
	}
}

function SwapBgPrev() {
	$('#gallery_grid').find('img.galleryOn').addClass("galleryOff");
	$('#gallery_grid').find('img.galleryOn').removeClass("galleryOn");
	previ--;
	gali--;
	if (previ < 0){	
	previ = bgImgs.length-1;
	}
	if (gali < 0){	
	gali = bgImgs.length-1;
	}
	var bgUrl = bgImgs[previ][0];
	$("#hpbanner").attr("src",bgUrl);
	$("#img_title").html("");
	$("#img_descrip").html("");
	$("#img_title").append(bgImgs[previ][1]);
	$("#img_descrip").append(bgImgs[previ][2]);
	
}

function SwapBgNext() {
	$('#gallery_grid').find('img.galleryOn').addClass("galleryOff");
	$('#gallery_grid').find('img.galleryOn').removeClass("galleryOn");
	var bgUrl = bgImgs[gali][0];
	$("#hpbanner").attr("src",bgUrl);
		$("#img_title").text(bgImgs[gali][1]);
	$("#img_descrip").text(bgImgs[gali][2]);
	gali++;
	previ++;
	if (gali > bgImgs.length-1){	
	gali = 0;
	}
	if (previ > bgImgs.length-1){	
	previ = 0;
	}
}

(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (i=0;i<=args_len;i++) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)




$(document).ready(function() {
	$('#hpbanner').show();
	
		$('.scroll-pane').jScrollPane({
	showArrows: true,
	scrollbarWidth: 14
	}
	);
	
	doSlideshow = setInterval(function(){SwapBg()},20000);

			  

$('.gallery_clicker').click(function(event) {
event.preventDefault();
$('#halt').val("STOP");
clearInterval(doSlideshow);
var newSrc = $(this).attr("href");
$('#gallery_grid').find('img.galleryOn').addClass("galleryOff");
$('#gallery_grid').find('img.galleryOn').removeClass("galleryOn");
$('#hpbanner').attr("src",newSrc);
$(this).find('img').removeClass("galleryOff");
$(this).find('img').addClass("galleryOn");

previ = parseInt($(this).attr("rel"));
gali = parseInt($(this).attr("rel"))+1;
	$("#img_title").html("");
	$("#img_descrip").html("");

	$("#img_title").append(bgImgs[previ][1]);
	$("#img_descrip").append(bgImgs[previ][2]);

if (gali > bgImgs.length-1){	
	gali = 0;
	}
});

//Pause
$('#gallery_pause').click(function(event) {
event.preventDefault();
if ($('#halt').val() == "GO") {
clearInterval(doSlideshow);
$('#halt').val("STOP");
} else {
doSlideshow = setInterval(function(){SwapBg()},20000);
$('#halt').val("GO");	
}
});

//next
$('#gallery_next').click(function(event) {
event.preventDefault();
clearInterval(doSlideshow);
$('#halt').val("STOP");
SwapBgNext();

});

//next
$('#gallery_prev').click(function(event) {
event.preventDefault();
clearInterval(doSlideshow);
$('#halt').val("STOP");
SwapBgPrev();
});
		  

});

function showSub(show) {
		$(".submenu").css('display', 'none');
		$(show).css('display','inline');
}


