var current_image = null;
	
(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
     
    }
    return true;
  }
})(jQuery)


function display_image(curr, is_active)
{	
	
	current_image = curr;
	if(is_active != null)
	{		
		$('#mycarousel img').attr('class','');
		curr.children().attr('class','active');
	}
	
	var new_image = '<img src="'+ curr.attr('href')+'" />';
	
	if(curr.attr('rel') != '')
	{
		new_image = new_image + '<div class="caption">' + curr.attr('rel') + '</div>';
	}
	
	new_image = '<div>' + new_image + '</div>';
	
	
	$('#img_box').fadeTo(500,0, function(){		
		$('.loader').fadeTo(50,1);	
		if(jQuery.preLoadImages(curr.attr('href')) == true)
		{
			$('.loader').stop().fadeTo(100,0,function(){
				$('#img_box').html(new_image);
				$('#img_box').fadeTo(300,1,function(){

			});	
							
			});
		}
	});
	
	
}

$(document).ready(function(){
	$('#mycarousel').jcarousel({});

	$('#mycarousel a').click(function(){
		display_image($(this), true);
		return false;
	});
	
	$('.img_nav a').click(function(){
		var start = null;
		
		if($(this).attr('class') == 'next')
			start = current_image.parent().next();
		else
			start = current_image.parent().prev();
				
		start = start.children();
		
		if(start.attr('href') == null)
			return false;
					
		display_image(start,true);

		return false;	
	});
	

	var current = $('#mycarousel').children(':first').children(':first');
	display_image(current);
});