var Drag = {

	obj : null,

	init : function(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)
	{
		o.onmousedown	= Drag.start;

		o.hmode			= bSwapHorzRef ? false : true ;
		o.vmode			= bSwapVertRef ? false : true ;

		o.root = oRoot && oRoot != null ? oRoot : o ;

		if (o.hmode  && isNaN(parseInt(o.root.style.left  ))) o.root.style.left   = "0px";
		if (o.vmode  && isNaN(parseInt(o.root.style.top   ))) o.root.style.top    = "0px";
		if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right  = "0px";
		if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";

		o.minX	= typeof minX != 'undefined' ? minX : null;
		o.minY	= typeof minY != 'undefined' ? minY : null;
		o.maxX	= typeof maxX != 'undefined' ? maxX : null;
		o.maxY	= typeof maxY != 'undefined' ? maxY : null;

		o.xMapper = fXMapper ? fXMapper : null;
		o.yMapper = fYMapper ? fYMapper : null;

		o.root.onDragStart	= new Function();
		o.root.onDragEnd	= new Function();
		o.root.onDrag		= new Function();
	},

	start : function(e)
	{
		var o = Drag.obj = this;
		e = Drag.fixE(e);
		var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
		var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
		o.root.onDragStart(x, y);

		o.lastMouseX	= e.clientX;
		o.lastMouseY	= e.clientY;

		if (o.hmode) {
			if (o.minX != null)	o.minMouseX	= e.clientX - x + o.minX;
			if (o.maxX != null)	o.maxMouseX	= o.minMouseX + o.maxX - o.minX;
		} else {
			if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x;
			if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x;
		}

		if (o.vmode) {
			if (o.minY != null)	o.minMouseY	= e.clientY - y + o.minY;
			if (o.maxY != null)	o.maxMouseY	= o.minMouseY + o.maxY - o.minY;
		} else {
			if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y;
			if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;
		}

		document.onmousemove	= Drag.drag;
		document.onmouseup		= Drag.end;

		return false;
	},

	drag : function(e)
	{
		e = Drag.fixE(e);
		var o = Drag.obj;

		var ey	= e.clientY;
		var ex	= e.clientX;
		var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
		var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
		var nx, ny;

		if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);
		if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);
		if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);
		if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);

		nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));
		ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));

		if (o.xMapper)		nx = o.xMapper(y)
		else if (o.yMapper)	ny = o.yMapper(x)

		Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px";
		Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px";
		Drag.obj.lastMouseX	= ex;
		Drag.obj.lastMouseY	= ey;

		Drag.obj.root.onDrag(nx, ny);
		return false;
	},

	end : function()
	{
		document.onmousemove = null;
		document.onmouseup   = null;
		Drag.obj.root.onDragEnd(	parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]), 
									parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"]));
		Drag.obj = null;
	},

	fixE : function(e)
	{
		if (typeof e == 'undefined') e = window.event;
		if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
		if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
		return e;
	}
};

var fatvine ={};
fatvine.getElement = function(id) {
	return document.getElementById(id);
}

fatvine.toggleDropdown = function() {
	var dropdown = this.getElement('fatvinewidget_dropdown_content');
	if (dropdown.style.display == 'none') dropdown.style.display ='block';
	else dropdown.style.display = 'none';
}

fatvine.detectEnter = function(e) {
	if (window.event)
		keycode = e.keyCode; //IE
	else
		keycode = e.which; //Mozilla

	if (keycode == 13 ) {//User hit enter
		var searchbox = this.getElement('fatvinewidget_search_box');
		if (searchbox.value) this.launchSearch(searchbox.value);
	}
}

fatvine.launchSearch = function(text) {
	//TODO: put in launch code here.
	var searchurl = "http://www.realblack.com/?option=com_jam_fv&task=search&userid=&tag=&newcon=0&type=items&ctypes=all&catid=0&subcatid=0&sort=newest&days=0&picks=1&conpicks=&location=&keywords=" + text;
	window.open(searchurl,'_blank','toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes,resizable=yes');
	//alert(searchurl);
}

