jQuery.noConflict();

jQuery(document).ready(function () {
    registerOnStartup();
});

function registerOnStartup() {
    //initNewFeatured();
    //initScrollable();
    initGreatOffers();
    initRecommendedForYou();
    initSearchMenu();
    initSearchMenuScroll();
    initCompanyRating();
    initFeedCompanyRating();
    initProductRating();
    initCompanySignupForm();
    initRelatedProducts();
    initShareLinks();
    initPopup();
    initEditImageLink();
    initSpread(false);
    initSpreadMaxLength();


    
}

function initScrollable(init) {
	jQuery('#new-featured').scrollable({ circular: true, initialIndex: init });
	//jQuery('#new-featured').data("scrollable").move(4);
}

//Function is run on every async postback
//Added by Mads on 18-8-2010
function pageLoad(sender, args) {
    return;
    //Greys out a button
    jQuery("a").click(function (e) {
        if (e.currentTarget) {
            var t = e.currentTarget.href;
            if (t.indexOf('javascript:') > -1) 
                jQuery(this).addClass("grey-link");
            /*
            //Prevent default
            e.preventDefault();
            //Grap link
            var t = e.currentTarget.href;
            //Test if link is normal
            if (t.indexOf('javascript:') < 0) {
            //if it is - fire it!
            document.location = t;
            return;
            }
            //
            if (i++ > 0) return;
            eval(unescape(t));
            */
        };
    });
}

function linkRestore() {
    //Disables form submit buttons on click to prevent doubleclicks
//    jQuery("a").each(function (e) {
//        if (jQuery(this).attr("disabled") || jQuery(this).attr("disabled") == "true") {
//            jQuery(this).removeAttr("disabled");
//        }
//    });
}

function initSpread(spread) {
    jQuery(".profile-header .profile-info").hover(function() {
        jQuery(this).parent().addClass("spread-hover");
        jQuery(this).parent().css("overflow", "auto");
    }, function() {
        jQuery(this).parent().removeClass("spread-hover");
        jQuery(this).parent().css("overflow", "hidden");
    });

    if (spread) {
        jQuery(".profile-header").addClass("spread-hover");
        jQuery(".profile-header").css("overflow", "auto");
        jQuery(".profile-header .profile-info .spread-button").addClass("message-spread-button");
        jQuery(".profile-header .profile-info .spread-button-link").addClass("message-spread-button-link");
    }
}

function initEditImageLink() {
    jQuery(".image-border").hover(function() {
        jQuery(this).find(".edit-image-link").show();
    }, function() {
        jQuery(this).find(".edit-image-link").hide();
    });
}

var scrolling = false;

function initCompanySignupForm() {
    jQuery(".domain").change(function(e) {
        jQuery(".email-domain").text(jQuery(".domain").val());
    });
}

var editMenuActive = false;
var editMenuOverlay = "<div class='edit-menu-overlay' style='width:10px; height:10px; position:absolute; top:0; left:0; background:#000; z-index:100;'></div>";

function initEditMenu() {
    jQuery(".edit-information-menu .edit-link").click(function() {
        if (!jQuery(this).hasClass("active-menu")) {
            jQuery(this).addClass("active-menu");
        }
        else {
            jQuery(this).removeClass("active-menu");
            editMenuActive = false;
            jQuery("body .edit-menu-overlay").remove();
        }

        jQuery(this).parent().find(".edit-menu").toggle();
        jQuery(this).parent().find(".edit-menu .menu-item a").click(function() {
            jQuery(this).parent().parent().toggle();
            jQuery(this).parent().parent().parent().find(".edit-link").removeClass("active-menu");
        });
    });

}

function RateObj() {
    var rated;
    var ratedMouseDown;
    var originalMessage;
    var originalRate;
    var outputArea;
    var ratePanel;
}

function initCompanyRating() {
    var rated = false;
    var ratedMouseDown = false;
    var originalMessage = jQuery("#company-rater .rate-message").html();
    var originalRate = jQuery("#company-rater .rating-large .rate").attr("class");
    var outputArea = jQuery("#company-rater .rate-message");
    var ratePanel = jQuery("#company-rater .rating-large .rate");


    jQuery("#company-rater .rating-large .rate-button").hover(function() {
        if (!rated) {
            var message = jQuery(this).find(".message").html();
            var rate = jQuery(this).find(".irate").text()
            outputArea.html(message);
            ratePanel.attr("class", rate);

            jQuery(this).mousedown(function() {
                ratedMouseDown = true;
                outputArea.find(".line").addClass("green");
            })
            jQuery(this).mouseup(function() {
                if (ratedMouseDown) {
                    originalMessage = message;
                    outputArea.find(".thanks").show();
                    rated = true;
                    ratedMouseDown = false;
                }
            })

            if (ratedMouseDown) {
                outputArea.find(".line").addClass("green");
            }
        }
    }, function() {
        if (ratedMouseDown) {
            ratedMouseDown = false;
        }

        if (!rated) {
            outputArea.html(originalMessage);
            ratePanel.attr("class", originalRate);
        }
    });
}

