jQuery(document).ready(function($) {
	$('#colour_chart img').hide();
	
	var chart_num = 1;
	var chart_w = $('#colour_chart').width();
	var chart_h = $('#colour_chart').height();
	var next_btn = $('.chart_pager a[@href=#next]');
	var prev_btn = $('.chart_pager a[@href=#prev]');
	var vis = '#colour_chart img:visible';
	
	$('#colour_chart img').attr({
		'width': chart_w,
		'height': chart_h
	});
	
	//$('#colour_chart').css('overflow', 'hidden');
	$('#colour_chart img:first').show();
	$('.page_num').html('1');
	$('#colour_chart img').toggle(function() {
		$('#colour_chart').css('overflow', 'auto');
		$(this).attr('width', 794);
		$(this).attr('height', 1124);
	}, function() {
		$('#colour_chart').css('overflow', 'hidden');
		$(this).attr({
			'width': chart_w,
			'height': chart_h
		});
	});
	
	set_next();
	set_prev();
	
	prev_btn.click(function() {
		if ($(vis).prevAll().length > 0) {
			chart_num--;
			$('#colour_chart img:visible').hide().prev().show();
			$('.page_num').html(chart_num);
		}
		set_next();
		set_prev();
		return false;
	});
	
	next_btn.click(function() {
		if ($(vis).nextAll().length > 0) {
			chart_num++;
			$(vis).hide().next().show();
			$('.page_num').html(chart_num);
		}
		set_prev();
		set_next();
		return false;
	});
	
	function set_prev() {
		if ($(vis).prevAll().length) {
			next_btn.css('opacity', 1);
			prev_btn.css('opacity', 1);
		} else {
			prev_btn.css('opacity', 0);
		}
	}
	
	function set_next() {
		if ($(vis).nextAll().length) {
			prev_btn.css('opacity', 1);
			next_btn.css('opacity', 1);
		} else {
			next_btn.css('opacity', 0);
		}
	}
	
	// hack for IE
	if ($.browser.msie) {
		$('input[@type=checkbox]').css({
			'border': 0,
			'padding': 0,
			'margin': 0,
			'background-color': '#000'
		});
		// hack for IE6
		if (parseInt($.browser.version) === 6) {
			$('input[@type=checkbox]').each(function() {
				$(this).parents('li:first').css({
					'padding': 0,
					'margin': 5
				});
			});
		}
	}
});