$(function() {
	
	speed = 1000;
	
    $('#footerButton1').click(function () {
		
		for(i=1;i<=4;i++) {
			btnElement = 'footerButton' + i;
			document.getElementById(btnElement).style.backgroundColor = "";
		}
		
        $('#footerContent1').slideToggle(speed, function(){
			if ($(this).is(':hidden')) {
				//var state = "closed";
				document.getElementById('footerBg').style.height = "";
				document.getElementById('footerArrowUp').style.display = 'block';
				document.getElementById('footerArrowDown').style.display = 'none';
			} else {
				//var state = "open";
				document.getElementById('footerButton1').style.backgroundColor = "#FFF";
				document.getElementById('footerArrowUp').style.display = 'none';
				document.getElementById('footerArrowDown').style.display = 'block';
			}
			//alert($(this).attr('id') + ' is ' + state);
			return false;
		});
		
		if(document.getElementById('footerContent2').style.display == "block") {
			$('#footerContent2').slideToggle(speed);
		}
		if(document.getElementById('footerContent3').style.display == "block") {
			$('#footerContent3').slideToggle(speed);
		}
		if(document.getElementById('footerContent4').style.display == "block") {
			$('#footerContent4').slideToggle(speed);
		}
		
    });
	
	$('#footerButton2').click(function () {
		
		for(i=1;i<=4;i++) {
			btnElement = 'footerButton' + i;
			document.getElementById(btnElement).style.backgroundColor = "";
		}
		
        $('#footerContent2').slideToggle(speed, function(){
			if ($(this).is(':hidden')) {
				//var state = "closed";
				document.getElementById('footerBg').style.height = "";
				document.getElementById('footerArrowUp').style.display = 'block';
				document.getElementById('footerArrowDown').style.display = 'none';
			} else {
				//var state = "open";
				document.getElementById('footerButton2').style.backgroundColor = "#FFF";
				document.getElementById('footerArrowUp').style.display = 'none';
				document.getElementById('footerArrowDown').style.display = 'block';
			}
			//alert($(this).attr('id') + ' is ' + state);
			return false;
		});
		
		if(document.getElementById('footerContent1').style.display == "block") {
			$('#footerContent1').slideToggle(speed);
		}
		if(document.getElementById('footerContent3').style.display == "block") {
			$('#footerContent3').slideToggle(speed);
		}
		if(document.getElementById('footerContent4').style.display == "block") {
			$('#footerContent4').slideToggle(speed);
		}
		
    });
	
	$('#footerButton3').click(function () {
		
		for(i=1;i<=4;i++) {
			btnElement = 'footerButton' + i;
			document.getElementById(btnElement).style.backgroundColor = "";
		}
		
        $('#footerContent3').slideToggle(speed, function(){
			if ($(this).is(':hidden')) {
				//var state = "closed";
				document.getElementById('footerBg').style.height = "";
				document.getElementById('footerArrowUp').style.display = 'block';
				document.getElementById('footerArrowDown').style.display = 'none';
			} else {
				//var state = "open";
				document.getElementById('footerButton3').style.backgroundColor = "#FFF";
				document.getElementById('footerArrowUp').style.display = 'none';
				document.getElementById('footerArrowDown').style.display = 'block';
			}
			//alert($(this).attr('id') + ' is ' + state);
			return false;
		});
		
		if(document.getElementById('footerContent1').style.display == "block") {
			$('#footerContent1').slideToggle(speed);
		}
		if(document.getElementById('footerContent2').style.display == "block") {
			$('#footerContent2').slideToggle(speed);
		}
		if(document.getElementById('footerContent4').style.display == "block") {
			$('#footerContent4').slideToggle(speed);
		}
		
    });
	
	$('#footerButton4').click(function () {
		
		for(i=1;i<=4;i++) {
			btnElement = 'footerButton' + i;
			document.getElementById(btnElement).style.backgroundColor = "";
		}
		
        $('#footerContent4').slideToggle(speed, function(){
			if ($(this).is(':hidden')) {
				//var state = "closed";
				document.getElementById('footerBg').style.height = "";
				document.getElementById('footerArrowUp').style.display = 'block';
				document.getElementById('footerArrowDown').style.display = 'none';
			} else {
				//var state = "open";
				document.getElementById('footerButton4').style.backgroundColor = "#FFF";
				document.getElementById('footerArrowUp').style.display = 'none';
				document.getElementById('footerArrowDown').style.display = 'block';
			}
			//alert($(this).attr('id') + ' is ' + state);
			return false;
		});
		
		if(document.getElementById('footerContent1').style.display == "block") {
			$('#footerContent1').slideToggle(speed);
		}
		if(document.getElementById('footerContent2').style.display == "block") {
			$('#footerContent2').slideToggle(speed);
		}
		if(document.getElementById('footerContent3').style.display == "block") {
			$('#footerContent3').slideToggle(speed);
		}
		
    });
	
	
	
	$('#footerArrowUp, #footerArrowDown').click(function () {
		
		if ($('#footerContent1').is(':hidden') && $('#footerContent2').is(':hidden') && $('#footerContent3').is(':hidden') && $('#footerContent4').is(':hidden')) {
			
			document.getElementById('footerButton4').style.backgroundColor = "#FFF";
			$('#footerContent4').slideToggle(speed, function(){
				document.getElementById('footerArrowUp').style.display = 'none';
				document.getElementById('footerArrowDown').style.display = 'block';
				return false;
			});
			
		} else if ($('#footerContent1').is(':visible')) {
			
			for(i=1;i<=4;i++) {
				btnElement = 'footerButton' + i;
				document.getElementById(btnElement).style.backgroundColor = "";
			}
			
			$('#footerContent1').slideToggle(speed, function(){
				document.getElementById('footerBg').style.height = "";
				document.getElementById('footerArrowUp').style.display = 'block';
				document.getElementById('footerArrowDown').style.display = 'none';
				return false;
			});
			
		} else if ($('#footerContent2').is(':visible')) {
			
			for(i=1;i<=4;i++) {
				btnElement = 'footerButton' + i;
				document.getElementById(btnElement).style.backgroundColor = "";
			}
			
			$('#footerContent2').slideToggle(speed, function(){
				document.getElementById('footerBg').style.height = "";
				document.getElementById('footerArrowUp').style.display = 'block';
				document.getElementById('footerArrowDown').style.display = 'none';
				return false;
			});
			
		} else if ($('#footerContent3').is(':visible')) {
			
			for(i=1;i<=4;i++) {
				btnElement = 'footerButton' + i;
				document.getElementById(btnElement).style.backgroundColor = "";
			}
			
			$('#footerContent3').slideToggle(speed, function(){
				document.getElementById('footerBg').style.height = "";
				document.getElementById('footerArrowUp').style.display = 'block';
				document.getElementById('footerArrowDown').style.display = 'none';
				return false;
			});
			
		} else if ($('#footerContent4').is(':visible')) {
			
			for(i=1;i<=4;i++) {
				btnElement = 'footerButton' + i;
				document.getElementById(btnElement).style.backgroundColor = "";
			}
			
			$('#footerContent4').slideToggle(speed, function(){
				document.getElementById('footerBg').style.height = "";
				document.getElementById('footerArrowUp').style.display = 'block';
				document.getElementById('footerArrowDown').style.display = 'none';
				return false;
			});
			
		}
		
    });
	
   // $('#footerButton').trigger('click');
   
});