function initFeedCompanyRating() {
    var rated = false;
    var ratedMouseDown = false;
    var originalMessage;
    var originalRate;
    var outputArea;
    var ratePanel;

    jQuery(".feed .company-rated .company-rater .rating-large .rate-button").hover(function() {
        if (!rated) {
            var message = jQuery(this).find(".message").html();
            var rate = jQuery(this).find(".irate").text()

            originalMessage = jQuery(this).parent().parent().parent().find(".rate-message").html();
            originalRate = jQuery(this).parent().parent().parent().find(".rating-large .rate").attr("class");
            outputArea = jQuery(this).parent().parent().parent().find(".rate-message");
            ratePanel = jQuery(this).parent().parent().parent().find(".rating-large .rate");

            outputArea.html(message);
            ratePanel.attr("class", rate);

            jQuery(this).mousedown(function() {
                ratedMouseDown = true;
                outputArea.find(".line").addClass("green");
            })
            jQuery(this).mouseup(function() {
                if (ratedMouseDown) {
                    originalMessage = message;
                    outputArea.find(".thanks").show();
                    rated = true;
                    ratedMouseDown = false;
                }
            })

            if (ratedMouseDown) {
                outputArea.find(".line").addClass("green");
            }
        }
    }, function() {
        if (ratedMouseDown) {
            ratedMouseDown = false;
        }

        if (!rated) {
            outputArea.html(originalMessage);
            ratePanel.attr("class", originalRate);
        }
    });
}

function initProductRating() {
    var rated = false;
    var ratedMouseDown = false;
    var originalMessage = jQuery(".company-product .rate-message").html();
    var originalRate = jQuery(".company-product .rating-large .rate").attr("class");
    var outputArea = jQuery(".company-product .rate-message");
    var ratePanel = jQuery(".company-product .rating-large .rate");


    jQuery(".company-product .rating-large .rate-button").hover(function() {
        if (!rated) {
            var message = jQuery(this).find(".message").html();
            var rate = jQuery(this).find(".irate").text()
            outputArea.html(message);
            ratePanel.attr("class", rate);

            jQuery(this).mousedown(function() {
                ratedMouseDown = true;
                outputArea.find(".line").addClass("green");
            })
            jQuery(this).mouseup(function() {
                if (ratedMouseDown) {
                    originalMessage = message;
                    outputArea.find(".thanks").show();
                    rated = true;
                    ratedMouseDown = false;
                }
            })

            if (ratedMouseDown) {
                outputArea.find(".line").addClass("green");
            }
        }
    }, function() {
        if (ratedMouseDown) {
            ratedMouseDown = false;
        }

        if (!rated) {
            outputArea.html(originalMessage);
            ratePanel.attr("class", originalRate);
        }
    });
}


function ScrollObj() {
    var moving;
    var elements;
    var numElements;
    var numElementsPage;
    var maxScrollsPos;
    var scrollPos;
    var inactiveClass;
    var scrollLeft;
    var scrollRight;
}

