//////////////////////////////////////////////////////
//
//	The purpose of this file is to
//	apply a hover class on mouseover
//	on the <li> elements in the nav.
//	This is because IE doesn't put
//	the pseudo class :hover on <li> elements
//
//	This is code that uses the
//	jquery javascript library (http://jquery.com/)
//
//////////////////////////////////////////////////////
$(window).load(function() {

	$('div.pictureFrame ').ifixpng(); 
	var current = '';
	$('a.lbox').lightBox({
			imageLoading: 'cmsimages/lightbox-ico-loading.gif',
			imageBtnClose: 'cmsimages/lightbox-btn-close.gif', 
			imageBtnPrev: 'cmsimages/lightbox-btn-prev.gif', 
			imageBtnNext: 'cmsimages/lightbox-btn-next.gif',
			overlayBgColor: 'transparent'
		});
	function changeSlide(a){
		var old = $('#gallerynav li.selected').removeClass('selected');
		if(old.length != 0)
			$(old.children(a)[0].myImage).hide();
		$(a.myImage).show();
		$(a).parent().addClass('selected');
		current = a;
	}
	
	var links = $('#gallerynav ul li a');
	var images = $('#galleryImageNav li')
	if(links.length > 0)
	{
		$('#galleryImageNav li a').lightBox({
			imageLoading: 'cmsimages/lightbox-ico-loading.gif',
			imageBtnClose: 'cmsimages/lightbox-btn-close.gif', 
			imageBtnPrev: 'cmsimages/lightbox-btn-prev.gif', 
			imageBtnNext: 'cmsimages/lightbox-btn-next.gif',
			overlayBgColor: 'transparent'
		});
		var current = $('#gallerynav ul li a')[0];
		for(var i = 0; i < links.length; i++)
		{
			links[i].myImage = images[i];
		}
		changeSlide(current);
		//initialize
	}
	$('#gallerynav ul li a').click(function(){
		changeSlide(this);
		return false;
	});	
	
	$('#gallerynav a.next').click(function(){
		var next = $(current).parent().next();
		if(next.length > 0)
			changeSlide(next.children()[0]);
		return false;
	});
	
	$('#gallerynav a.prev').click(function(){
		var prev = $(current).parent().prev();
		if(prev.length > 0)
			changeSlide(prev.children()[0]);
		return false;
	});
	
});