jQuery.noConflict();
var FormStyler = {
	select : function(selectId,widthForce){
		var $select = jQuery('select#'+selectId);
		var sName = $select.attr('name');
		var sId = $select.attr('id');
		var width = $select.width();
		if (widthForce != undefined)
			width = widthForce;
		var selectedValue, selectedLabel;
		var selClass = $select.attr('class');
		var newContent = '<div class="selectWrapper '+selClass+'" id="selectWrapper_'+selectId+'">';
		newContent += '<input type="hidden" name="'+sName+'" id="'+sId+'" value=""/>';
		newContent += '<div class="selectLeft"/>';
		newContent += '<div class="selectContent"><div class="selectContentLabel"/></div><div class="selectRight"/><div style="clear:both;"/><div class="selectDropdown"><ul class="selectContent">';
		$select.find("option").each(function(){
			var value = jQuery(this).attr("value");
			var label = jQuery(this).html();
			var selected = jQuery(this).attr("selected");
			newContent += '<li class="selectPosition" id="'+sId+'=='+value+'">'+label+'</li>'
			if(selected != null && selected != ""){
				selectedValue = value;
				selectedLabel = label;
			}
		});
		newContent += '</ul></div>';
		newContent += '</div>';
			
		$select.replaceWith(newContent);
		jQuery("#selectWrapper_"+selectId).width(width);
		jQuery("#selectWrapper_"+selectId+" div.selectContent").width(parseInt(width)-parseInt(jQuery("#selectWrapper_"+selectId+" div.selectLeft").width())-parseInt(jQuery("#selectWrapper_"+selectId+" div.selectRight").width())-25);
		jQuery("#selectWrapper_"+selectId+" div.selectContentLabel").html(selectedLabel);
		jQuery("input#"+selectId).attr("value", selectedValue);
		jQuery("#selectWrapper_"+selectId+" .selectDropdown").hide();
		
		jQuery("#selectWrapper_"+selectId+" div.selectLeft,#selectWrapper_"+selectId+" div.selectRight,#selectWrapper_"+selectId+" div.selectContent").click(function(e){
			jQuery("#selectWrapper_"+selectId).toggleClass("selectOpened");
			jQuery("#selectWrapper_"+selectId+" .selectDropdown").toggle('normal');
		});
		
		jQuery("#selectWrapper_"+selectId+" li.selectPosition").click(function(e){
			var lId = jQuery(this).attr("id");			
			var sp = new Array();
			sp = lId.split('==');
			selectedValue = sp[1];
			selectedLabel = jQuery(this).html();
			
			jQuery("#selectWrapper_"+selectId+" div.selectContentLabel").html(selectedLabel);
			jQuery("input#"+selectId).attr("value", selectedValue);
			
			jQuery("#selectWrapper_"+selectId).removeClass("selectOpened");
			jQuery("#selectWrapper_"+selectId+" .selectDropdown").hide('normal');
			jQuery(".positionHover").removeClass("positionHover");
			
		}).mouseenter(function(e){
			jQuery(this).addClass("positionHover");
		}).mouseleave(function(e){
			jQuery(this).removeClass("positionHover");
		});
	},

	input : function(inputId,widthForce){
		var $input = jQuery('input#'+inputId);
		var iName = $input.attr('name');
		var iId = $input.attr('id');
		var iFontSize = $input.css('font-size');
		var iwidth = $input.width();
		if (widthForce != undefined)
			iwidth = widthForce;
		var iwidthInner = parseInt(iwidth)-6;
		var iValue = $input.attr('value');
		var iValueNew = '';
		if(inputId == 'artTitle'){
			var loop = iValue.length;
			for(i=0;i < loop; i++) {
				if(iValue[i]=='"'){
					iValueNew += '&#34;';
				} else {
					iValueNew += iValue[i];
				}
			}
		} else {
			iValueNew = iValue;
		}
		var iClass = $input.attr('class');
		var iType = $input.attr('type');
		var newContent = '<div class="input_left_top_corner"/><div class="input_center_top_border" style="width: '+iwidthInner+'px;"/><div class="input_right_top_corner"/><div class="setClear"/>';
		newContent += '<div class="input_left_middle" style="width: '+iwidth+'px;"><div class="input_right_middle" style="width: '+iwidth+'px;"><div  class="input_input_text_wrap"><input name="'+iName+'" id="'+iId+'" type="'+iType+'"  class="'+iClass+' input_input_text" style="width: '+iwidthInner+'px;font-size:'+iFontSize+'" value="'+iValueNew+'"/></div></div></div>';
		newContent += '<div class="input_left_bottom_corner"/><div class="input_center_bottom_border" style="width: '+iwidthInner+'px;"/><div class="input_right_bottom_corner"/><div class="setClear"/>';
			
		$input.replaceWith(newContent);
	},
		
	textarea : function(textareaId){
		var $textarea = jQuery('textarea#'+textareaId);
		var iName = $textarea.attr('name');
		var iId = $textarea.attr('id');
		var iFontSize = $textarea.css('font-size');
		var iwidth = $textarea.width();
		var iRows = $textarea.attr('rows');
		var iCols = $textarea.attr('cols');
		var iwidthInner = parseInt(iwidth)-6;
		var iValue = $textarea.attr('value');
		var iClass = $textarea.attr('class');
		var newContent = '<div class="textarea_left_top_corner"/><div class="textarea_center_top_border" style="width: '+iwidthInner+'px;"/><div class="textarea_right_top_corner"/><div class="setClear"/>';
		//newContent += '<div class="textarea_left_middle" style="width: '+iwidth+'px;"><div class="textarea_right_middle" style="width: '+iwidth+'px;"><div  class="textarea_input_text_wrap"><textarea name="'+iName+'" id="'+iId+'" type="text"  class="'+iClass+' newsArea" style="width: '+iwidthInner+'px;font-size:'+iFontSize+'" value="'+iValue+'"/></div></div></div>';
		
		
		newContent += '<div class="textarea_left_middle_corner" style="width:'+iwidth+'px"><div class="textarea_right_middle_corner"><div style="padding: 0px 3px;">';	
		
		newContent += '<TEXTAREA rows='+iRows+' cols='+ iCols +' name='+iName+' id='+iId+' class="'+iClass+' newsArea" onchange=\'refreshConds();\' style="width:'+ iwidthInner +'px" >'+iValue+'</TEXTAREA>';
		//newContent += '<TEXTAREA  name='+iName+' id='+iId+' class="'+iClass+' newsArea" onchange=\'refreshConds();\' style="width='+ asdasd+'"></TEXTAREA>';
		
		newContent += '</div></div></div>';
		newContent += '<div class="textarea_left_bottom_corner"/><div class="textarea_center_bottom_border" style="width: '+iwidthInner+'px;"/><div class="textarea_right_bottom_corner"/><div class="setClear"/>';
			
		$textarea.replaceWith(newContent);
	}
}