function initNewFeatured() {
    var scrollObjNewFeat = new ScrollObj();

    scrollObjNewFeat.moving = false;
    scrollObjNewFeat.elements = jQuery("#new-featured .feature");
    scrollObjNewFeat.numElements = scrollObjNewFeat.elements.length;
    scrollObjNewFeat.numElementsPage = 4;
    scrollObjNewFeat.maxScrollPos = Math.ceil(scrollObjNewFeat.numElements / scrollObjNewFeat.numElementsPage) - 1;
    var positionOffset = jQuery("#new-featured .feature:first").css("left");
    if (positionOffset)
        scrollObjNewFeat.scrollPos = positionOffset.split("px")[0] / -560;
    else
        scrollObjNewFeat.scrollPos = 0;
    scrollObjNewFeat.inactiveClass = "inactive";
    scrollObjNewFeat.scrollLeft = "#new-featured .scroll-left";
    scrollObjNewFeat.scrollRight = "#new-featured .scroll-right";

    if (scrollObjNewFeat.scrollPos < 1) {
        jQuery(scrollObjNewFeat.scrollLeft).addClass(scrollObjNewFeat.inactiveClass);
    }
    if (scrollObjNewFeat.scrollPos >= scrollObjNewFeat.maxScrollPos) {
        jQuery(scrollObjNewFeat.scrollRight).addClass(scrollObjNewFeat.inactiveClass);
    }

    jQuery(scrollObjNewFeat.scrollRight).click(function() {
        if (scrollObjNewFeat.scrollPos < scrollObjNewFeat.maxScrollPos && !scrollObjNewFeat.moving) {
            scrollObjNewFeat.scrollPos = scrollObjNewFeat.scrollPos + 1;
            
            moveObj(scrollObjNewFeat.elements, "", 500, '-=560px', scrollObjNewFeat);
            if (scrollObjNewFeat.scrollPos == scrollObjNewFeat.maxScrollPos) {
                jQuery(this).addClass(scrollObjNewFeat.inactiveClass);
            }
            if (scrollObjNewFeat.scrollPos > 0) {
                jQuery(scrollObjNewFeat.scrollLeft).removeClass(scrollObjNewFeat.inactiveClass);
            }

        }
    });

    jQuery(scrollObjNewFeat.scrollLeft).click(function() {
        if (scrollObjNewFeat.scrollPos > 0 && !scrollObjNewFeat.moving) {
            scrollObjNewFeat.scrollPos = scrollObjNewFeat.scrollPos - 1;
            
            moveObj(scrollObjNewFeat.elements, "", 500, '+=560px', scrollObjNewFeat);
            if (scrollObjNewFeat.scrollPos <= 1) {
                jQuery(this).addClass(scrollObjNewFeat.inactiveClass);
            }
            if (scrollObjNewFeat.scrollPos < scrollObjNewFeat.maxScrollPos) {
                jQuery(scrollObjNewFeat.scrollRight).removeClass(scrollObjNewFeat.inactiveClass);
            }

        }
    });
}


function initGreatOffers() {

    jQuery(".great-offers").each(function(i) {


        var scrollObj = new ScrollObj();

        scrollObj.moving = false;
        scrollObj.elements = jQuery(this).find(".feature");
        scrollObj.numElements = scrollObj.elements.length;
        scrollObj.numElementsPage = 1;
        
        scrollObj.maxScrollPos = Math.ceil(scrollObj.numElements / scrollObj.numElementsPage) - 1;
        var positionOffset = jQuery(this).find(".feature:first").css("left");
        if (positionOffset)
            scrollObj.scrollPos = positionOffset.split("px")[0] / -307;
        else
            scrollObj.scrollPos = 0;
        scrollObj.inactiveClass = "inactive";
        scrollObj.scrollLeft = jQuery(this).find(".scroll-left");
        scrollObj.scrollRight = jQuery(this).find(".scroll-right");

        if (scrollObj.scrollPos < 1) {
            jQuery(scrollObj.scrollLeft).addClass(scrollObj.inactiveClass);
        }
        if (scrollObj.scrollPos == scrollObj.maxScrollPos) {
            jQuery(scrollObj.scrollRight).addClass(scrollObj.inactiveClass);
        }

        jQuery(scrollObj.scrollRight).click(function() {
            if (scrollObj.scrollPos < scrollObj.maxScrollPos && !scrollObj.moving) {
                scrollObj.scrollPos = scrollObj.scrollPos + 1;
                moveObj(scrollObj.elements, "", 500, '-=307px', scrollObj);
                if (scrollObj.scrollPos == scrollObj.maxScrollPos) {
                    jQuery(this).addClass(scrollObj.inactiveClass);
                }
                if (scrollObj.scrollPos > 1) {
                    jQuery(scrollObj.scrollLeft).removeClass(scrollObj.inactiveClass);
                }
            }

        });

        jQuery(scrollObj.scrollLeft).click(function() {
            if (scrollObj.scrollPos > 0 && !scrollObj.moving) {
                scrollObj.scrollPos = scrollObj.scrollPos - 1;
                moveObj(scrollObj.elements, "", 500, '+=307px', scrollObj);
                if (scrollObj.scrollPos < 1) {
                    jQuery(this).addClass(scrollObj.inactiveClass);
                }
                if (scrollObj.scrollPos < scrollObj.maxScrollPos) {
                    jQuery(scrollObj.scrollRight).removeClass(scrollObj.inactiveClass);
                }
            }

        });

    });
}

