jQuery.fn.addHover = function() {
    return this.hover(
        function(){ jQuery(this).addClass("hover"); },
        function(){ jQuery(this).removeClass("hover"); }
    )
};

jQuery.fn.bubble = function(top, left) {
	var bubble = null;
	var body = null;
	var _created = false;
	
    this.each(
        function() {
            this._title = this.title;
            this.removeAttribute("title");
        }
    );
    
	this.hover(
	    function() {
	        if (!_created) {
            	$(document.body).append("<div id=\"status-bubble\"><div></div></div>");
            	bubble = $("div#status-bubble");
            	body = bubble.find("div");
            	_created = true;
	        }
	        var offset = getOffset(this);
	        var txt = $(this).find("div.bubble").html() || this._title.replace(",", "<br/>");
	        
        	body.html(txt);
        	h = bubble.get(0).offsetHeight;
        	bubble.css({
        	    top: (offset[1] + top - h + 10) + "px",
       	        left: (offset[0] + left - 120) + "px",
        	    visibility: "visible"
        	});
		},
		function() {
		    bubble.css("visibility", "hidden");
		}
	);
};

jQuery.fn.location = function () {
    var f = this;
    $("a#set-location").click(
        function () {
            $(this).parent().hide();
            f.show();
            $("input#loc", f)[0].focus();
            return false;
        }
    );
    this.submit( function () {
        $.ajax({
            type: "POST",
            url: this.action,
            data: $("input", this).serialize(),
            success: function(res){
                var current = $("span#current-location");
                if (current.length) {
                    var loc = $("input#loc").attr("value");
                    $("span#current-location").html(loc);
                }
                else {
                    var l = $("a#set-location");
                    l.html("Change");
                    l.before("<span id=\"current-location\">" + $("input#loc").attr("value") + "</span> | ");
                }
            }});
        f.hide();
        $("a#set-location").parent().show();
        $("span.loader", this).hide();
        $("input[@type=submit]").show();
        return false;
    });
}

var counter = {
    el : null,
    button : null,
    target: null,
    re : new RegExp(/^\s*|\s*$/g),
    count: function () {
        var value = counter.el.value;
        var count = value.length;
        if (140 - count > 1) {
            str = (140 - count) + " characters left";
        }
        else if (140 - count > 0) {
            str = "1 character left";
        }
        else {
            str = "No characters left";
        }
        var ok = (count > 0 && count < 141) && (value.replace(counter.re,"") != counter.el._value);
        counter.button.disabled = !ok;
        counter.target.nodeValue = str;
    }
};

jQuery.fn.presence = function() {
    var msg = $("textarea#message", this);
    var submit = $(this).find("input[@type=submit]");
    var interval = null;
    var el = this;

    submit.attr("disabled", true);

    // Init selectable icons
    this.icons();
    
    // Message input
	msg.get(0)._value = msg.attr("value");
	msg.one("focus", function () {
		this.value = "";
	    $(this).css({color: "#000"});
	});
	msg.focus( function () {
	    $(this).css({color: "#000"});
        counter.el = this;
        counter.button = submit.get(0);
        counter.target = $("p#counter").get(0).firstChild;
        interval = window.setInterval(counter.count, 500);
	});
	msg.blur( function () {
	    if (interval)
	        window.clearInterval(interval);
	});

	msg.keypress(function (e) {
	    var key = e.which ? e.which : e.keyCode;
	    if (key == 13) {
	        el.submit();
	        e.preventDefault(); 
	    }	    
	});

    this.submit( function () {
        if (submit.attr("disabled")) {
            submit.show();
            $("span.loader", this).hide();
            submit.attr("disabled", true);
            return false;
        }

        // Get location
        var loc = $("input#loc");
        if (loc.length > 0)
            $("input#location").attr("value", loc.attr("value"));
        if (window.location.search.indexOf("?page") == 0) {
            return;
        }
        $.ajax({
            type: "POST",
            url: this.action,
            data: $("textarea, input, select", this).serialize(),
            success: function(res){
                var tmp = document.createElement("div");
                tmp.innerHTML = res;
                var item = $("li", tmp);
                item.css("display", "none");
                
                if (item.size() > 0) {
                    var f = $("div#stream li.date:first");
                    if (f.length) {
                        $("div#stream li.date:first").after(item);
                    }
                    else {
                        var ul = document.createElement("ul");
                        ul.className = "stream";
                        $("div#stream p:first").remove();
                        $("div#stream").prepend(ul);
                        $("div#stream ul").append(item);
                    }
                    item.toggle();
        		} else {
        		    alert("Hmm. Something went wrong.")
        		}
    			submit.show();
    			$("span.loader", this).hide();
                submit.attr("disabled", true);
            }});
        msg.get(0)._value = msg.attr("value");
		msg.get(0).blur();
        msg.css({color: "#ccc"});
        return false;
    });
};

