// JavaScript Document

//<!--

$(document).ready(function(){
	
	var cnt=0;
	var currentPanel = 1;
	var counter = 7;
	var panelCount = $('#thumbs a').size();
	var minval = 1;	var maxval = minval + (counter-1);
		
	function thumbnails(c) {
 		$('#loading').fadeIn(200, function() {
			$('.image-number').html(c+'/'+panelCount);
			$('.image-number').attr('num', c);
		
			$('#bigImg').attr('src', iarray[c-1]);
			
			$('#bigImg').load(function(){
				$('#loading').fadeOut(400);				
				$('#thumbs a').removeClass('active');
				$('#thumbs a').eq(c-1).addClass('active');	
			});
		}); 
	}
		
	if(panelCount > (counter+1)) {
		$('#thumbs-outer').css('left','65px').css('width','356px');
		$('#thumbs').css('left', '0');
		
		if ($.browser.msie && $.browser.version <= 6 ) {
			$('#thumbs-outer').css('left','32px').css('width','348px');
			$('#thumbs').css('left', '-5px');
		}
		
		$('#thumbs-outer').css('overflow', 'hidden');
		$('#thumbs').addClass('overflow', 'hidden');
			
		$('#image-container').prepend('<span class="image-number"></span>');
		$('.image-number').html(currentPanel+'/'+panelCount);
		$('.image-number').attr('num', currentPanel);
		$('.image-number').attr('minval', minval);	
	
		$('#thumbs-outer').before('<a href="#" id="previous">Previous</a>');
		$('#thumbs-outer').after('<a href="#" id="next">Next</a>');
	}
	
	
	$('.wrapper').before('<div id="loading"><div></div></div>');

	var panelWidth = ($('#thumbs').find("li").width())+20;
	var panelCount = $('#thumbs').find("li").size();
	var sliderWidth = panelWidth*panelCount;
	
	$('#thumbs').css('width',sliderWidth);
		
	var i=0;
	var iarray = new Array();
	$( "#thumbs a" ).each(function(){
		$('#thumbs a').eq(i).attr("num", (i+1))
		iarray[i] = $('#thumbs a').eq(i).attr("href");
		i++;
	});
		
	$('#thumbs a').eq(0).addClass('active');
	
	$('#thumbs a').click(function(){
		currentPanel = $(this).attr('num');
		thumbnails(currentPanel);
		return false;
	});	
		
	//Next button
	$('#previous').click(function(){
		
		currentPanel = $('.image-number').attr('num');
		minval = parseInt($('.image-number').attr('minval'));	maxval = minval + (counter-1);
			
		if (currentPanel != 1) {
			if(currentPanel == minval) {
				cnt += 53;
				
				if ($.browser.msie && $.browser.version <= 6 )
					$('#thumbs').animate({left:cnt-5}, 200);
				else 	
					$('#thumbs').animate({left:cnt}, 200);
					
				minval -= 1; 
				$('.image-number').attr('minval', minval);	
			}
			currentPanel -= 1;
			thumbnails(currentPanel);	
		}
		return false;
	});
		
	//Previous button
	$('#next').click(function(){
		
		currentPanel = $('.image-number').attr('num');
		minval = parseInt($('.image-number').attr('minval'));	maxval = minval + (counter-1);
			
		if (currentPanel != panelCount) {
			if(currentPanel == maxval) {
				cnt -= 53;
				
				if ($.browser.msie && $.browser.version <= 6 )
					$('#thumbs').animate({left:cnt-5}, 200);
				else 	
					$('#thumbs').animate({left:cnt}, 200);
					
				minval += 1; 
				$('.image-number').attr('minval', minval);					
			}
			currentPanel = parseInt(currentPanel)+1;
			thumbnails(currentPanel);
		}
		return false;
	});
	
});
//-->