/*Cougar Gallery View JS */

$(document).ready(function(){
	
	$('#thumbnails img').fadeTo(0, .80);
	$('#thumbnails img').hover(
		function(){	$(this).fadeTo(0, 1)},
		function(){	$(this).fadeTo(0, .5)}
	);
	$('#thumbnails a').click(function(){
		$(this).children('img').effect('transfer', {to: '#bigimage'}, 1000, function(){
		$('#bigimage').attr('src',$(this).parent('a').attr('href'));
	});
	$('.ui-effects-transfer').css('background-image', 'url('+$(this).attr('href')+')');		
		return false;
	});
})
		
		
jQuery(document).ready(function() {
	jQuery('#mycarousel').jcarousel({
		vertical: true,
		visible: 3,
		scroll: 1
	}); 
});

/*var initialFade = 0.8;
	
	jQuery(document).ready(function() {
		
		//for Jquery Carousel Gallery
		$('#thumbnails img').fadeTo(1, initialFade);
		$('#thumbnails img').hover(
			function(){ $(this).fadeTo("fast", 1)}, 
			function(){ $(this).fadeTo("fast", initialFade)});
		// find thumbnail links and run this function when they are clicked
		$('#thumbnails a').click(function() {
			//find img children and adds this 'transfer to big image' effect to them
			$(this).children('img').effect('transfer', {to: '#bigimage'}, 1000, function() {
				// without this function - animation (transfer) occurs then disappears once finished, leaving old pic on display, this takes href of a tag and makes it the src of #bigimage
				$('#bigimage').attr('src', $(this).parent('a').attr('href'));
			});
			//transfers outline from one image to another
			$('.ui-effects-transfer').css('background-image', 'url('+$(this).attr('href')+')');
			return false;
		});
		
		jQuery('#mycarousel').jcarousel({
			vertical: true,
			scroll: 1,
			visible: 3,
		});
	});
		
	jQuery(document).ready(function() {
		jQuery('#mycarousel').jcarousel({
			vertical: true,
			scroll: 1,
			visible: 3
		});
	}); */