var num_li = 0
var interval = '';

$(document).ready(function() {
	$(".gallery_img").fancybox({
		'autoScale'			: false,
		'cyclic'			: true,
		'transitionIn'		: 'fade',
		'transitionOut'		: 'fade',
		'type'				: 'image',
		'autoDimensions'	: true,
		'titleShow'			: true,
		'titlePosition'		: 'over',
		'overlayColor'		: '#000'
	});
	
	var ul_width = 0;
	
	$('#ul_slider li').each(function(){
		ul_width = ul_width + 170;
		num_li = num_li + 1;
	});
	
	if( ul_width < 910 )
		ul_width = 910;
	$('#ul_slider').width(ul_width);
	
	$('#ul_slider li a').click(function(){
		var curr_hd = parseInt($(this).attr('rel'));
		
		$('#ul_slider li a').removeClass('slc');
		$(this).addClass('slc');
		
		flip_slide(curr_hd, num_li);
	});
	
	interval = setInterval('load_next_slide('+num_li+')',10000);
	
	$('#arrow_r').click(function(){
		var ul_position = $('#ul_slider').position();
		var ul_left = ul_position.left;
		
		var ul_width = $('#ul_slider').width();
		var allowed_minus = 900 - ul_width;
		
		var next_left = ul_left - 170;
		/* if( next_left <= 0 )
		{
			next_left = 0;
		} */
		
		$('#ul_slider').stop().animate({
			left: next_left+'px'
		}, 400, 'easeInQuad', function(){
			
			var new_ul_position = $('#ul_slider').position();
			var new_ul_left = new_ul_position.left;
			
			if( new_ul_left < allowed_minus )
				$('#ul_slider').animate({
					left: allowed_minus+'px'
				},200, 'jswing');
		});
		
	});
	
	$('#arrow_l').click(function(){
		var ul_position = $('#ul_slider').position();
		var ul_left = ul_position.left;
		
		var ul_width = $('#ul_slider').width();
		
		var next_left = ul_left + 170;
		/* if( next_left <= 0 )
		{
			next_left = 0;
		} */
		
		$('#ul_slider').stop().animate({
			left: next_left+'px'
		}, 600, 'easeInQuad', function(){
			var new_ul_position = $('#ul_slider').position();
			var new_ul_left = new_ul_position.left;
			
			if( new_ul_left > 0 )
				$('#ul_slider').animate({
					left: 0
				},200, 'jswing');
		});
		
	});
	
	update_ul_slider_position();
});

	function load_next_slide(num_li)
	{
		var curr_hd = parseInt($('#ul_slider li a.slc').attr('rel'));
		
		var nx_hd = curr_hd + 1;
		if( nx_hd > num_li )
			nx_hd = 1;
		
		//alert(num_li+' '+curr_hd);
		
		flip_slide(nx_hd, num_li);
		
		$('#ul_slider li a').removeClass('slc');
		$('#ul_slider li a[rel="'+nx_hd+'"]').addClass('slc');
	}
	
	function flip_slide(curr_hd, num_li)
	{
		for(var i=1; i<=num_li; i++)
		{
			if( $('#hd'+i).css('display') != 'none' )
			{
				$('#hd'+i).fadeOut(1000, function(){
					$('#hd'+curr_hd).fadeIn(1800);
				});
			}
		}
		
		var curr_ul_position = $('#ul_slider').position();
		var curr_ul_left = curr_ul_position.left;
		
		var visible_low = Math.abs(curr_ul_left);
		if( visible_low > 0 )
			visible_low = 0;
		var visible_high = visible_low + 910 - 170;
		
		var curr_hd_position = $('#ul_slider li a[rel="'+curr_hd+'"]').position();
		var curr_hd_left = curr_hd_position.left;
		
		var status = curr_hd_left+' '+visible_low+' '+visible_high;
		
		if( curr_hd_left >= visible_low && curr_hd_left < visible_high )
		{
			$('#ul_slider').animate({
				left: visible_low+'px'
			},600);
		}
		else if( curr_hd_left > visible_high )
		{
			var nx_left = 740 - curr_hd_left;
			$('#ul_slider').animate({
				left: nx_left+'px'
			},600);
		}
		
		//$('#status').text(status);
	}
	
	function update_ul_slider_position()
	{
		//alert('aa');
		
		var curr_ul_position = $('#ul_slider').position();
		var curr_ul_left = curr_ul_position.left;
		
		var visible_low = Math.abs(curr_ul_left);
		if( visible_low > 0 )
			visible_low = 0;
		var visible_high = visible_low + 910 - 170;
		
		var curr_hd_position = $('#ul_slider li a.slc').position();
		var curr_hd_left = curr_hd_position.left;
		
		var status = curr_hd_left+' '+visible_low+' '+visible_high;
		
		if( curr_hd_left >= visible_low && curr_hd_left < visible_high )
		{
			$('#ul_slider').animate({
				left: visible_low+'px'
			},600);
		}
		else if( curr_hd_left > visible_high )
		{
			var nx_left = 740 - curr_hd_left;
			$('#ul_slider').animate({
				left: nx_left+'px'
			},600);
		}
	}