$(document).ready(function(){ $('button').click(function(){ var Statement = $("input[name=Statement]").val(); var Smart = Math.floor(Math.random()*3 + 1); if (Smart == 1) { Smart = "Wow!! You are smart!! Also, did you know Augustus was the greatest Roman emperor? It's true!!! He did many things later emperors did. They followed his many ways! Thanks for sharing some of your knowledge with me!!! " } else if (Smart == 2) { Smart = "I didn't know that!! Did you know the Greeks and Romans worshipped the same gods but the gods had different names in Greek than Roman? For example, a famous Greek god called Zues is called Jupiter in Rome. The Greeks and Romans were both polytheistic. Thanks for some wisdom!!" } else { Smart = "Oooh... interesting... Thanks for sharing some of your knowledge with me, but I'm currently out of wisdom for now... maybe if you tell me more things I may have even more knowledge!!!" } $("#SmartStatement").append("
" + "Really?!? " + Smart + "
"); }); }); jQuery(document).ready(function ($) { $('#checkbox').change(function(){ setInterval(function () { moveRight(); }, 3000); }); var slideCount = $('#slider ul li').length; var slideWidth = $('#slider ul li').width(); var slideHeight = $('#slider ul li').height(); var sliderUlWidth = slideCount * slideWidth; $('#slider').css({ width: slideWidth, height: slideHeight }); $('#slider ul').css({ width: sliderUlWidth, marginLeft: - slideWidth }); $('#slider ul li:last-child').prependTo('#slider ul'); function moveLeft() { $('#slider ul').animate({ left: + slideWidth }, 200, function () { $('#slider ul li:last-child').prependTo('#slider ul'); $('#slider ul').css('left', ''); }); }; function moveRight() { $('#slider ul').animate({ left: - slideWidth }, 200, function () { $('#slider ul li:first-child').appendTo('#slider ul'); $('#slider ul').css('left', ''); }); }; $('a.control_prev').click(function () { moveLeft(); }); $('a.control_next').click(function () { moveRight(); }); }); $(document).ready(function() { $('#SmartStatement').mouseenter(function() { $('#SmartStatement').animate({ left: '250px', opacity: '0.5', height: '500px', width: '800px' }) }) $('#SmartStatement').mouseleave(function() { $('#SmartStatement').animate({ left: '250px', opacity: '1', height: '400px', width: '700px' }) }) });