function togglePage(name) {
    $('.page').each(
        function () {
            if (!$(this).hasClass(name))
            { $(this).hide(); }
            else 
            { $(this).show(); } 
        }
    ); 
}

	$(document).ready(function (){

		$('.dtab1').animate({ 'margin-top': [ '-=50px', 'swing'] }, 'fast', '').animate({ 'margin-top': [ '+=10px', 'swing'] }, 'fast', '',
		function (){
		$('.dtab2').animate({ 'margin-top': [ '-=50px', 'swing'] }, 'fast', '').animate({ 'margin-top': [ '+=10px', 'swing'] }, 'fast', '',
		function (){
		$('.dtab3').animate({ 'margin-top': [ '-=50px', 'swing'] }, 'fast', '').animate({ 'margin-top': [ '+=10px', 'swing'] }, 'fast', '');
		});});

		$('.dtabmove').mouseover(function () { $(this).animate({ 'margin-top': [ '-=10px', 'swing'] }, 'fast', '');	} );
		$('.dtabmove').mouseout(function () { $(this).animate({ 'margin-top': [ '+=10px', 'swing'] }, 'fast', ''); } );
		$('.llimg').animate({ 'opacity': [ '-=0.4', 'swing'] }, 'fast', '');
		$('.llimg').mouseover(function () {	$(this).animate({ 'opacity': [ '+=0.4', 'swing'] }, 'fast', ''); } );
		$('.llimg').mouseout(function () { $(this).animate({ 'opacity': [ '-=0.4', 'swing'] }, 'fast', '');	} );
		$('.dtab1').click(function(){ togglePage('green'); });
		$('.dtab2').click(function(){ togglePage('red'); });
		$('.dtab3').click(function(){ togglePage('orange'); });
	
	});