fatvine.scroll = function (element, scrollPercent) {
	var scrollableHeight = element.scrollHeight - element.offsetHeight;
	element.scrollTop = scrollPercent * scrollableHeight;
}

fatvine.beginScrolling = function(event) {
	fatvine.scrolling=true;
}

fatvine.scrollbarMoved = function(event) {
	if (!fatvine.scrolling) return;
}

fatvine.widgetInit = function() {
	var scrollbar = fatvine.getElement("fatvinewidget_scroll_bar");
	var scrolldiv = fatvine.getElement("fatvinewidget_content");
	Drag.init(scrollbar, null, 165, 165, 5, 89);
	scrollbar.onDrag = function(x, y) {// x, y contains current offset coords of drag
		fatvine.scroll(scrolldiv, (y-5) / 84);
	}
}

var fvcss = '<style type="text/css">'
+ '#fatvinewidget_container {'
+	'width:180px;'
+	'position:relative;'
+ '}'
+ '#fatvinewidget_options {'
+ 'height:30px;'
+ '	background: url(\'http://www.realblack.com/badges/images/dropdown.gif\');'
+ '	position:relative;'
+ '}'
+ '#fatvinewidget_dropdown_button {'
+ '	position:absolute;'
+ '	left:49px;'
+ '	top:6px;'
+ '	width:125px;'
+ '	height:16px;'
+ '	cursor:pointer;'
+ '}'
+ '#fatvinewidget_dropdown_content {'
+ '	position: absolute;'
+ '	left: 50px;'
+ '	top: 44px;'
+ '	background-color: white;'
+ '	margin: 0;'
+ '	padding: 0;'
+ '	width: 120px;'
+ '	border: 1px solid #cccccc;'
+ '	border-top:none;'
+ '	z-index:10;'
+ '}'
+ '#fatvinewidget_dropdown_current {'
+ '	position:absolute;'
+ '	left:55px;'
+ '	top:7px;'
+ '	font-size:8pt;'
+ '	font-family:Helvetica, Verdana, Arial;'
+ '	color:#666666;'
+ '}'
+ '#fatvinewidget_dropdown_content a {'
+ '	display:block;'
+ '	font-size:8pt;'
+ '	font-family:Helvetica, Verdana, Arial;'
+ '	color:#666666;'
+ '	padding-bottom:4px;'
+ '	padding-left:2px;'
+ '	padding-top:2px;'
+ '	width:100%;'
+ '	border-top:1px solid #eeeeee;'
+ '	text-decoration:none;'
+ '}'
+ '#fatvinewidget_dropdown_content a:hover {'
+ '	background-color:#eeeeee;'
+ '	width:auto;'
+ '}'
+ '#fatvinewidget_body {'
+ '	height: 220px;'
+ '	width:180px;'
+ '	position: relative;'
+ '	background: url(\'http://www.realblack.com/badges/images/background_transparent.png\');'
+ '}'
+ '#fatvinewidget_title {'
+ '	height: 22px;'
+ '	width:180px;'
+ '	position: relative;'
+ '}'
+ '#fatvinewidget_search_box {'
+ '	border:none;'
+ '	font-size:8pt;'
+ '	position:absolute;'
+ '	top:197px;'
+ '	left:55px;'
+ '	color:#666666;'
+ '	font-weight:bold;'
+ '	width:115px;'
+ '}'
+ '#fatvinewidget_content {'
+ '	width: 157px;'
+ '	height: 184px;'
+ '	left: 7px;'
+ '	top: 4px;'
+ '	position:absolute;'
+ '	overflow:hidden;'
+ '}'
+ '#fatvinewidget_scroll_bar {'
+ '	height:100px;'
+ '	width:8px;'
+ '	background: url(\'http://www.realblack.com/badges/images/scrollbar.gif\');'
+ '	position: absolute;'
+ '}'
+ '.fatvinewidget_content_item {'
+ '	border-bottom: 1px solid #dbecdb;'
+ '	border-top: 1px solid #cbdecb;'
+ '	width:145px;'
+ '	margin-left:auto;'
+ '	margin-right:auto;'
+ '}'
+ '.fatvinewidget_image_frame {'
+ '	margin-top:10px;'
+ '	width:60px;'
+ '	height:60px;'
+ '	background-color: #85aa85;'
+ '	margin-left:auto;'
+ '	margin-right:auto;'
+ '	cursor:pointer;'
+ '}'
+ 'a.fatvinewidget_content_title {'
+ '	margin-left:auto;'
+ '	margin-right:auto;'
+ '	text-align:center;'
+ '	font-size:8pt;'
+ '	font-weight:bold;'
+ '	margin-top:4px;'
+ '	margin-bottom:4px;'
+ '	color:#506550;'
+ '	font-family:Helvetica, Verdana, Arial, sans-serif;'
+ '	display:block;'
+ '	text-decoration:none;'
+ '}'
+ '.fatvinewidget_external_link {'
+ '	color:#506550;'
+ '	font-size:8pt;'
+ '	font-family:Helvetica, Verdana, Arial, sans-serif;'
+ '	text-align:right;'
+ '	display:block;'
+ '}'
+ '</style>'
+ '<!--[if IE 6]>'
+ '<style>'
+ '.fatvinewidget_image_frame {'
+ '	text-align:center;'
+ '	backgroud-color:black;'
+ '}'
+ '</style>'
+ '<![endif]-->'
+ '<!--[if IE]>'
+ '<style>'
+ '.fatvinewidget_content_item {'
+ '	text-align:center;'
+ '}'
+ '</style>'
+ '<![endif]-->';
document.write(fvcss);



