$(document).ready(function() {
	$('.switcher').stop().animate({'marginright':'0px'},0);
	$('.open').click(function () {
		$('.switcher').click(
			function () {
				$('.panel',$(this)).stop().animate({'marginright':'-320px'},500);
                $('.toggle',$(this)).stop().animate({'marginright':'-320px'},400);
			}
		);
	});
	$('.close').click(function () {
		$('.switcher').click(
			function () {
				$('.panel',$(this)).stop().animate({'marginright':'0px'},500);
                $('.toggle',$(this)).stop().animate({'marginright':'0px'},500);
			}
		);
	});

	$(".toggle div").click(function () {
		$(".toggle div").toggle();
	});		
	
	var offset = $(".switcher").offset();
	var toppadding = 50;
	$(window).scroll(function() {
		if ($(window).scrolltop() > offset.top) {
			$(".switcher").stop().animate({
				margintop: $(window).scrolltop() - offset.top + toppadding
			});
		} else {
			$(".switcher").stop().animate({
				margintop: 0
			});
		};
	});
    
	
});