$(function () {


	$.ajaxSetup ({
		cache: false
	});
	
	popupTip();

	
	// get extra pages of gowns (if any)
	var perpage = 6;
	var pageWidth = 342;
	var wrapper = $("#gown_wrapper");
	var allitems = parseInt($('#total').val());
	var gownPage = parseInt($('#pageid').val());
	var cookie_name = "gownpage"+gownPage;
	var cookie_options = { path: '/', expires: 3 };
	var pageShown = 1;
	
	
	var allpages = parseInt(allitems/perpage);//round down
	
	//check for remainder page
	if (allitems > (allpages * perpage)) allpages++;

		
	
	if (allitems > perpage) // we need pages
	{
		
		
		var newpages = allpages-1; 
		
		newWidth = pageWidth*allpages;
		
		$(wrapper).width(newWidth);
		
		
		// now load pages via ajax
		var p=1;
		var newStart=0;
		
		while (p <= newpages) {
			newStart = p * perpage;
			loadNewPage(gownPage,newStart);
			p++;
		}
		
		// set current page - move if needed.
		setPageShown();
		
		$('#gown_selector_control').children().addClass('jLink')
		
		// hijack page links
		$('.ditto_page,.ditto_currentpage').click(function() {
			var targetPage = parseInt($(this).text());
			showPage(targetPage,true);
			return false;
		});	
		
		
		//prev/next links
		$('.ditto_next_link').click(function() {
			showNext(); 
			return false;
		});
	
		$('.ditto_previous_off').click(function() {
			showPrev(); 
			return false;
		});
		
	}
	
	
	
	
	function popupTip(){
	
	// style popup
	$('.gown_item').hover(function() {
		
			// add tag
			var desc = $(this).children('a').attr('title');
			$(this).append('<div class="gown_item_tip"><span>'+desc+'</span></div>');
			$(this).children('.gown_item_tip').stop().slideDown('fast');
		
		}, function () { //callback
		
			$(this).children('.gown_item_tip').stop().slideUp('fast',function() { $(this).remove(); });
		
		}
	);
	};
	
	


	function setPageShown(){
	  // check cookie for page state
	  if($.cookie(cookie_name)) {
		var cook = parseInt($.cookie(cookie_name));
		          
        if (cook > 1 && cook <= allpages)
         {
           	showPage(cook,false);
         } else {
         	// clear bad/pointless cookie
         	$.cookie(cookie_name, null);
         };
	   }
	};
	
	
	
	
	
	function loadNewPage(type,start)
	{
		var ajax_load = "<div class='jLoading'>loading...</div>";
		var loadUrl = "a/ajax/gowns.html";
		
		$(wrapper).append('<div class="gown_set"></div>')
		$(".gown_set:last").html(ajax_load).load(loadUrl, "type="+type+"&start="+start, function(){popupTip();});  
	};
	
		
	
	function showNext(){
		if (pageShown < allpages) showPage((pageShown+1),true);
	};
	
	
	function showPrev() {
		if (pageShown>1) showPage((pageShown-1),true);		
	};
	
	
	
	function showPage(toPage,doAnim) {
			
		//var doAnim = true;	
		var newLeft = pageWidth - (pageWidth * toPage);
		
		if (doAnim) {
			$(wrapper).stop().animate({left: newLeft + 'px'}, 'slow');  // animate
		} else {
			$(wrapper).css('left',newLeft + 'px'); // jump
		}
		
		// set control styles
		$('#gown_selector_control .ditto_currentpage').removeClass('ditto_currentpage').addClass('ditto_page');
		$("#gown_selector_control *:contains('"+toPage+"')").removeClass('ditto_page').addClass('ditto_currentpage');
		
		
		pageShown = toPage;
		
		//update cookie
		$.cookie(cookie_name, pageShown, cookie_options);
	};
	
});