var UI={
	init:function(){
		for(i in UI){
			if(UI[i].init){
				UI[i].init();
			}
		}
	}
}
UI.addLAN={};
UI.addLAN.init=function(){
	$$(".addLAN").each(function(e){
		e.observe("click", UI.addLAN.listener);
		
	})
}
UI.addLAN.listener=function(){
	var i=this.up().select("table").length+1;
	console.log(i);
	this.insert({before:
		new Element("table").insert(
				new Element("tr").insert(new Element("td",{className:"title"}).insert(new Element("input", {type:"text", name:"lan["+i+"][mac]"}))
									.insert(new Element("button", {type:"button"}).insert("-").observe("click", UI.removeLAN.listener))
				))
							.insert(
				new Element("tr").insert(new Element("td").insert(new Element("input", {type:"text", name:"lan["+i+"][mac]"})))
				)
							.insert(
				new Element("tr").insert(new Element("td").insert(new Element("input", {type:"text", name:"lan["+i+"][ip]"})))
				)
		
	});
	
}


UI.removeLAN={};
UI.removeLAN.init=function(){
	$$(".removeLAN").each(function(e){
		e.observe("click", UI.removeLAN.listener);
		
	})
}
UI.removeLAN.listener=function(){
	this.up("table").remove();
	
}




UI.addHDD={};
UI.addHDD.init=function(){
	$$(".addHDD").each(function(e){
		//console.log(UI.addHDD.listener);
		e.observe("click", UI.addHDD.listener);
		
	})
}
UI.addHDD.listener=function(){
	var i=this.up().select("table").length+1;
	console.log(i);
	this.insert({before:
		new Element("table").insert(
				new Element("tr").insert(new Element("td",{className:"title"}).insert(new Element("input", {type:"text", name:"hdd["+i+"][name]"}))
									.insert(new Element("button", {type:"button"}).insert("-").observe("click", UI.removeHDD.listener))
				))
							.insert(
							new Element("tr").insert(new Element("td").insert(new Element("input", {type:"text", name:"hdd["+i+"][volume][1][name]"})))
											.insert(new Element("td").insert(new Element("button", {type:"button"}).insert("-").observe("click", UI.removeVolume.listener))))
				
							.insert(
							new Element("tr").insert(new Element("td").insert(new Element("button", {type:"button", name:""}).insert("+").observe("click", UI.addVolume.listener)))
				)
		
	
	
	
	});
	
}

UI.addVolume={};
UI.addVolume.init=function(){
	$$(".addVolume").each(function(e){
		//console.log(UI.addVolume.listener);
		e.observe("click", UI.addVolume.listener);
		
	})
}
UI.addVolume.listener=function(){
	var i=this.up("table").up().select("table").length;
	var j=this.up("table").select("tr").length-1;
	this.up("tr").insert({before:
		new Element("tr").insert(new Element("td").insert(new Element("input", {type:"text", name:"hdd["+i+"][volume]["+j+"][name]"})))
			.insert(new Element("td").insert(new Element("button", {type:"button"}).insert("-").observe("click", UI.removeVolume.listener)))
			
	
	});
	
}

UI.removeHDD={};
UI.removeHDD.init=function(){
	$$(".removeHDD").each(function(e){
		//console.log(UI.removeHDD.listener);
		e.observe("click", UI.removeHDD.listener);
		
	})
}
UI.removeHDD.listener=function(){
	this.up("table").remove();
	
}

UI.removeVolume={};
UI.removeVolume.init=function(){
	$$(".removeVolume").each(function(e){
		//console.log(UI.removeVolume.listener);
		e.observe("click", UI.removeVolume.listener);
		
	})
}
UI.removeVolume.listener=function(){
	this.up("tr").remove();
	
}


document.observe("dom:loaded", UI.init);



/*
UI.UserBox = Class.create();
UI.UserBox.prototype={
	initialize:function(element){
		this.element=element;
		if(this.loginForm=this.element.select(".login")[0]){
			this.loginFormobserve("submit", this.login.bind(this));
			this.loginButton=this.element.select("input ty")
		}
	},
	login:function(){
		new Ajax.Request(this.element.action, {
			parameters:{
				mode:"add",
				id:this.id,
				count:this.countInput.value
						
			
			}, 
			onComplete: this.update.bind(UI.Basket.instance)
		});
	
	}
}
UI.UserBox.init=function () {
	var element=$("user_box");
	if(element){
		UI.UserBox.instance=new UI.UserBox(element);
	}
}*/