jQuery.noConflict();
  
var scrollSpeed = 70;
var current = 0;
var direction = 'h';
	  
function bgscroll(){
current -= 1;
jQuery('.clouds1').css("backgroundPosition", (direction == 'h') ? current+"px 0" : "0 " + current+"px");
}
  
  jQuery(document).ready(function() {
 setInterval("bgscroll()", scrollSpeed);

jQuery('#b1').click(function() {

jQuery('.blockcontainer').animate({ backgroundColor: "#ED294A" }, 400);
jQuery('.block2').hide();
jQuery('.block3').hide();
jQuery('.block4').hide();
jQuery('.block1').show();

jQuery('.button1').addClass("selected");
jQuery('.button2').removeClass("selected");
jQuery('.button3').removeClass("selected");
jQuery('.button4').removeClass("selected");
});

jQuery('#b2').click(function() {
jQuery('.blockcontainer').animate({ backgroundColor: "#21B04A" }, 400);
jQuery('.block1').hide();
jQuery('.block2').show();
jQuery('.block3').hide();
jQuery('.block4').hide();

jQuery('.button1').removeClass("selected");
jQuery('.button2').addClass("selected");
jQuery('.button3').removeClass("selected");
jQuery('.button4').removeClass("selected");
});

jQuery('#b3').click(function() {
jQuery('.blockcontainer').animate({ backgroundColor: "#FF741D" }, 400);
jQuery('.block1').hide();
jQuery('.block2').hide();
jQuery('.block3').show();
jQuery('.block4').hide();

jQuery('.button1').removeClass("selected");
jQuery('.button2').removeClass("selected");
jQuery('.button3').addClass("selected");
jQuery('.button4').removeClass("selected");
});

jQuery('#b4').click(function() {
jQuery('.blockcontainer').animate({ backgroundColor: "#37A8FA" }, 400);
jQuery('.block1').hide();
jQuery('.block2').hide();
jQuery('.block3').hide();
jQuery('.block4').show();

jQuery('.button1').removeClass("selected");
jQuery('.button2').removeClass("selected");
jQuery('.button3').removeClass("selected");
jQuery('.button4').addClass("selected");
});

jQuery(".button1").mouseover(function() {
	jQuery(this).addClass("button1over");
});
jQuery(".button1").mouseout(function() {
	jQuery(this).removeClass("button1over");
});
jQuery(".button2").mouseover(function() {
	jQuery(this).addClass("button2over");
});
jQuery(".button2").mouseout(function() {
	jQuery(this).removeClass("button2over");
});
jQuery(".button3").mouseover(function() {
	jQuery(this).addClass("button3over");
});
jQuery(".button3").mouseout(function() {
	jQuery(this).removeClass("button3over");
});
jQuery(".button4").mouseover(function() {
	jQuery(this).addClass("button4over");
});
jQuery(".button4").mouseout(function() {
	jQuery(this).removeClass("button4over");
});

  });
