/* --------------------------
	jLook 0.2
	Nice form templates
	by Sebastian Romano / seba@envero.org 
-----------------------------*/
jQuery.fn.jLook = function(options){
	var self = this;
	//
	$jq(this).addClass('jLookForm');
	// each form
	this.each(function(){
		// form link
		var actualForm = this;
		// labels
		$jq('label', this).addClass("jLookLabel");
		// inputs
		$jq('input:text', this).addClass("jLookInput");	
		$jq('input:password', this).addClass("jLookInput");
		/*
			wrappers
		*/
		// inputs
		$jq('input:text', this).each(function(){
			
				$jq(this).wrap('<div class="jLookInputWrapper"></div>');
				$jq(this).parent().css("width", $jq(this).css("width"));
				$jq(this).focus(function(){
					$jq(this).addClass("jLookInput_hover");
					$jq(this).parent().addClass("jLookInputWrapper_hover");
				});
				$jq(this).blur(function(){
					$jq(this).removeClass("jLookInput_hover");
					$jq(this).parent().removeClass("jLookInputWrapper_hover");
				});
				
		});
		$jq('input:password', this).each(function(){
			$jq(this).wrap('<div class="jLookInputWrapper"></div>');
			$jq(this).parent().css("width", $jq(this).css("width"));
			$jq(this).focus(function(){
				$jq(this).addClass("jLookInput_hover");
				$jq(this).parent().addClass("jLookInputWrapper_hover");
			});
			$jq(this).blur(function(){
				$jq(this).removeClass("jLookInput_hover");
				$jq(this).parent().removeClass("jLookInputWrapper_hover");
			});
		});
		//----------------------------------------------------------
		// radio/s
		//var lastRadio = '';
		//$jq('input:radio', this).each(function(){
			// link
		//	$jq(this).before('<a href="#" id="'+$jq(this).attr("name")+'-'+$jq(this).attr("value")+'" class="jLookRadio"></a>');
		//	$jq(this).remove();
			// hidden necesary fields
		//	if(lastRadio != $jq(this).attr("name")){
		//		$jq(actualForm).prepend('<input type="hidden" id="'+$jq(this).attr("name")+'" name="'+$jq(this).attr("name")+'" value="null" />');
		//		lastRadio = $jq(this).attr("name");
		//	}
		//});
		// click event
		//$jq('.jLookRadio').click(function(){
		//	$jq(this).addClass("jLookRadio_checked");
			// hidden generator
		//	valu = $jq(this).attr("id").split('-');
		//	$jq('#'+$jq('#'+valu[0]).attr("name")+'-'+$jq('#'+valu[0]).attr("value")).removeClass('jLookRadio_checked'); // uncheck
		//	$jq('#'+valu[0]).attr("value", valu[1]); // selectedValue
		//	//return false;
		//});
		//----------------------------------------------------------
		// checkbox/s
		/*
		var lastCheckbox = '';
		$jq('input:checkbox', this).each(function(){
			// link
			$jq(this).before('<a href="#" id="'+$jq(this).attr("name")+'-'+$jq(this).attr("value")+'" class="jLookCheckbox"></a>');
			$jq(this).remove();
			// necesary hidden fields
			if(lastCheckbox != $jq(this).attr("name")){
				$jq(actualForm).prepend('<input type="hidden" id="'+$jq(this).attr("name")+'" name="'+$jq(this).attr("name")+'" value="null" />');
				lastCheckbox = $jq(this).attr("name");
			}
		});
		// click event
		$jq('.jLookCheckbox').click(function(){
			valu = $jq(this).attr("id").split('-');
			if($jq('#'+valu[0]).attr("value") == valu[1]){
				$jq(this).removeClass('jLookCheckbox_checked'); // uncheck
				$jq('#'+valu[0]).attr("value", 'null');
			}else{
				$jq(this).addClass("jLookCheckbox_checked");
				$jq('#'+valu[0]).attr("value", valu[1]); // selectedValue
			}
			return false;
		});
		*/
		//---------------------------------
		// select/s
		//$jq('select', this).each(function(){
		//	var selectContent= '<div><span></span><a href="#" class="jLookSelectOpen"></a></div><ul>'; // xhtml replace
		//	var nam = $jq(this).attr('name')+'_wrapper';
		//	$jq(this).wrap('<div class="jLookSelectWrapper" id="'+nam+'"></div>');
		//	$jq('option', this).each(function(){
		//		selectContent += '<li><a href="#">'+$jq(this).html()+'</a></li>';
		//		$jq(this).remove();
		//	});
		//	selectContent += '</ul>';
		//	$jq('#'+nam).html(selectContent);
		//});
		// display select options
		//$jq('.jLookSelectOpen').click(function(){
		//	var zacual = $jq('ul', $jq(this).parent().parent()).css('z-index');
		//	$jq('ul', $jq(this).parent().parent()).slideToggle();
		//	return false;
		//});
		//--------------------------------------
		//textareas
		$jq('textarea', this).each(function(){
			$jq(this).wrap("<div class='jLookTextareaWrapper'></div>");
		});
	});
}