// usage: log('inside coolFunc', this, arguments);
// paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/
window.log = function(){
  log.history = log.history || [];   // store logs to an array for reference
  log.history.push(arguments);
  if(this.console) {
      arguments.callee = arguments.callee.caller;
      console.log( Array.prototype.slice.call(arguments) );
  }
};
// make it safe to use console.log always
(function(b){function c(){}for(var d="assert,count,debug,dir,dirxml,error,exception,group,groupCollapsed,groupEnd,info,log,markTimeline,profile,profileEnd,time,timeEnd,trace,warn".split(","),a;a=d.pop();)b[a]=b[a]||c})(window.console=window.console||{});


// place any jQuery/helper plugins in here, instead of separate, slower script files.

$(function(){

    var input = $('input#s');
    var divInput = $('div.input');
    var width = divInput.width();
    var outerWidth = divInput.parent().width() - (divInput.outerWidth() - width) - 28;
    var submit = $('#searchSubmit');
    var txt = input.val();
    
    
    if(!$.browser.msie){
    
	    input.bind('focus', function() {
	        if(input.val() === txt) {
	            input.val('');
	        }
	        //$(this).animate({color: '#000'}, 300); // text color
	        $(this).parent().animate({
	            width: outerWidth + 'px',
	            backgroundColor: '#fff', // background color
	            paddingRight: '43px'
	        }, 300, function() {
	            if(!(input.val() === '' || input.val() === txt)) {
	                if(!($.browser.msie && $.browser.version < 9)) {
	                    submit.fadeIn(300);
	                } else {
	                    submit.css({display: 'block'});
	                }
	            }
	        }).addClass('focus');
	    }).bind('blur', function() {
	        $(this).animate({color: '#b4bdc4'}, 300); // text color
	        $(this).parent().animate({
	            width: width + 'px',
	            backgroundColor: '#e8edf1', // background color
	            paddingRight: '15px'
	        }, 300, function() {
	            if(input.val() === '') {
	                input.val(txt)
	            }
	        }).removeClass('focus');
	        if(!($.browser.msie && $.browser.version < 9)) {
	            submit.fadeOut(100);
	        } else {
	            submit.css({display: 'none'});
	        }
	    }).keyup(function() {
	        if(input.val() === '') {
	            if(!($.browser.msie && $.browser.version < 9)) {
	                submit.fadeOut(300);
	            } else {
	                submit.css({display: 'none'});
	            }
	        } else {
	            if(!($.browser.msie && $.browser.version < 9)) {
	                submit.fadeIn(300);
	            } else {
	                submit.css({display: 'block'});
	            }
	        }
	    });
	    
    }
});