$(document).ready(function() {
	$(".menulist a").click(function() {
		var pagerNav = $(this).attr("rel");
		var elWidth = $("#" + pagerNav).width();		
		
		$("td.itemtitle").html($(this).html());
		$('td.pages > div').css("display", "none"); 
		if(pagerNav != '') {
			if(pagerNav == "pat1") $("#slidebox").css("width", "405px");
			if(pagerNav == "pat4") $("#slidebox").css("width", "605px");
			if(pagerNav == "pat8") $("#slidebox").css("width", "405px");
			$('#' + pagerNav + "_nav").css("display", "block");			
		}
	})	
	
	$('#pat8').cycle({			
			timeout: 0,
			next: '#nextpic1',
			prev: '#prevpic1',
			pager: '#pat8_pager'
	});
	
	$('#pat4').cycle({
			timeout: 0,
			next: '#nextpic2',
			prev: '#prevpic2',
			pager: '#pat4_pager'
	});
	
	$('#pat1').cycle({
			timeout: 0,
			next: '#nextpic3',
			prev: '#prevpic3',
			pager: '#pat1_pager'
	});
	
	

	$('#gallery').cycle({
	timeout: 0,
	pager: '#pager',
	pagerAnchorBuilder: function(idx, slide) {
					// return sel string for existing anchor
					return '#pager a:eq(' + (idx) + ')';
			}
	});
	
});