jQuery(function(){
	var dm = new DomManipulator();
	dm.replaceFormSubmits();
	dm.replaceFormResets();
	//dm.styleCheckboxes();
	dm.styleSelectboxes();
})

function DomManipulator(){
}

DomManipulator.prototype = {
	replaceFormSubmits: function(){
		var str = "";
		
		jQuery("input[type|='submit']").each(function(i, e){
			str += "submit\r\n";
			var $e = jQuery(e);
			var label = $e.attr("value");
			var click = $e.attr("onClick");
			click = click || "document.form1.submit()";
			var sb = "<div class='submit_button' onClick='" + click + "'>";
			sb += "<div class='left'></div>";
			sb += "<div class='center'><div>"+label+"</div></div>";
			sb += "<div class='right'></div></div>";
			$e.css("visibility", "hidden");
			$e.replaceWith(sb);
		});		
	},
	
	replaceFormResets: function(){
		var str = "";
		
		jQuery("input[type|='reset']").each(function(i, e){
			str += "submit\r\n";
			var $e = jQuery(e);
			var label = $e.attr("value");
			var sb = "<div class='reset_button'>";
			sb += "<div class='left'></div>";
			sb += "<div class='center'><div>"+label+"</div></div>";
			sb += "<div class='right'></div></div>";
			$e.css("visibility", "hidden");
			$e.replaceWith(sb);
		});		
	},
	
	styleCheckboxes: function(){
		var $checkboxes = jQuery("input[type='checkbox']");
		var count = 0;
		$checkboxes.each(function(i, e){
			var $e = jQuery(e);
			$e.css("display", 'none');
			$e.wrap("<span class='checkbox unchecked'>");
			count ++;
		});
		//alert("styleCheckboxes: "+ count + " " + $checkboxes + " " + $checkboxes.lenght);
		//$("span[class='checkbox']").addClass("unchecked");

		jQuery(".checkbox").click(function(){
			var $this = jQuery(this);
			if($this.children("input").attr("checked")){
				// uncheck
				$this.children("input").attr({checked: ""});
				$this.removeClass("checked");
				$this.addClass("unchecked");
			}else{
				// check
				$this.children("input").attr({checked: "checked"});
				$this.removeClass("unchecked");
				$this.addClass("checked");
			}
		});
		
	},
	
	styleSelectboxes: function(){
		var $selectboxes = jQuery("select");
		$selectboxes.wrap("<div class='select'>");
	}
}