$(document).ready(function(){
	var flag = true;
	$('#head-button').click(function(){
		$(this).children('.open').fadeOut(200);
		var movie = $(this).children('div');
		if (flag == true)
		{
			setTimeout (function(){ $(movie).attr('class', 'frame-02'); }, 100);
			setTimeout (function(){ $(movie).attr('class', 'frame-03'); }, 200);
			setTimeout (function(){ $(movie).attr('class', 'frame-04'); }, 300);
			setTimeout (function(){ $(movie).attr('class', 'frame-05'); }, 400);
			setTimeout (function(){ $(movie).attr('class', 'frame-06'); }, 500);
			setTimeout (function(){ $(movie).attr('class', 'frame-07'); }, 600);
			$(this).attr('title', 'Закрыть розетку');
			flag = false;
		}
		else
		{
			setTimeout (function(){ $(movie).attr('class', 'frame-06'); }, 100);
			setTimeout (function(){ $(movie).attr('class', 'frame-05'); }, 200);
			setTimeout (function(){ $(movie).attr('class', 'frame-04'); }, 300);
			setTimeout (function(){ $(movie).attr('class', 'frame-03'); }, 400);
			setTimeout (function(){ $(movie).attr('class', 'frame-02'); }, 500);
			setTimeout (function(){ $(movie).attr('class', 'frame-01'); }, 600);
			$(this).attr('title', 'Открыть розетку');
			flag = true;
		}
	});
	

	var flagtoo = true;
	$('#content-button').click(function(){
		$(this).children('.open').fadeOut(200);
		var movie = $(this).children('div');
		if (flagtoo == true)
		{
			setTimeout (function(){ $(movie).attr('class', 'frame-02'); }, 100);
			setTimeout (function(){ $(movie).attr('class', 'frame-03'); }, 200);
			setTimeout (function(){ $(movie).attr('class', 'frame-04'); }, 300);
			setTimeout (function(){ $(movie).attr('class', 'frame-05'); }, 400);
			setTimeout (function(){ $(movie).attr('class', 'frame-06'); }, 500);
			setTimeout (function(){ $(movie).attr('class', 'frame-07'); }, 600);
			setTimeout (function(){ $(movie).attr('class', 'frame-08'); }, 700);
			$(this).attr('title', 'Закрыть розетку');
			flagtoo = false;
		}
		else
		{
			setTimeout (function(){ $(movie).attr('class', 'frame-07'); }, 100);
			setTimeout (function(){ $(movie).attr('class', 'frame-06'); }, 200);
			setTimeout (function(){ $(movie).attr('class', 'frame-05'); }, 300);
			setTimeout (function(){ $(movie).attr('class', 'frame-04'); }, 400);
			setTimeout (function(){ $(movie).attr('class', 'frame-03'); }, 500);
			setTimeout (function(){ $(movie).attr('class', 'frame-02'); }, 600);
			setTimeout (function(){ $(movie).attr('class', 'frame-01'); }, 700);
			$(this).attr('title', 'Открыть розетку');
			flagtoo = true;
		}
	});
	

	
	
	
	
});