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')
}