$(document).ready(function(){
							
	var $but = $('#thumbnails img').click(slideSwitch);
	
      $('#nexta').click(slideSwitch);
		


function slideSwitch() {
	var $nextId =  $(this).attr('id');
	var $activeId = $('.slide-active').attr('id');
	var $super = "#display #" +  $nextId;
    var $active = $('.slide-active');
    var $next = $($super);
	
	if( $nextId != $activeId ){
	
    $active.removeClass('slide-active');
	$active.addClass('slide-lastactive');
	$but.css({opacity: 1})
	$(this).css({opacity: 0.7})
	
	

    $next.css({  'opacity': '0',
  'filter': 'alpha(opacity=0)',
  '-moz-opacity': '0',
  '-khtml-opacity': '0'
			  
			  })
		.removeClass('slide')
        .addClass('slide-active')
        .animate({  'opacity': '1',
  'filter': 'alpha(opacity=100)',
  '-moz-opacity': '1',
  '-khtml-opacity': '1'
		}, 300, function() {
            $active.removeClass('slide-active slide-lastactive');
			$active.addClass('slide');
			$active.css({opacity:null});
			$next.css({opacity:null});
        });
		
	}//endif
		
		
}


});


function slideSwitchN(id) {
	var $nextId =  $('#'+id).attr('id');
	var $activeId = $('.slide-active').attr('id');
	var $super = "#display #" +  $nextId;
    var $active = $('.slide-active');
    var $next = $($super);
	
	if( $nextId != $activeId ){
	
    $active.removeClass('slide-active');
	$active.addClass('slide-lastactive');
	
	$('#'+id).css({opacity: 0.7})
	
	
    $('#thumbnails img').css({opacity: 1})

    $next.css({  'opacity': '0',
  'filter': 'alpha(opacity=0)',
  '-moz-opacity': '0',
  '-khtml-opacity': '0'
			  
			  })
		.removeClass('slide')
        .addClass('slide-active')
        .animate({  'opacity': '1',
  'filter': 'alpha(opacity=100)',
  '-moz-opacity': '1',
  '-khtml-opacity': '1'
		}, 300, 
		function() {
            $active.removeClass('slide-active slide-lastactive');
			$active.addClass('slide');
			$active.css({opacity:null});
			$next.css({opacity:null});
        });
		
	}//endif
		
		
}