function initRecommendedForYou() {

    jQuery(".recommended").each(function(i) {


        var scrollObj = new ScrollObj();

        scrollObj.moving = false;
        scrollObj.elements = jQuery(this).find(".feature");
        scrollObj.numElements = scrollObj.elements.length;
        scrollObj.numElementsPage = 1;

        scrollObj.maxScrollPos = Math.ceil(scrollObj.numElements / scrollObj.numElementsPage) - 1;
        var positionOffset = jQuery(this).find(".feature:first").css("left");
        if (positionOffset)
            scrollObj.scrollPos = positionOffset.split("px")[0] / -307;
        else
            scrollObj.scrollPos = 0;
        scrollObj.inactiveClass = "inactive";
        scrollObj.scrollLeft = jQuery(this).find(".scroll-left");
        scrollObj.scrollRight = jQuery(this).find(".scroll-right");

        if (scrollObj.scrollPos < 1) {
            jQuery(scrollObj.scrollLeft).addClass(scrollObj.inactiveClass);
        }
        if (scrollObj.scrollPos == scrollObj.maxScrollPos) {
            jQuery(scrollObj.scrollRight).addClass(scrollObj.inactiveClass);
        }

        jQuery(scrollObj.scrollRight).click(function() {
            if (scrollObj.scrollPos < scrollObj.maxScrollPos && !scrollObj.moving) {
                scrollObj.scrollPos = scrollObj.scrollPos + 1;
                moveObj(scrollObj.elements, "", 500, '-=307px', scrollObj);
                if (scrollObj.scrollPos == scrollObj.maxScrollPos) {
                    jQuery(this).addClass(scrollObj.inactiveClass);
                }
                if (scrollObj.scrollPos > 1) {
                    jQuery(scrollObj.scrollLeft).removeClass(scrollObj.inactiveClass);
                }
            }

        });

        jQuery(scrollObj.scrollLeft).click(function() {
            if (scrollObj.scrollPos > 0 && !scrollObj.moving) {
                scrollObj.scrollPos = scrollObj.scrollPos - 1;
                moveObj(scrollObj.elements, "", 500, '+=307px', scrollObj);
                if (scrollObj.scrollPos < 1) {
                    jQuery(this).addClass(scrollObj.inactiveClass);
                }
                if (scrollObj.scrollPos < scrollObj.maxScrollPos) {
                    jQuery(scrollObj.scrollRight).removeClass(scrollObj.inactiveClass);
                }
            }

        });

    });
}


function move(moveElement, fadeElements, transitionTime, moveDist, scrollObject) {
    scrolling = true;
    if (fadeElements != "") {
        jQuery(fadeElements).fadeOut(transitionTime, function() {
            if (!scrollObject.moving) {
                scrollObject.moving = true;
                jQuery(moveElement).animate({ left: moveDist }, transitionTime, function() {
                    jQuery(fadeElements).fadeIn(transitionTime, function() {
                        scrollObject.moving = false;
                        scrolling = false;
                        scrollObject.scrollPos 
                    });
                });
            }
        });
    } else {
        if (!scrollObject.moving) {
            scrollObject.moving = true;
            jQuery(moveElement).animate({ left: moveDist }, transitionTime, function() {
                scrollObject.moving = false;
                scrolling = false;
            });
        }
    }
}

function moveObj(moveElement, fadeElements, transitionTime, moveDist, scrollObject) {
    if (fadeElements != "") {
        if (!scrollObject.moving) {
            scrollObject.moving = true;
            jQuery(fadeElements).fadeOut(transitionTime, function() {
                moveElement.animate({ left: moveDist }, transitionTime, function() {
                    jQuery(fadeElements).fadeIn(transitionTime, function() {
                        scrollObject.moving = false;
                    });
                });
            });
        }
    } else {
        if (!scrollObject.moving) {
            scrollObject.moving = true;
            moveElement.animate({ left: moveDist }, transitionTime, function() {
                scrollObject.moving = false;
            });
        }
    }
}

function initSearchMenu() {
    jQuery("#left-column .search-result .panel-placeholder").hover(
      function() {
          jQuery(this).find(".menu").show();
          jQuery(this).addClass("over");
      },
      function() {
          jQuery(this).find(".menu").hide();
          jQuery(this).removeClass("over");
      }
    );

      jQuery("#left-column .search-result .panel-placeholder").click(
        function() {
            if (!scrolling)
                window.location = jQuery(this).find(".image-border a").attr("href");
        }
    );

        initFollowersStopPropogation();
}

