/**
 * @author huangmin@live800.com 
 * @since custome features (2010-12-09)
 * @see admin dashboard
 */

(function(){
	var formItems=[],item,cfg=internalInterface;
	for(var name in cfg){
		item={
			"name":name,
			"label":labels[name],
			"class":cfg[name].required?"required":"",
			"required":cfg[name].required?required_msg[name]:null
		};
		formItems.push(item);
	}
	function loadFormItems(items){
		if(items.length==1){
			// it only has The name field
			document.write("<p><label class='"+items[0]["class"]+"'><span>*</span>"+items[0].label+"</label><input name='"+items[0].name+"' type='text' value='' class='"+items[0]["class"]+"' tabindex='1' required='"+items[0]["required"]+"'/></p>");
		}else if(items.length>3){
			if(items.length%2!=0){
				// process item when config item is odd
				loadFormMoreOddStyle(items);
			}else{
				loadFormMoreEvenStyle(items);
			}
		}else{
			loadFormLessStyle(items);
		}
	};
	
	function loadFormMoreEvenStyle(items){
//		document.write("<div class='small'><label>"+items[0].label+"</label><input name='"+items[0].name+"' type='text' value='' class='"+items[0]["class"]+"' tabindex='1'/>");
//		for(var i=1;i<items.length-1;i++){
//			document.write("<label>"+items[i].label+"</label><input name='"+items[i].name+"' type='text' value='' class='"+items[i]["class"]+"' tabindex='"+(i+1)+"'/>");
//		}
//		document.write("</div>");
//		
		document.write("<div class='features'>");
		document.write("<ol>");
		for(var i=0;i<items.length;i++){
			document.write("<li><label class='"+items[i]["class"]+"'><span>*</span>"+items[i].label+"</label><input name='"+items[i].name+"' type='text' value='' class='"+items[i]["class"]+"' tabindex='"+(i+1)+"' required='"+items[i]["required"]+"'/></li>");
		}
		document.write("</ol>");
		document.write("</div>");
		//document.write("<p><label>"+items[items.length-1].label+"</label><input name='"+items[items.length-1].name+"' type='text' value='' class='"+items[items.length-1]["class"]+"' tabindex='1'/></p>");
	};
	
	function loadFormMoreOddStyle(items){
		document.write("<div class='features'>");
		document.write("<ol>");
		for(var i=0;i<items.length-1;i++){
			document.write("<li><label class='"+items[i]["class"]+"'><span>*</span>"+items[i].label+"</label><input name='"+items[i].name+"' type='text' value='' class='"+items[i]["class"]+"' tabindex='"+(i+1)+"' required='"+items[i]["required"]+"'/></li>");
		}
		document.write("</ol>");
		document.write("</div>");
		document.write("<p><label class='"+items[items.length-1]["class"]+"'><span>*</span>"+items[items.length-1].label+"</label><input name='"+items[items.length-1].name+"' type='text' value='' class='"+items[items.length-1]["class"]+"' tabindex='"+items.length+"' required='"+items[items.length-1]["required"]+"'/></p>");
	};
	
	function loadFormLessStyle(items){
		for(var i=0;i<items.length;i++){
			document.write("<p><label class='"+items[i]["class"]+"'><span>*</span>"+items[i].label+"</label><input name='"+items[i].name+"' type='text' value='' class='"+items[i]["class"]+"' tabindex='"+(i+1)+"' required='"+items[i]["required"]+"'/></p>");
		}
	};
	
	loadFormItems(formItems);
	
})();