jQuery.fn.spy = function () {
    var stream = this;
    var timer = window.setInterval(
        function() {
            $.get(window.location.href,
                function (res) {
                    stream.find("ul").remove();
                    stream.append(res);
                })
            }, 1000 * 30);
};

jQuery.fn.toggleable = function (other) {
    var other = other;
    var el = this;

    $("a[_40href=#" + this.attr("id") + "]").click(
        function () {
            if (el.css("display") == "none") {
                if (other) $(other).hide();
                el.show();
            }
            else {
                if (other) $(other).show();
                el.hide();
            }
        }
    )
};

jQuery.fn.toggleSelection = function (elements, select) {
    var els = $(elements);
    this.click(
        function () {
            els.attr("checked", select ? true : false);
            return false;
        }
    );
};

jQuery.fn.icons = function () {
    var opener = $("a#add-icons", this);
    var container = null;
    var current = null;
    var el = this;

    // Show and hide 
    opener.toggle(
        function(){
            if (!container) {
                var html = ["<div id=\"form-icons\">"];
                $("option", el).each(
                    function() {
                        if (this.value != "") {
                            html.push("<label for=\"icon-" + this.value + "\" title=\"" + this.title + "\">");
                            html.push("<img src=\"images/icons/" + this.id + "\" class=\"icon\" alt=\"" + this.text + "\" />");
                            if (this.title != "")
                                html.push("<h4> "+ this.title+" </h4>")
                            html.push("</label>");
                        }
                    }
                );
                html.push("</div>");
                el.append(html.join(""));

                container = $("div#form-icons");
                $("textarea#message").before("<img id=\"current-photo\" class=\"icon\"/>");
                current = $("img#current-photo").hide();
                current.click(function () {opener.click()});
                $("label", container).click(
                    function () {
                		var val = $(this).attr("for").replace("icon-","");
                		var title = this.title;
                		var index = 0;

                		$("select#icon>option").each( function (i) {
                		    if (this.value == val) index = i;
                		});
                		$("select#icon").get(0).selectedIndex = index;

                		$("label", container).removeClass("selected");
                		$(this).addClass("selected");

                		current.attr("src", $(this).find("img").get(0).src);
                		current.css({display: 'inline'});
                		current.click();

                		var msg = $("textarea#message");
                		msg.css({width: '349px'})
                		if (msg.size() > 0) {
                		    el = msg.get(0);
                		    if (el._first) {
                		        el.value = this.title;
                		        el._first = null;
                		    }
                			el.focus();
                		}
            	    }
            	);
            }
		    container.show();
		    $(document.body).bind("click", function () { current.click();});
	    }, function(){
    		container.hide();
    		$(document.body).unbind("click");
    	}
    );
};

jQuery.fn.avatars = function () {
    var container = this;
    var current = $("img#current");
    var save = $("button[_40type='submit']");

	$("label", container).click(
	    function (e) {
        	var src = $("img", this).attr("src");
    	
        	$("li", container).removeClass("selected");
        	$(this).parent().addClass("selected");
        	
        	$(this).parent().find("input").get(0).checked = true;
       	    current.attr("src", src);
       	    save.attr("class", "active");
        	e.preventDefault();
	    }
	);
};

jQuery.fn.ajaxify = function () {
    this.click(
        function () {
            var el = $(this).parent();
            el.html("loading...");

            $.ajax({
                type: "GET",
                url: this.href,
                success: function(res) {
                    el.html(res);
                }
            });

            return false;
        }
    );
};