function initFollowersStopPropogation() {
    jQuery("#left-column .search-result .panel-placeholder .fans a, #left-column .search-result .panel-placeholder .follow-link a, #left-column .search-result .panel-placeholder .is-follower a").click(
        function(event) {
    agent = jQuery.browser;
    if (agent.msie) {
        event.stopPropagation();
                event.cancelBubble = true;
            } else {
                event.stopPropagation();
            }
        }
    );
}

function initCertificatsStopPropogation() {
    jQuery("#left-column .panel .menu .scrollable .scroll-left, #left-column .panel .menu .scrollable .scroll-right").click(
        function(event) {
            //alert('hello');
            agent = jQuery.browser;
            if (agent.msie) {
                event.stopPropagation();
                event.cancelBubble = true;
            } else {
                event.stopPropagation();
            }
        }
    );
}


function initSearchMenuScroll() {

    initCertificatsStopPropogation();

    var scrollPanels = new Array();

    jQuery.each(jQuery("#left-column .panel .menu .scrollable"), function(index, value) {
        scrollPanels[index] = new ScrollObj();

        scrollPanels[index].moving = false;
        scrollPanels[index].elements = jQuery(this).find(".certificate");
        scrollPanels[index].numElements = scrollPanels[index].elements.length;
        scrollPanels[index].numElementsPage = 5;
        scrollPanels[index].maxScrollPos = scrollPanels[index].numElements / scrollPanels[index].numElementsPage;
        scrollPanels[index].scrollPos = 1;
        scrollPanels[index].inactiveClass = "inactive";
        scrollPanels[index].scrollLeft = jQuery(this).find(".scroll-left");
        scrollPanels[index].scrollRight = jQuery(this).find(".scroll-right");

        jQuery(scrollPanels[index].scrollLeft).addClass(scrollPanels[index].inactiveClass);
        if (scrollPanels[index].numElements <= scrollPanels[index].numElementsPage) {
            jQuery(scrollPanels[index].scrollRight).addClass(scrollPanels[index].inactiveClass);
        }


        jQuery(scrollPanels[index].scrollRight).click(function() {
            if (scrollPanels[index].scrollPos < scrollPanels[index].maxScrollPos) {
                scrollPanels[index].scrollPos = scrollPanels[index].scrollPos + 1;
                moveObj(scrollPanels[index].elements, "", 500, '-=150px', scrollPanels[index]);
                if (scrollPanels[index].scrollPos == Math.ceil(scrollPanels[index].maxScrollPos)) {
                    jQuery(this).addClass(scrollPanels[index].inactiveClass);
                }
                if (scrollPanels[index].scrollPos > 1) {
                    jQuery(scrollPanels[index].scrollLeft).removeClass(scrollPanels[index].inactiveClass);
                }

            }
        });

        jQuery(scrollPanels[index].scrollLeft).click(function() {
            if (scrollPanels[index].scrollPos > 1) {
                scrollPanels[index].scrollPos = scrollPanels[index].scrollPos - 1;
                moveObj(scrollPanels[index].elements, "", 500, '+=150px', scrollPanels[index]);
                if (scrollPanels[index].scrollPos <= 1) {
                    jQuery(this).addClass(scrollPanels[index].inactiveClass);
                }
                if (scrollPanels[index].scrollPos < scrollPanels[index].maxScrollPos) {
                    jQuery(scrollPanels[index].scrollRight).removeClass(scrollPanels[index].inactiveClass);
                }
            }
        });
    });
    
}

function initRelatedProducts() {
    var leftColumn = jQuery("#left-column");
    var rightColumn = jQuery("#right-column");

    if (rightColumn.height() < leftColumn.height())
        rightColumn.height(leftColumn.height());
}


function initLanguageMenu() {
    jQuery("#header #language-menu a").click(function() {
        jQuery(this).hide();
        jQuery(this).parent().find(".input").show().change(function() {
            var selected = jQuery(this).find("option:selected").text();
            jQuery(this).parent().find("a").show().text(selected);
            jQuery(this).hide();
        });
    });
}

