$(document).ready(function(){

	initThumbs();
	
	$('#thumb').animate({ width: '140px'}, { duration: 450 });
    
    jQuery('#thumb.slideshow>#slideshow').fadeSlideShow({
        width: 140,
        height: 140,
        speed: 'slow',
        PlayPauseElement: false,
        NextElement: false,
        PrevElement: false,
        ListElement: false
    });

	
});

/* initThumbs */

function initThumbs() {
	
	var thumbSpan = $('#thumbs > a > span');
	
	thumbSpan.css({'opacity':'0'});
	
	thumbSpan.hover(
		function () { $(this).stop().fadeTo('150', 1.0); },
		function () { $(this).stop().fadeTo('150', 0); }
	);
	
	
	$('.subnav a').each(function(i) { 
	
		var selectedSpan = $('#thumbs>a>span.p'+i);
	
		
		$('.p' + i ).hover(function() {
		
			var fadeTo = 1.0;
			selectedSpan.stop().fadeTo('150', fadeTo);
			
		}, function() {
		
			var fadeTo = 0;
			selectedSpan.stop().fadeTo('150', fadeTo);
			
		});
	
	});
	
	
	thumbSpan.each(function(i) { 
	
		var selectedLink = $('.subnav > li > a.p' + i );	
	
		$('.p' + i ).hover(function () {
		
			selectedLink.stop().addClass( 'active' );
			
		},function() { 
		
			selectedLink.stop().removeClass( 'active' );
			
		});
	
	});

}




/*
$('ul.subnav>li>a').hover(function(){
	
	var current = $('ul.subnav>li').index($(this));
	$('#thumbs>a').eq(current).children('span').stop().fadeTo('150', 1.0);
	
});
*/