jQuery.fn.confirm = function () {
    this.click(
        function () {
            this.href = this.href + "!ly=1";
            return window.confirm("Are you sure you want to " + this.title.toLowerCase() + "?");
        }
    );
};

jQuery.fn.setAccordion = function () {
    var container = this;
    var links = container.find("li>a");
    container._current = null;
    links.click (
        function () {
            var open = this.hash.substring(1, this.hash.length);
            if (container._current == open) {
                $("div#" + container._current).removeClass("current");
                container.find("ul li").removeClass("current");
                container.removeClass("open"); 
                container._current = null;
                return false;
            }
            else if (container._current){
                $("div#" + container._current).removeClass("current");
            }
            $("div#" + open).addClass("current").find("input[_40type='text'], input[@type='file'], textarea").get(0).focus();
            container.find("ul li").removeClass("current");
            $(this.parentNode).addClass("current");
            container._current = open;
            container.addClass("open");  
            return false;
        }
    );
};

jQuery.fn.toggleCheckbox = function () {
    var all = $(this.form).find("input[_40name=" + this.attr("name") + "]");
    var el = this;
    this.click(
        function () {
            var checked = this.checked;
            all.each(function() {
                this.checked = false;
            });
            this.checked = checked ? true : false;
        }
    );
};

jQuery.fn.poll = function (frwd) {
    var current = window.location.href;
    var interval = window.setInterval(
        function () {
            $.ajax({
                type: "GET",
                url: current,
                dataType: "json",
                success: function(res) {
                    if (res.result)
                        if (frwd)
                            window.location.href = frwd;
                        else 
                            window.location.reload();
                }
            });
        }, 2500);
};

jQuery.fn.setTabs = function () {
    var container = this;
    var tabs = container.find("li>a");
    tabs.click(
        function () {
            var tab = this.hash.substring(1, this.hash.length);
            $("div#" + container._current).removeClass("current");
            $("div#" + tab).addClass("current");
            container.find("ul li").removeClass("current");
            $(this.parentNode).addClass("current");
            container._current = tab;
            return false;
        }
    );
    container._current = this.find("div.current").attr("id");
};

jQuery.fn.forms = function () {
    var btn = $("input[@type=submit]", this);
    btn.parent().prepend("<span class=\"loader\" title=\"Sending...\"> </span>");
	
	this.bind("submit",
	    function() {
			$("input[@type=submit]", this).hide();
			$("span.cancel", this).hide();
			$("span.loader", this).show();
	    }
	);
	
	this.each(
	    function() {
            // Some special cases
            switch (this.id) {
                case "loginform":
                    $("input[@type=text]", this).get(0).focus();
                    break;
                case "signup":
                    $("input[@type=text]", this).get(0).focus();
                    var pwd = $("input#password");
            		pwd.parent().append("<div id=\"pwstatus\"></div");
            		pwd.bind("keyup", function () {
            			analyseAccountPassword();
            		});
                    break;
                case "form-location":
                    $(this).location();
                    break;
                case "form-avatar":
                    $("div.avatars", this).avatars();
                    var a = $("a#toggle");
                    if (a.size() > 0) {
                        $("div.form-fields").hide();
                        $("a#toggle").click(
                            function () {
                                $("div#account-form div.form-fields").show();
                                $(this).hide();
                                return false;
                            }
                        );
                    }
                    break;
            }

            switch (this.parentNode.id) {
                case "form-message":
                    $(this).presence();
                    break;
            }
	    }
	);
};

