// JavaScript Document

//<!--

$(document).ready(function(){
	
	$('.maximanage').wrap('<span class="mmwrap"></span>');
	var formhtml = $('.mmwrap').html();
	
	$('.mmwrap').remove();
	$('#thumbs-outer').before(formhtml);
	
	//Load colour plug-in for highlight fade
	//$.getScript("js/jquery.color.js");
	//Set all thumbnails to 0.5 opacity
	$('#thumbs a:not(.active)').css({opacity: 0.5});
	//Add hover effect
	$('#thumbs a').hover(
		function () {
			$(this).not('.active').fadeTo("normal", 1);
		},
		function () {
			$(this).not('.active').fadeTo("normal", 0.5);
	});
	
	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) {
		
		$('#thumbs a').removeClass('active').css({opacity: 0.5})
		$('#thumbs a').eq(c-1).addClass('active').css({opacity: 1})
		
		var src = $('#frame-photo').attr('src');
		if(src != iarray[c-1]) {
			
			$('#loading').fadeIn(200, function() {
				$('#frame-photo').attr('src', iarray[c-1]);
				$('.image-number').html(c+'/'+panelCount);
				$('.image-number').attr('num', c);
			
				$('#frame-photo').load(function(){
					$('#loading').fadeOut(400);
				});
			}); 
		
		}
		
	}
		
	if(panelCount > (counter+1)) {
		$('#thumbs-outer').css('left','32px').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');
			
		$('#frame .inner').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>');
	}
	
	$('#frame-photo').before('<div id="loading" style="display:none;"><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').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;
	});
	
	$('#thumbs a').eq(0).addClass('active');
	
	if ( $('body#home').length == 0 ) {
		thumbnails(1);
	}
	
});
//-->