/**
 * Example: inputPlaceholder( document.getElementById('my_input_element') )
 * @param {Element} input
 * @param {String} color
 * @return {Element} input
 */
function inputPlaceholder (input, color) {
	
  if (!input) return null;
  
  /**
   * Webkit browsers already implemented placeholder attribute.
   * This function useless for them.
   */
  if (input.placeholder && !jQuery.browser.msie )  {	  
	  return false;
  }
  
  var color = color || '#AAA';
  
  
  
  
  
//  if ($(input).attr('type') == 'password') {
	  
	 // $($parent).css('position', 'relative');
	//  alert($(input).position().top - parseInt($(input).css('margin-top')));
  		
	  $parent = $(input).parent().get(0);
	  $divInput = $('<div id="'+$(input).attr('id')+'_placeholder" class="'+$(input).attr('class')+'" style="color: '+color+'; position: absolute;  left:'+$(input).position().left+'px; top:'+($(input).position().top + parseInt($(input).css('margin-top')))+'px;">'+$(input).attr('placeholder')+'</div>');
	  $($parent).append($divInput);
	    
	  //id="'+$(input).attr('placeholder')+'"
	  $('#'+$(input).attr('id')+'_placeholder').click(function() {
		  $(this).css('display','none');
		  $(input).focus();
	  });
	  
	  $(input).blur(function() {
		  if ($(input).val() == '') {
			  
			 $('#'+$(input).attr('id')+'_placeholder').css('display','block'); 
		  }
	  });
	  $(input).focus(function() {
		  $('#'+$(input).attr('id')+'_placeholder').css('display','none');
	  });
	  
	  if ($(input).val() == '') {
		  
		 $('#'+$(input).attr('id')+'_placeholder').css('display','block'); 
	  } else {
		  $('#'+$(input).attr('id')+'_placeholder').css('display','none'); 
	  }
	  
	  
	  
	  
	  return input;
//  }

//  if (input.value === '' || input.value == input.getAttribute('placeholder')) {
//    input.value = input.getAttribute('placeholder');
//    input.style.color = color;
//  }
//  
//  input[/*@cc_on'attachEvent'||@*/'addEventListener'](/*@cc_on'on'+@*/'focus', function(){
//    this.style.color = '';
//    
//    if (this.value == this.getAttribute('placeholder')) {
//      this.value = '';
//    }
//  }, false);
//
//  input[/*@cc_on'attachEvent'||@*/'addEventListener'](/*@cc_on'on'+@*/'blur', function(){
//    if (this.value === '') {
//      this.value = this.getAttribute('placeholder');
//      this.style.color = color;
//    
//    } else {
//      this.style.color = '';
//     
//    }
//   
//  }, false);

  return input;
};