var $parent=$(this).parent()
var $wrapper=$(this).next()
var $target=$parent.find('.-content')

$('.sg-dropbox.click').not($(this).parent()).each(function() {
	$(this).children('div').hide()
});
if ($parent.data('type')=='box') {
	$parent.css('display',"block").addClass('active')
	if ($parent.data('url')!=undefined) {
		$target.html('กำลังโหลด....')
		$wrapper.show()
		$.get($parent.data('url'),function(html) {
			$target.html(html)
		});
	} else $wrapper.show()

} else if ($parent.data('type')=='click') {
	$wrapper.show()
} else $wrapper.toggle()
var offset=$(this).offset()
var width=$wrapper.width()
var docwidth=$(document).width()
var right=0
if (offset.left+width>docwidth) {
	var right=docwidth-offset.left-$(this).width()-8;//offset.left
	$wrapper.css({'rightside':right+"px"})
}
//notify("left: " + offset.left + ", top: " + offset.top+", width="+width+", document width="+docwidth+", right="+right)
	return false
})
.on('click','body', function(e) {
$('.sg-dropbox.click').children('div').hide()
//notify(e.target.className)
if ($(e.target).closest('.sg-dropbox.box').length===0) {
	$('.sg-dropbox.box').children('div').hide()
	$('.sg-dropbox.box.active').removeClass('active')
}