$(function(){

    var input = $('input#spsearchtext');
	var defvalue = "Ricerca prodotti";
    var divInput = $('div.input');
	var lente = $(".lente");
    var width = divInput.width();
    var outerWidth = divInput.parent().width() - (divInput.outerWidth() - width) - 28;
    var submit = $('#searchSubmit');
    var txt = input.val();
    
    input.bind('focus', function() {
		
		if(this.value == defvalue) {  
			this.value = "";  
        }  
		
		$("#resetIcon").animate({opacity: 0}, 300, function(){
			$(this)
			.css({display: ''})
			.animate({opacity: 1},500)
			});
		
		
        if(input.val() === txt) {
            input.val('');
        }
        $(this).animate({color: '#000'}, 300); // text color
		
		lente.animate({
			right: '200px'}, 300, function(){
			$(this)
            .css({'background': 'url(images/lente2.png)'})
			.css({'z-index': '10'})
				});
				
        $(this).parent().animate({
            width: outerWidth + 'px',
            backgroundColor: '#fff', // background color
            paddingRight: '23px'
        }, 300, function() {
            if(!(input.val() === '' || input.val() === txt)) {
                if(!($.browser.msie && $.browser.version < 9)) {
                    submit.fadeIn(300);
                } else {
                    submit.css({display: 'block'});
                }
            }
        }).addClass('focus');
		
    });
	
	input.bind('blur', function() {
		
		if($.trim(this.value) == "") {  
            this.value = defvalue;  
		}
		
		
		$("#resetIcon").animate({opacity: 1}, 10, function(){
			$(this)
			
			.animate({opacity: 0},500)
			.css({display: ''})
			});
			
			
		
		lente.animate({
			right: '115px'}, 300, function(){
			$(this)
            .css({'background': 'url(images/lente.png)'})
			.css({'z-index': '10'})
				});
				
        $(this).animate({color: '#999'}, 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'});
            }
        }
    });
	
	
	 
});

function setReset() {
	
	var input = $('input#spsearchtext');
	var defvalue = "Ricerca prodotti";
    var divInput = $('div.input');
	var lente = $(".lente");
    var width = divInput.width();
    var outerWidth = divInput.parent().width() - (divInput.outerWidth() - width) - 28;
    var submit = $('#searchSubmit');
    var txt = input.val();
	
	
$('#resetIcon').bind("mouseover mouseout click", function (event) {
				
		if (event.type == "mouseover") {
			input.unbind();
		
		} else if (event.type == "mouseout") {
			input.bind('focus', function() {
		
		if(this.value == defvalue) {  
			this.value = "";  
        }  
		
		$("#resetIcon").animate({opacity: 0}, 300, function(){
			$(this)
			.css({display: ''})
			.animate({opacity: 1},500)
			});
		
		
        if(input.val() === txt) {
            input.val('');
        }
        $(this).animate({color: '#000'}, 300); // text color
		
		lente.animate({
			right: '200px'}, 300, function(){
			$(this)
            .css({'background': 'url(images/lente2.png)'})
			.css({'z-index': '10'})
				});
				
        $(this).parent().animate({
            width: outerWidth + 'px',
            backgroundColor: '#fff', // background color
            paddingRight: '23px'
        }, 300, function() {
            if(!(input.val() === '' || input.val() === txt)) {
                if(!($.browser.msie && $.browser.version < 9)) {
                    submit.fadeIn(300);
                } else {
                    submit.css({display: 'block'});
                }
            }
        }).addClass('focus');
		
    });
	
	input.bind('blur', function() {
		
		if($.trim(this.value) == "") {  
            this.value = defvalue;  
		}
		
		
		$("#resetIcon").animate({opacity: 1}, 10, function(){
			$(this)
			
			.animate({opacity: 0},500)
			.css({display: ''})
			});
			
			
		
		lente.animate({
			right: '116px'}, 300, function(){
			$(this)
            .css({'background': 'url(images/lente.png)'})
			.css({'z-index': '10'})
				});
				
        $(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'});
            }
        }
    });
					
				
		} else if (event.type == "click") {
			
			$("input#sp-searchtext").val(defvalue);
			
			
		
		input.bind('focus', function() {
		
		if(this.value == defvalue) {  
			this.value = "";  
        }  
		
		$("#resetIcon").animate({opacity: 0}, 300, function(){
			$(this)
			.css({display: ''})
			.animate({opacity: 1},500)
			});
		
		
        if(input.val() === txt) {
            input.val('');
        }
        $(this).animate({color: '#000'}, 300); // text color
		
		lente.animate({
			right: '195px'}, 300, function(){
			$(this)
            .css({'background': 'url(images/lente2.png)'})
			.css({'z-index': '10'})
				});
				
        $(this).parent().animate({
            width: outerWidth + 'px',
            backgroundColor: '#fff', // background color
            paddingRight: '23px'
        }, 300, function() {
            if(!(input.val() === '' || input.val() === txt)) {
                if(!($.browser.msie && $.browser.version < 9)) {
                    submit.fadeIn(300);
                } else {
                    submit.css({display: 'block'});
                }
            }
        }).addClass('focus');
		
    });
	
	input.bind('blur', function() {
		
		if($.trim(this.value) == "") {  
            this.value = defvalue;  
		}
		
		
		$("#resetIcon").animate({opacity: 1}, 10, function(){
			$(this)
			
			.animate({opacity: 0},500)
			.css({display: ''})
			});
			
			
		
		lente.animate({
			right: '116px'}, 300, function(){
			$(this)
            .css({'background': 'url(images/lente.png)'})
			.css({'z-index': '10'})
				});
				
        $(this).animate({color: '#999'}, 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'});
            }
        }
    });
					
		input.trigger('blur');			
		}
		
				
				
	});
	
	
	
	
	/*$('#searchSubmit').bind('click', function() {
		
		alert("FUNGE");
		
	});*/


}