$(document).ready(function() {
	// Main navigation hovers for IE
    if ( jQuery.browser.msie)
        $("ul#main-nav>li").addHover();
	
	var body = document.body;
	var bg = $(body).css("background-color");
	var mobile = ((bg == "#ffffff") || (bg == "rbg(255,255,255)"));
    
	if (!mobile) {
    	// Common forms stuff
    	$("form").forms();

    	// Bubbles
    	var sb = $("div#sidebar");
    	if (sb.length)
	        sb.find("div#contacts>ul>li").bubble(0, -18);

    	// Delete confirmation links
    	$("a.confirm-delete").confirm();

    	// Ajaxified links
    	$("a.ajaxify").ajaxify();

        $("div.tabs").setTabs();
        
        $("div.accordion").setTabs();
        
    	$("form#change-number").toggleable("div#activation, div#activated");

        if (body.id == "welcome" || body.id == "contacts") {
            $("a#select-all").toggleSelection("input[_40name='actor[]'], input[@name='email[]']", true);
            $("a#select-none").toggleSelection("input[_40name='actor[]'], input[@name='email[]']", false);
        }
        
        if (body.id == "settings" && $("ul#badges").length) {
            initBadges();
        }    

    	// Delete confirmation links
    	$("input#only-channel, input#only-user").toggleCheckbox();
    	
//    	if (body.id == "overview")
//    	    $("div#stream").spy();
    }
});

/* Helper */

if (!Array.prototype.indexOf) {
	Array.prototype.indexOf = function (obj, fromIndex) {
		if (fromIndex == null) {
			fromIndex = 0;
		} else if (fromIndex < 0) {
			fromIndex = Math.max(0, this.length + fromIndex);
		}
		for (var i = fromIndex; i < this.length; i++) {
			if (this[i] === obj)
				return i;
		}
		return -1;
	};
}

/* Some old stuff */

var pwMinLen = 6;
var pwOkLen = 8;
var pwCut = 10;

function passwordStrength(pw, bans) {
    var points = 0;
    if(pw.length > 0) {
        if(pw.length >= pwMinLen) {
            pw = pw.substr(0, pwCut);
            var tpw = pw.toLowerCase();

            points = 1;
            var banned = false;
            for(var i = 0; i < bans.length; i++) {
                if(tpw.indexOf(bans[i].substr(0, pwCut).toLowerCase()) != -1) {
	                banned = true;
                    break;
                }
            }
            
            if(!banned) {
                if(pw.length >= pwOkLen) {
                    points++;
                }
                if(pw.toLowerCase() != pw && pw.toUpperCase() != pw) {
                    points++;
                }
                if(pw.search(/[0-9]/) != -1 && pw.search(/[A-Za-z]/) != -1) {
                    points++;
                }
                if(pw.search(/[^0-9A-Za-z]/) != -1) {
                    points++;
                }
                if(points > 4) {
                    points = 4;
                }
            }
        }
    }
    else {
        points = -1;
    }
    return points;
}

function analyseAccountPassword(ret) {
	var pw = document.getElementById("password").value;
	var pwstatus = document.getElementById("pwstatus");
	if(pwstatus || ret) {
		ban = new Array();
		var tmp = document.getElementById("nick");
		if(tmp && tmp.value) {
			ban.push(tmp.value);
		}
		tmp = document.getElementById("email");
		if(tmp && tmp.value) {
			ban.push(tmp.value);
		}
		tmp = document.getElementById("first_name");
		if(tmp && tmp.value) {
			ban.push(tmp.value);
		}
		tmp = document.getElementById("last_name");
		if(tmp && tmp.value) {
			ban.push(tmp.value);
		}
		tmp = document.getElementById('city');
		if(tmp && tmp.value) {
			ban.push(tmp.value);
		}

		var points = passwordStrength(pw, ban);
		pwstatus.style.backgroundPosition = '0px ' + ((-points * 20) - 20)+ 'px';
		if(ret) {
			return points;
		}
	}
}

function checkPassword(pw) {
  if(pw.length < 8) {
    return false;
  }
  if(pw.search(/[A-Z]/) == -1) {
    return false;
  }
  if(pw.search(/[a-z]/) == -1) {
    return false;
  }
  if(pw.search(/[0-9]/) == -1) {
    return false;
  }
  return true;
}


function getFieldValue(id) {
  var field = document.getElementById(id);
  if(field && field.value) {
    return field.value;
  }
  return '';
}

function getOffset(o) {
    var top = 0, left = 0;
    while (o.offsetParent) {
        top += o.offsetTop  || 0;
        left += o.offsetLeft || 0;
        o = o.offsetParent;
    };
    return [left, top];
}