var searchDelay 		= 200;
var searchTransTime		= 500;
var searchFullWidth 	= 160;
var searchFullHeight	= 19;
var searchInitPos		= 920;
var searchInitWidth;
var searchInitHeight;
	
jQuery(function() {
	jQuery(".searchForm").hide();
	clickOpen();
	
    jQuery('.custom_button, .hover_menu').mouseenter(function() {
        jQuery('.hover_menu').fadeIn('fast');
        jQuery('.custom_button').addClass('active');
        jQuery(this).data('in', true);
        jQuery('.hover_menu').data('hidden', false);
    }).mouseleave(function() {
        jQuery(this).data('in', false);
        setTimeout(hideMenu, searchDelay);
    }); 
});

function clickOpen() {
	var vip 		= jQuery("#search");
	searchInitWidth		= vip.width();
	searchInitHeight		= vip.height();
	var pos 		= searchFullWidth - searchInitWidth;
	var newPos		= searchInitPos - pos;
	jQuery(".search").removeClass("this-guys-a-closer");
	jQuery(".search").bind("click", function() {
		jQuery(".search").unbind("click");
		jQuery("#search").animate({
				left: newPos, 
				width: searchFullWidth + "px",
				height: searchFullHeight + "px"},
				searchTransTime,
				fadeInSearch);
	});
}

function fadeInSearch(){
	jQuery(".searchForm").fadeIn(searchTransTime, function(){clickClose()});
}

function clickClose(){
	jQuery(".search").addClass("this-guys-a-closer");
	jQuery(".this-guys-a-closer").bind("click", function(){
		jQuery(".this-guys-a-closer").unbind("click");
		jQuery(".searchForm").fadeOut(searchTransTime, function(){closeVIP()});
	});
}

function closeVIP() {
	jQuery("#search").animate({
		left: searchInitPos, 
		width: searchInitWidth + "px",
		height: searchInitHeight + "px"}, 
		searchTransTime,
		clickOpen);
}

function hideMenu() {
    if (!jQuery('.custom_button').data('in') && !jQuery('.hover_menu').data('in') && !jQuery('.hover_menu').data('hidden')) {
        jQuery('.hover_menu').fadeOut('fast');
        jQuery('.custom_button').removeClass('active');
        jQuery('.hover_menu').data('hidden', true);
    }
}

function goToByScroll(id, time){
	var time = (!time) ? 1500 : time;
	jQuery("html,body").animate({scrollTop: jQuery("#" + id).offset().top}, time, 'easeInOutExpo');
}