//Funciones Generales

//Menu Superior ***********************
    (function ($) {
        $.fn.cross = function (options) {
            return this.each(function (i) { 
                // cache the copy of jQuery(this) - the start image
                var $$ = $(this);
                
                // get the target from the backgroundImage + regexp
                var target = $$.css('backgroundImage').replace(/^url|[\(\)'"]/g, '');

                // nice long chain: wrap img element in span
                $$.wrap('<span style="position: relative;"></span>')
                    // change selector to parent - i.e. newly created span
                    .parent()
                    // prepend a new image inside the span
                    .prepend('<img>')
                    // change the selector to the newly created image
                    .find(':first-child')
                    // set the image to the target
                    .attr('src', target);

                // the CSS styling of the start image needs to be handled
                // differently for different browsers
                if ($.browser.msie) {
                    $$.css({
                        'position' : 'absolute', 
                        'left' : 0,
                        'background' : '',
                        'top' : 0,//this.offsetTop,
						'border' : 0
                    });
                } 
				else if ($.browser.mozilla) {
                    $$.css({
                        'position' : 'absolute', 
                        'left' : 0,
                        'background' : '',
                        'top' : this.offsetTop,
						'border' : 0
                    });
                } 
				
				else if ($.browser.opera && $.browser.version < 9.5) {
                    // Browser sniffing is bad - however opera < 9.5 has a render bug 
                    // so this is required to get around it we can't apply the 'top' : 0 
                    // separately because Mozilla strips the style set originally somehow...                    
                    $$.css({
                        'position' : 'absolute', 
                        'left' : 0,
                        'background' : '',
                        'top' : "0"
                    });
                } else { // Safari
                    $$.css({
                        'position' : 'absolute', 
                        'left' : 0,
                        'background' : ''
                    });
                }

                // similar effect as single image technique, except using .animate 
                // which will handle the fading up from the right opacity for us
                $$.hover(function () {
                    $$.stop().animate({
                        opacity: 0
                    }, 250);
                }, function () {
                    $$.stop().animate({
                        opacity: 1
                    }, 250);
                });
            });
        };
        
    })(jQuery);
    
    // note that this uses the .bind('load') on the window object, rather than $(document).ready() 
    // because .ready() fires before the images have loaded, but we need to fire *after* because
    // our code relies on the dimensions of the images already in place.
    $(window).bind('load', function () {
        $('img.fade').cross();
    });
    
//***************************************************************************************************

//BUSCADOR  ***********************
function buscar() {
	if (miform.buscar.value.length < 3) {
		alert("Por favor introduce al menos tres carácteres. Gracias.");
  	} else {
		miform.submit();
	}
}


function lookup(inputString) {
   if(inputString.length < 4) {
		// Hide the suggestion box.
		$('#suggestions').hide();
	} else {	
	$.post("buscar.asp", {queryString: ""+inputString+""}, function(data){
			if(data.length >4) {
				$('#suggestions').show();
				$('#autoSuggestionsList').html(data);
			}else{
				exit();
			}
		})
	}
} // lookup

function fill(thisValue) {
	$("#familia").val(thisValue);
	miform.submit();
	
}

function exit(){
	setTimeout("$('#suggestions').hide();", 200);	
}
//***************************************************************************************************	


//PLACEHOLDER en Navegadores  ***********************

(function($){
  $.fn.placeholder = function(){
    // Ingnoramos si el navegador soporta nativamente esta funcionalidad
    if ($.fn.placeholder.supported()){
      return $(this);
    }else{

      // En el evento submit del formulario reseteamos los values de los inputs
      // cuyo value es igual al placeholder
      $(this).parent('form').submit(function(e){
        $('input[placeholder].placeholder', this).val('');
      });

      // activamos el placeholder
      $(this).each(function(){
        $.fn.placeholder.on(this);
      });

      return $(this)
        // Evento on focus
        .focus(function(){
          // Desactivamos el placeholder si vamos a introducir nuevo texto
          if ($(this).hasClass('placeholder')){
            $.fn.placeholder.off(this);
          }
        })
        // Evento on blur
        .blur(function(){
          // Activamos el placeholder si no tiene contenido
          if ($(this).val() == ''){
            $.fn.placeholder.on(this);
          }
        });
    }
  };

  // Función que detecta si el navegdor soporta el placeholder nativamente
  // Extraida de: http://diveintohtml5.org/detect.html#input-placeholder
  $.fn.placeholder.supported = function(){
    var input = document.createElement('input');
    return !!('placeholder' in input);
  };

  // Añade el contenido del placeholder en el value del input
  $.fn.placeholder.on = function(el){
    var $el = $(el);
    $el.val($el.attr('placeholder')).addClass('placeholder');
  };
  // Borra el contenido del value
  $.fn.placeholder.off = function(el){
    $(el).val('').removeClass('placeholder');
  };
})(jQuery);