$(function(){
	$('ul.imgGal').css({'overflow':'hidden', 'height':'auto'});
	$('ul.imgGal li:not(:first-child)').addClass('invisible');
	$('ul.imgGal li:first-child').addClass('visible');
	var html = '<span>';
	var AllLis = $('ul.imgGal li');
	$.each(AllLis, function(i, galItem){
		html += '<a href="#">';
		html += i +1;
		html += '</a> ';
	});
	html += '</span>';
	
	$(html).insertAfter('ul.imgGal li:first-child img');
	$('<a href="#" class="prev">Prev</a>').insertBefore('.imgGal li.visible span');
	$('<a href="#" class="next">Next</a>').insertBefore('.imgGal li.visible a.prev');
	$('ul.imgGal li a:first-child').addClass('selected');
	$('ul.imgGal li span a').each(function(linkNum){
		$(this).click(function(){
			$('ul.imgGal li span a').removeClass('selected');
			$(this).addClass('selected');
			changeImg(linkNum);
			setRightCol();
			return false;
		});
	});
	$('a.prev').live('click',function(){
		var findSelected = $('ul.imgGal li span a.selected').prev().text();
		var findLength = $('ul.imgGal li span a').size();
		findSelected == '' ? $('ul.imgGal li span a').eq(findLength -1).trigger('click') : $('ul.imgGal li span a').eq(findSelected -1).trigger('click');
		setRightCol();
		return false;
	});
	$('a.next').live('click',function(){
		var findSelected = $('ul.imgGal li span a.selected').next().text();
		findSelected == '' ? $('ul.imgGal li span a').eq(0).trigger('click') : $('ul.imgGal li span a').eq(findSelected -1).trigger('click');
		setRightCol();
		return false;
	});
	$('ul.imgGal li span').css('width', 'auto');
	var spanWidth = $('ul.imgGal li span').width();
	if (spanWidth < 200) {
		$('ul.imgGal li span').css('width',spanWidth +'px');
		var newWidth = $('ul.imgGal li span').width() /2;
		$('ul.imgGal li span').css('marginLeft', -newWidth);
	}
	else {
		$('ul.imgGal li span').css('width',200 +'px');
	}
	setRightCol();
});	
function changeImg(linkNum){
	$('ul.imgGal li.visible').removeClass('visible').addClass('invisible');
	$('ul.imgGal li').each(function(num){
		if(num == linkNum) $(this).addClass('visible').removeClass('invisible');
		$('ul.imgGal li span').insertAfter('ul.imgGal li.visible img');
		$('a.prev').remove();
		$('a.next').remove();
		$('<a href="#" class="prev">Prev</a>').insertBefore('.imgGal li.visible span');
		$('<a href="#" class="next">Next</a>').insertBefore('.imgGal li.visible a.prev');
	});
}
function setRightCol(){
		var ulHeight = $('ul.imgGal').height();
	$('#rightCol').css('height',ulHeight);
}