/* variables */

var middleHeight = 417;
var middleOpenDuration = 450;
var middleCloseDuration = 350;
var showArea = false; 

/* init */

$(document).ready(function(){

	$("#info-button").click(function(){
		toggleArea();
		return false;
	});
	$("#info-button").mouseover(function(){
		toggleBtn("over");
		return false;
	});
	$("#info-button").mouseout(function(){
		toggleBtn("out");
		return false;
	});

	
	
});

/* functions */
  
function toggleArea() {
  var obj = $("#info-wrapper");
  var btn = $("#info-button");
  if (!showArea) {
    obj.animate({height:middleHeight+"px"}, {duration: middleOpenDuration, easing: "easeOutCubic"});
	btn.css({"background-position": "0px -80px"});
    showArea = true;
  } else {
    obj.animate({height:"0px"}, {duration: middleCloseDuration, easing: "easeOutCubic"});  
	btn.css({"background-position": "0px 0px"});
    showArea = false;
  }
}
    
function toggleBtn(Btnstate) {
if (!showArea){	
  var btn = $("#info-button");
  if (Btnstate == "over") {
	btn.css({"background-position": "0px -40px"});
  } else {
	btn.css({"background-position": "0px 0px"});
  }
}
}




/* variables */

var wrappmiddleHeight = 225;
var wrappmiddleOpenDuration = 350;
var wrappmiddleCloseDuration = 300;
var wrappshowArea = false; 

/* init */

$(document).ready(function(){

	$("#info-button-wrapp").click(function(){
		wrapptoggleArea();
		return false;
	});
	$("#info-button-wrapp").mouseover(function(){
		wrapptoggleBtn("over");
		return false;
	});
	$("#info-button-wrapp").mouseout(function(){
		wrapptoggleBtn("out");
		return false;
	});

	
	
});

/* functions */
  
function wrapptoggleArea() {
  var obj = $("#info-wrapper-wrapp");
  var btn = $("#info-button-wrapp");
  if (!wrappshowArea) {
    obj.animate({height:wrappmiddleHeight+"px"}, {duration: wrappmiddleOpenDuration, easing: "easeOutCubic"});
	btn.css({"background-position": "0px -80px"});
    wrappshowArea = true;
  } else {
    obj.animate({height:"0px"}, {duration: wrappmiddleCloseDuration, easing: "easeOutCubic"});  
	btn.css({"background-position": "0px 0px"});
    wrappshowArea = false;
  }
}
    
function wrapptoggleBtn(Btnstate) {
if (!wrappshowArea){	
  var btn = $("#info-button-wrapp");
  if (Btnstate == "over") {
	btn.css({"background-position": "0px -40px"});
  } else {
	btn.css({"background-position": "0px 0px"});
  }
}
}