// Panel Animator
$(document).ready(function()
	{
	  $(".panel-content").hide();
	  $(".panel-title").click(function()
	  {
		if ($(this).hasClass("selected"))
		{
			$(this).removeClass("selected")
		} else {
			$(this).addClass("selected")
		}
		$(this).next(".panel-content").slideToggle(300);
	  });
	  	  $(".panel-title").hover(
	  function()
	  {
		$(this).css("cursor", "pointer")
	  });
	});
	
// Search Selector
$(document).ready(function()
{
	$("form table input").click(function()
	{
		tr = $(this).parent().parent().get(0)
		if (tr.className == "active-td")
		{
			tr.className = ""
		} else {
			tr.className = "active-td"
		}
	});
});


// VIEW MILKER STUFF
$(document).ready(function()
{
    // VIEW MILKER
	$(".view-milker").click(function()
	{
		var height = $(window).height();
		var width = $(document).width();
		var qs = this.href.split("=")[1]

		var milkerPane =$("#milker-details")
		milkerPane.css({ 'display' : 'block' }) 
		var internlDiv = $("<div class='inner-pane'></div>'").appendTo(milkerPane);
		
		internlDiv.load("milkerDetails.php?qs=" + qs);
		milkerPane.addClass("show-pane")
		
		milkerPane.css({
		'left' : width/2 - (milkerPane.width() / 2),  
        'top' : height/2 - (milkerPane.height() / 2), 
        'z-index' : 15                     
		})
		
		var closeButton = $("<a class='close' href='close'>Close</a>'").appendTo(milkerPane);
		closeButton.click(function()
		{
			internlDiv.remove();
			milkerPane.css({ 'display' : 'none' }) 
					return false;
		})
		
		return false;
	});
	
	// VIEW FEEDBACK
	$(".view-feedback").click(function()
	{
		var height = $(window).height();
		var width = $(document).width();
		var qs = this.href.split("=")[1]
		

		var milkerPane =$("#milker-details")
		milkerPane.css({ 'display' : 'block' }) 
		var internlDiv = $("<div class='inner-pane'></div>'").appendTo(milkerPane);
		
		internlDiv.load("/view-milkers-by-region/milkerDetails.php?qs=" + qs);
		milkerPane.addClass("show-pane")
		
		milkerPane.css({
		
		'left' : width/2 - (milkerPane.width() / 2),  
        'top' : height/2 - (milkerPane.height() / 2), 
        'z-index' : 15                     
		})
		
		var closeButton = $("<a class='close' href=''close'>Close</a>'").appendTo(milkerPane);
		closeButton.click(function()
		{
			internlDiv.remove();
			milkerPane.css({ 'display' : 'none' }) 
					return false;
		})
		
		return false;
	});

	// VIEW CALENDAR
	$(".view-calendar").click(function()
	{
		$(this).css({ 'display' : 'none' }) 
		var height = $(window).height();
		var width = $(document).width();
		var qs = this.href.split("=")[1]
		$(".inner-cal", this.parentNode).addClass("activecal"); 
		//alert(qs)
		var calPane =$(".inner-cal", this.parentNode)
		//console.log (this)
		calPane.load("/view-milkers-by-region/milkerCalendar.php?qs=" + qs, function()
		{
					//$(this).css({"overflow": "hidden", "border": "1px solid red"})
					var list = $(".ui-scroller", this);
					var items = $("div",list);
					var itemsPerPage = 1;
					var pages = Math.ceil(items.length/itemsPerPage)
					var page = 0;
					var itemWidth = 230
					var pageWidth = (itemWidth * itemsPerPage)
					$(list).css({"position": "relative", "width": ((pages*itemsPerPage) * itemWidth)});
					var scrollPane = $("<div class=\"scroller\"></div>").insertBefore( list ).append(list)
					var pagingPane = $("<div class=\"paging\"></div>").insertAfter( list )
					if (pages>0)
					{
						$("<a class='prev' href='#'>Previous</a>").appendTo( this ).bind("click", function(e) { scrollTo( page-1 ); e.preventDefault(); return false })
						$("<a class='next' href='#'>Next</a>").appendTo( this ).bind("click", function(e) { scrollTo( page+1 ); e.preventDefault(); return false })
					}

					function scrollTo( newPage )
					{		
						switch (newPage)
						{
							case pages: page = 0; break;
							case -1: page = pages-1; break;
							default: page = newPage; break;
						}

						var end = page * pageWidth
						$(list).stop();
						$(list).animate({left: -end +"px"},850)
					}				

			});
		return false;
	});
});