//JavaScript

$(document).ready(function(){
	var r = new Rodex();
	r.init();
});

function Rodex(){
	
}

Rodex.prototype = {
	init:function(){
		this.findBlocks();
	},
	findBlocks:function(){
		var _my = this;
		this.listItems = $('.vac-list li span');
		this.listItems.click(function(evt){
			_my.openClose(evt);
		});
		if($('.item2').length != 0){
			this.cloneBlock($('.item2'));
		}
	},
	openClose:function(evt){
		if($(evt.target).parents('li').attr('class') != 'active'){
			for(var i=0; i<this.listItems.length; i++){
				this.listItems.eq(i).parents('li').attr('class', '');
			}
			$(evt.target).parents('li').attr('class', 'active');
		} else {
			$(evt.target).parents('li').attr('class', '');
		}
	},
	cloneBlock:function(root){
		var _my = this;
		root.find('.button').click(function(evt){
			var cln = $(evt.target).parents('.clone').clone()
			$(evt.target).parents('.clone').after(cln);
			_my.cloneBlock(cln);
		});
	}
}