// End of Corner Code //

// initialize the jquery code
 $(document).ready(function(){
//close all the content divs on page load
$('.mover').hide();
$('.mover2').hide();
$('.mover3').hide();
$('#old').hide();
$('#older').hide();
$('#evenolder').hide();
$('#viewolder').hide();
$('#viewevenolder').hide();


// toggle slide
$('#slideToggle').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});

// toggle slide
$('#slideToggle2').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover2').slideToggle();
});

// toggle slide
$('#slideToggle3').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover3').slideToggle();
});

// toggle slide
$('#viewold').click(function(){
// by calling sibling, we can use same div for all demos
$("#viewold").animate({ opacity: 'hide' }, "slow");
$(this).siblings('#old').animate({ opacity: 'show' }, "slow");
$("#viewolder").animate({ opacity: 'show' }, "slow");

});

// toggle slide
$('#viewolder').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('#older').animate({ opacity: 'show' }, "slow");
$("#viewolder").animate({ opacity: 'hide' }, "slow");
$("#viewevenolder").animate({ opacity: 'show' }, "slow");
});

// toggle slide
$('#viewevenolder').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('#evenolder').animate({ opacity: 'show' }, "slow");
$("#viewevenolder").animate({ opacity: 'hide' }, "slow");
});

});