// JavaScript Document

//jQuery
jQuery(function( $ ){
			
			/**
			 * Demo binding and preparation, no need to read this part
			 */
				//borrowed from jQuery easing plugin
				//http://gsgd.co.uk/sandbox/jquery.easing.php
				$.easing.elasout = function(x, t, b, c, d) {
					var s=1.70158;var p=0;var a=c;
					if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
					if (a < Math.abs(c)) { a=c; var s=p/4; }
					else var s = p/(2*Math.PI) * Math.asin (c/a);
					return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
				};
			
			
			//by default, the scroll is only done vertically ('y'), change it to both.
			$.scrollTo.defaults.axis = 'xy'; 			
			//this one is important, many browsers don't reset scroll on refreshes
			$('div.pane').scrollTo( 0 );//reset all scrollable panes to (0,0)
			$.scrollTo( 0 );//reset the screen to (0,0)
			var $paneTarget = $('#pane-target');			
			
			//Gets the total number of slides for us
			var totalSlides = $("#pane-target ul li").length / 2;
					
			setNavigation(totalSlides);
				
		
			function setNavigation(total)
					{
						var i=0;
						
						$('#arrow-left').click(function(){
							
							if (i > 0)
							{
								i--;
								var num2 = i;
								var curLink2 = "li:eq("+num2+")";
								
								var target2 = curLink2;
								
								var realNum =(num2 * 275) + (5 * num2);
								
							}else
							{
							i=0;
							}
							$paneTarget.stop().scrollTo(realNum, 500,  { axis:'x' } );
						});		
						
						$('#arrow-right').click(function(){
										  
						 //alert(total)
						 if (i< total - 1)
							{
							i++;		
							var num = i;
							var curLink = "li:eq("+num+")";
							
							var target = curLink;
							var realNum2 = (num * 275) + (5 * num);
							
							$paneTarget.stop().scrollTo(realNum2, 500,  { axis:'x' } );	
								
							}else
							{
							//alert("done");
							//alert(i)
							}	
						});
						
										  
						
						
						
					}
			
	
			//options examples bindings, they will all scroll to the same place, with different options
			function reset_o(){//before each animation, reset to (0,0), skip this.
				$paneOptions.stop().stop();
				$paneOptions[0].scrollLeft = $paneOptions[0].scrollTop = 0;
			};
			var $paneOptions = $('#pane-options');
			
			$('#options-no').click(function(){
				reset_o(); $paneOptions.scrollTo( '0', 1000 );
			});
			
			$('#options-axis').click(function(){//only scroll horizontally
				reset_o(); $paneOptions.scrollTo( '500', 1000, { axis:'x' } );
			});
			
			
	
		/* Quick links*/
		$("li.mainlink").children(".list").css('display', 'none');
		
		$("li.mainlink").hover(function(){
			$(this).children(".list").slideDown("fast");
			},
			 function()
			 {
			 $(this).children(".list").slideUp("fast");
			 }
	 );


	
		});