var fvbadge = '<div id="fatvinewidget_container" onMouseUp="fatvine.scrolling=false">'
+ '	<div id="fatvinewidget_dropdown_content" style="display:none" onclick="fatvine.toggleDropdown();">'
+ '		<a href="http://www.realblack.com/?option=com_jam_fv&task=search&userid=&itemid=&keywords=&days=0&picks=0&conpicks=&tag=&newcon=0&type=items&ctypes=all&catid=106&subcatid=854&sort=rating" target="_blank">Most Popular</a>'
+ '		<a href="http://www.realblack.com/?option=com_jam_fv&task=search&userid=&itemid=&keywords=&days=0&picks=0&conpicks=&tag=&newcon=0&type=items&ctypes=all&catid=106&subcatid=854&sort=newest" target="_blank">Latest</a>'
+ '		<a href="http://www.realblack.com/?option=com_jam_fv&task=search&userid=&itemid=&keywords=&days=0&picks=0&conpicks=&tag=&newcon=0&type=members&ctypes=&catid=106&subcatid=854&sort=picks" target="_blank">Similar Members</a>'

+ '	</div>'
+ '	<div id="fatvinewidget_title"><img src="http://www.realblack.com/badges/images/realblack_title_transparent.gif"/></div>'
+ '	<div id="fatvinewidget_options">'
+ '		<div id="fatvinewidget_dropdown_current">Most Popular</div>'
+ '		<div id="fatvinewidget_dropdown_button" onclick="fatvine.toggleDropdown()"></div>'
+ '	</div>'
+ '<div id="fatvinewidget_body">'
+ '	<div id="fatvinewidget_content">'
+ '	</div>'
+ '	<div id="fatvinewidget_scroll_container">'
+ '		<div id="fatvinewidget_scroll_bar" style="left:165px; top:5px;" onMouseDown="fatvine.beginScrolling(event)" onMouseMove="fatvine.scrollbarMoved(event)"></div>'
+ '	</div>'
+ '	<div id="fatvinewidget_search_container">'
+ '		<input id="fatvinewidget_search_box" onkeypress="fatvine.detectEnter(event)" />'
+ '	</div>'
+ '</div>'
+ '<a href="http://www.customerforce.com/essence/" class="fatvinewidget_external_link">get the Essence widget for your site</a>'
+ '</div><script>fatvine.widgetInit();</script>';
document.write(fvbadge);