(function($) {
		$.fn.mobilyblocks = function(options) {
			var defaults = {
				trigger : "click",
				direction : "clockwise",
				duration : 750,
				zIndex : 10,
				widthMultiplier : 1.2
			};
			var sets = $.extend({
				}, defaults, options);
			return this.each(function() {
					var $t = $(this),
					w = $t.width(),
					h = $t.height(),
					parent = $t.find("ul"),
					list = parent.find("li"),
					size = list.length,
					hov = false,
					dir;
					if(sets.direction == "clockwise") {
						dir = -1
					} else {
						if(sets.direction == "counter") {
							dir = 1
						}
					}
					var socials = {
						init : function() {
							parent.hide().css({
									zIndex : sets.zIndex
								});
							$t.append($("<a />").addClass("trigger").css({
										display : "block",
										position : "absolute",
										zIndex : 1,
										top : 0,
										left : 0,
										width : "100%",
										height : "100%"
									}));
							switch(sets.trigger) {
							case "click": 
								socials.click();
								break;
							case "hover": 
								socials.hover();
								break;
							default : 
								socials.click()
							}
						},
						click : function() {
							var trigger = $t.find("a.trigger");
							trigger.bind("click", function() {
									if($t.hasClass("close")) {
										parent.fadeTo(sets.duration, 0);
										socials.animation.close();
										$t.removeClass("close")
									} else {
										parent.fadeTo(sets.duration, 1);
										socials.animation.open();
										$t.addClass("close")
									}
									return false
								})
						},
						hover : function() {
							var trigger = $t.find("a.trigger");
							trigger.bind("mouseover", function() {
									if(hov == false) {
										parent.fadeTo(sets.duration, 1);
										socials.animation.open();
										$t.addClass("close")
									}
								});
							parent.bind("mouseleave", function() {
									$t.removeClass("close");
									parent.fadeTo(sets.duration, 0);
									socials.animation.close();
									hov = true;
									setTimeout(function() {
											hov = false
										}, 500)
								})
						},
						animation : {
							open : function() {
								socials.ie.open();
								list.each(function(i) {
										var li = $(this);
										var liw = $(li).width();
										var lih = $(li).height();
										li.animate({
												path : new $.path.arc({
														center : [(w - liw) / 2, (h - lih) / 2],
														radius : w * sets.widthMultiplier,
														start : 84,
														end : (240 / size * i) + 84,
														dir : dir
													})
											}, sets.duration)
									});
								list.hover(function() {
										var li = $(this);
										li.css({
												zIndex : sets.zIndex
											}).siblings("li").css({
												zIndex : sets.zIndex - 1
											})
									})
							},
							close : function() {
								list.each(function(i) {
										var li = $(this);
										var liw = $(li).width();
										var lih = $(li).height();
										li.animate({
												top : (h - lih) / 2,
												left : (w - liw) / 2
											}, sets.duration, function() {
												socials.ie.close()
											})
									})
							}
						},
						ie : {
							open : function() {
								if($.browser.msie) {
									list.show()
								}
							},
							close : function() {
								if($.browser.msie) {
									list.hide()
								}
							}
						}
					};
					socials.init()
				})
		}
	}
	(jQuery));
(function($) {
		$.path = {
		};
		$.path.arc = function(params) {
			for(var i in params) {
				this[i] = params[i]
			}
			this.dir = this.dir || 1;
			/*
			while(this.start > this.end && this.dir > 0) {
				this.start -= 360
			}
			while(this.start < this.end && this.dir < 0) {
				this.start += 360
			}
			*/
			this.css = function(p) {
				/*a is the angle*/
				var b = this.start * (p) + this.end * (1 - (p));
				var a = b * 3.1415927 / 180;
				var x = Math.sin(a) * this.radius + this.center[0];
				var y = Math.cos(a) * this.radius + this.center[1];
				return{
					top : y + "px",
					left : x + "px"
				}
			}
		};
		$.fx.step.path = function(fx) {
			var css = fx.end.css(1 - fx.pos);
			for(var i in css) {
				fx.elem.style[i] = css[i]
			}
		}
		
	})(jQuery);