function initShareLinks() {

    var url = window.location.href;
    var pageTitle = jQuery("head title").text();

    jQuery(".menu .share .facebook, .action-list .facebook").click(function() {
        var facebookUrl = "http://www.facebook.com/sharer.php?u=" + url;
        facebookUrl += "&t=" + pageTitle;
        window.open(facebookUrl, "Share on Facebook");
    });

    jQuery(".menu .share .myspace, .action-list .myspace").click(function() {
        var myspaceUrl = "http://www.myspace.com/index.cfm?fuseaction=postto&u=" + url;
        myspaceUrl += "&t=" + pageTitle;
        window.open(myspaceUrl, "Share on MySpace");
    });

    jQuery(".menu .share .twitter, .action-list .twitter").click(function() {
        var twitterUrl = "http://twitter.com/home?status=Currently reading" + url;
        window.open(twitterUrl, "Share on twitter");
    });
}

function scrollToSelector(selector) {
    Sys.WebForms.PageRequestManager.getInstance()._scrollPosition = null;
    jQuery(window).scrollTo(jQuery(selector));
    //Sys.WebForms.PageRequestManager.getInstance().remove_endRequest(function() { window.scrollTo(0, 0); });
    //Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() { jQuery(window).scrollTo(jQuery(selector)); });
}
function scrollToTop() {
    Sys.WebForms.PageRequestManager.getInstance()._scrollPosition = null;
    window.scrollTo(0, 0);
    //Sys.WebForms.PageRequestManager.getInstance().remove_endRequest(function() { jQuery(window).scrollTo(jQuery(selector)); });
    //Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() { window.scrollTo(0, 0); });
}

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
var popupBackgroundId = "edit-menu-background";
var popupBoxId = "menu-popup";

//loading popup with jQuery magic!
function loadPopup() {
    //loads popup only if it is disabled
    if (popupStatus == 0) {
        jQuery("#" + popupBackgroundId).show();
        popupStatus = 1;
    }
}

//disabling popup with jQuery magic!
function disablePopup() {
    //disables popup only if it is enabled
    if (popupStatus == 1) {
        jQuery("body #" + popupBackgroundId).remove();
        popupStatus = 0;
    }
}

//centering popup
function centerPopup() {
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var contentHeight = jQuery("body").height();
    var backgroundHeight;

    //centering
    //only need force for IE6

    if (contentHeight < windowHeight)
        backgroundHeight = windowHeight;
    else
        backgroundHeight = contentHeight;

    jQuery("#" + popupBackgroundId).css({
        "height": backgroundHeight,
        "width": windowWidth
    });
}

//Initiates the overlay and displays the edit menu
function initPopup() {
    //Click the button event!
    jQuery(".edit-information-menu .edit-link").click(function() {
        if (!jQuery(this).parent().hasClass("active-menu")) {
            jQuery(this).parent().addClass("active-menu");
            displayPopup(jQuery(this).parent());
        }
        else {
            jQuery(this).parent().removeClass("active-menu");
            disablePopup();
        }
    });
}

function displayPopup(activeMenu) {
    jQuery("body").append("<div id='" + popupBackgroundId + "'></div>");

    //centering with css
    centerPopup();
    //load popup
    loadPopup();

    //Click out event!
    jQuery("#" + popupBackgroundId).click(function() {
        disablePopup();
        activeMenu.removeClass("active-menu");
    });
}

function initSpreadMaxLength(){

    var onEditCallback = function(remaining) {
        if (remaining > 0) {
            jQuery(this).css('background-color', 'white');
        }
    }

	var onLimitCallback = function(){
	    jQuery(this).css('background-color', '#ff7f7f');
	}

	jQuery('.profile-header .comment-input .input textarea').limitMaxlength({
		onEdit: onEditCallback,
		onLimit: onLimitCallback
	});
}


jQuery.fn.limitMaxlength = function(options) {

    var settings = jQuery.extend({
        attribute: "maxlength",
        onLimit: function() { },
        onEdit: function() { }
    }, options);

    // Event handler to limit the textarea
    var onEdit = function() {
        var textarea = jQuery(this);
        var maxlength = 350;
        //var maxlength = parseInt(textarea.attr(settings.attribute));

        if (textarea.val().length > maxlength) {
            textarea.val(textarea.val().substr(0, maxlength));

            // Call the onlimit handler within the scope of the textarea
            jQuery.proxy(settings.onLimit, this)();
        }

        // Call the onEdit handler within the scope of the textarea
        jQuery.proxy(settings.onEdit, this)(maxlength - textarea.val().length);
    }

    this.each(onEdit);

    return this.keyup(onEdit)
				.keydown(onEdit)
				.focus(onEdit);
}