// JavaScript Document
$('document').ready(function(){
							 						 
	if ($.browser.webkit && document.readyState != "complete"){
		setTimeout( arguments.callee, 100 );
		return;
	}
							 
$('.scroll-pane').jScrollPane({
                                horizontalDragMaxWidth:25,			  
                                horizontalDragMinWidth:25,
                                verticalDragMaxHeight:25,
                                verticalDragMinHeight:25,
                                autoReinitialise:true
							  });



var width = $("#gallery ul").attr("scrollWidth") - $("#gallery ul").attr("clientWidth");
var factor = 2.5;
var elapsed = width * factor;
var flag=0;
var ul_l=$("#gallery ul li").length-1;


$("#gallery ul").css({"text-indent":175});

$("#gallery .next").click ( function (event) {
	  if(flag==-ul_l)
	     {return;}
		 
	var target = $(this);
	  if (target.hasClass('inactive')) 
	     {
		    event.preventDefault();
	        return false;
	     } 
	  else 
	     {
	        target.addClass('inactive');
		 }
	flag=flag-1;
    indent =  parseInt ( $("#gallery ul").css("text-indent") )-553;
	
	
	if(flag==-ul_l)
	{
		
	indent=indent-175;	
		}
		
	$("#gallery ul").animate({ textIndent: indent}, 1000,function(){target.removeClass('inactive');});
	
	      return false;
	
});
 
$("#gallery .prev").click ( function (event) {
	indent = parseInt ( $("#gallery ul").css("text-indent") )+553;
	 if(flag==0)
	   {
		   return;
	   }
	 var target = $(this);
	if (target.hasClass('inactive')) 
	    {
	      event.preventDefault();
	      return false;
	    } 
    else 
	    {
	       target.addClass('inactive');
		}
	
	if(flag==-ul_l)
	{
		indent=indent+175;
	}
	flag=flag+1;
		
	$("#gallery ul").animate({ textIndent: indent},1000,function(){target.removeClass('inactive');});
	      return false;
});




$("#content ul.slideview li").click(function(){
				var index=$('#content ul.slideview li').index(this);						
				
				if(index>ul_l)
				{
				return;	
					}
				var target=$("#gallery .prev");
				var target1=$("#gallery .next");
				target.addClass('inactive');
				target1.addClass('inactive');
				
				var a=(index)*553-175;
				flag=-index;
				if(index==ul_l)
				{
					a=(index)*553;
				}
				
	            $("#gallery ul").animate({ textIndent: -a}, 1000 ,function(){target.removeClass('inactive');
				target1.removeClass('inactive');																				
																								
					});											
				});	
})