// JavaScript Document

$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".tester3").css("opacity","0.0");
$(".quote2").css("opacity","0.0");
$(".quote3").css("opacity","0.0");
// ON MOUSE OVER
$(".tester").hover(function () {
 
// SET OPACITY TO 100%
$(".tester3").stop().animate({
opacity: 1.0
}, "slow");
$(".webber").stop().animate({
opacity: 0.0
}, "slow");
$(".designer").stop().animate({
opacity: 0.0
}, "slow");
$(".printer").stop().animate({
opacity: 0.0
}, "slow");
$(".aboutus").stop().animate({
opacity: 0.0
}, "slow");
$(".tester2").stop().animate({
opacity: 0.0
}, "slow");

},

// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".tester3").stop().animate({
opacity: 0.0
}, "slow");
$(".tester2").stop().animate({
opacity: 1.0
}, "slow");
$(".webber").stop().animate({
opacity: 1.0
}, "slow");
$(".designer").stop().animate({
opacity: 1.0
}, "slow");
$(".printer").stop().animate({
opacity: 1.0
}, "slow");
$(".aboutus").stop().animate({
opacity: 1.0
}, "slow");
$(".nav").stop().css({
backgroundColor: "#2c292a"
}, "slow");
});
});




$(function() {
// ON MOUSE OVER
$(".webber").hover(function () {
 
// SET OPACITY TO 100%
$(".webber").stop().animate({
opacity: 1.0
}, "slow");
$(".designer").stop().animate({
opacity: 0.0
}, "slow");
$(".printer").stop().animate({
opacity: 0.0
}, "slow");
$(".aboutus").stop().animate({
opacity: 0.0
}, "slow");

},

// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".webber").stop().animate({
opacity: 1.0
}, "slow");
$(".designer").stop().animate({
opacity: 1.0
}, "slow");
$(".printer").stop().animate({
opacity: 1.0
}, "slow");
$(".aboutus").stop().animate({
opacity: 1.0
}, "slow");
$(".nav").stop().css({
backgroundColor: "#2c292a"
}, "slow");
});
});






$(function() {
// ON MOUSE OVER
$(".aboutus").hover(function () {
 
// SET OPACITY TO 100%
$(".webber").stop().animate({
opacity: 0.0
}, "slow");
$(".designer").stop().animate({
opacity: 0.0
}, "slow");
$(".printer").stop().animate({
opacity: 0.0
}, "slow");
$(".aboutus").stop().animate({
opacity: 1.0
}, "slow");

},

// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".webber").stop().animate({
opacity: 1.0
}, "slow");
$(".designer").stop().animate({
opacity: 1.0
}, "slow");
$(".printer").stop().animate({
opacity: 1.0
}, "slow");
$(".aboutus").stop().animate({
opacity: 1.0
}, "slow");
$(".nav").stop().css({
backgroundColor: "#2c292a"
}, "slow");
});
});






$(function() {
// ON MOUSE OVER
$(".designer").hover(function () {
 
// SET OPACITY TO 100%
$(".webber").stop().animate({
opacity: 0.0
}, "slow");
$(".designer").stop().animate({
opacity: 1.0
}, "slow");
$(".printer").stop().animate({
opacity: 0.0
}, "slow");
$(".aboutus").stop().animate({
opacity: 0.0
}, "slow");

},

// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".webber").stop().animate({
opacity: 1.0
}, "slow");
$(".designer").stop().animate({
opacity: 1.0
}, "slow");
$(".printer").stop().animate({
opacity: 1.0
}, "slow");
$(".aboutus").stop().animate({
opacity: 1.0
}, "slow");
$(".nav").stop().css({
backgroundColor: "#2c292a"
}, "slow");
});
});






$(function() {
// ON MOUSE OVER
$(".printer").hover(function () {
 
// SET OPACITY TO 100%
$(".webber").stop().animate({
opacity: 0.0
}, "slow");
$(".designer").stop().animate({
opacity: 0.0
}, "slow");
$(".printer").stop().animate({
opacity: 1.0
}, "slow");
$(".aboutus").stop().animate({
opacity: 0.0
}, "slow");

},

// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".webber").stop().animate({
opacity: 1.0
}, "slow");
$(".designer").stop().animate({
opacity: 1.0
}, "slow");
$(".printer").stop().animate({
opacity: 1.0
}, "slow");
$(".aboutus").stop().animate({
opacity: 1.0
}, "slow");
$(".nav").stop().css({
backgroundColor: "#2c292a"
}, "slow");
});
});




$(function() {
// ON MOUSE OVER
$(".facebook").hover(function () {
 
// SET OPACITY TO 100%
$(".facebook").stop().animate({
opacity: 0.0
}, "slow");
},

// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".facebook").stop().animate({
opacity: 1.0
}, "slow");
});
});



$(function() {
// ON MOUSE OVER
$(".twitter").hover(function () {
 
// SET OPACITY TO 100%
$(".twitter").stop().animate({
opacity: 0.0
}, "slow");
},

// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".twitter").stop().animate({
opacity: 1.0
}, "slow");
});
});



$(function() {
// ON MOUSE OVER
$(".linkedin").hover(function () {
 
// SET OPACITY TO 100%
$(".linkedin").stop().animate({
opacity: 0.0
}, "slow");
},

// ON MOUSE OUT
function () {
 
// SET OPACITY BACK TO 50%
$(".linkedin").stop().animate({
opacity: 1.0
}, "slow");
});
});


// Quote animation
var timer;
var timer2;
var timer3;
jQuery(function($) {
        timer = setTimeout(Cloud, 0);
		timer2 = setTimeout(Cloud2, 0);
		timer3 = setTimeout(Cloud3, 0);
});

function Cloud() {
   $('.quote').delay(8750).animate({
opacity: 0.0
}, "slow").delay(18250).animate({
opacity: 1.0
}, "slow");
timer = setTimeout(Cloud, 0);
                }

// Quote animation
function Cloud2() {
   $('.quote2').delay(9000).animate({
opacity: 1.0
}, "slow").delay(8750).animate({
opacity: 0.0
}, "slow").delay(9250);
timer2 = setTimeout(Cloud2, 0);
                }

// Quote animation
function Cloud3() {
   $('.quote3').delay(18000).animate({
opacity: 1.0
}, "slow").delay(8750).animate({
opacity: 0.0
}, "slow").delay(250);
timer3 = setTimeout(Cloud3, 0);
                }