//반드시 필요한 lib
// jquery-1.6.min.js
// jquery-ui-1.8.12.custom.js
// openPop > 레이어 전용 팝업창 생성 함수 ##################################
// openPop(팝업창 이미지 주소, 팝업명, 넓이, 왼쪽위치, 오른쪽위치, 드래그여부, 오늘하루창 여부, 팝업색상, 팝업선두께, z-index)
// openPop("/Untitled-6.jpg", "pop4", 350, 250, 160, false, true, '#ff0066', '0px');
function openPop(imgSrc, popName, width, left, top, drag, oneday, popColor, popBorder, zIndex)
{
if (document.getElementById(popName)){ alert( "`" + popName + "` 은 이미 선언하신 이름 입니다.\n\n다른 이름값을 넣어 주세요"); return;}
//쿠키가 있을 경우 함수종료
if (oneday && getPopCookie(popName) != null){return;}
popColor = undef(popColor,'#000000');
popBorder = undef(popBorder,'3px');
zIndex = undef(zIndex,100);
//----------------------------------------------------------------------------------
// wrapper
var cssPos = 'absolute'; // 포지션
// dragbox
var dragWidth = width;
var dragHeight = 15;
var dragBgColor = popColor;
// footerbox
var footerWidth = width;
var footerHeight = 15;
var footerBgColor = popColor;
var footerPadding = "5px 0 0 0";
var cookieText = '이 창을 하루동안 보이지 않음';
var closeText = '[닫기]';
//----------------------------------------------------------------------------------
//contbox
var wrapper = document.createElement('div');
$(wrapper)
.attr('id',popName)
.attr('class','popStack')
.css('width',undef(width,0))
.css('left',undef(left,0))
.css('top',undef(top,0))
.css('z-index',zIndex)
.css('border', popBorder +' solid ' + popColor);
var dragbox = document.createElement('div');
$(dragbox)
.attr('id','drag_'+popName)
.css('width',dragWidth)
.css('height',dragHeight)
.css('background',dragBgColor)
.css('text-align', 'right');
// drag가 활성화 되어있을 경우
if (drag)
{
//mouse drag event
$(wrapper).draggable({
handle: $(dragbox),
drag : function(){$(this).css('cursor','move')},
stop : function(){$(this).css('cursor','default')},
stack: "body .popStack",
snap : "body",
containment: "body"
});
}
var contbox = document.createElement('div');
$(contbox)
.css('width',undef(width,0));
$(contbox).html('
');
var footerbox = document.createElement('div');
$(footerbox)
.attr('id','footer_'+popName)
.css('width',footerWidth)
.css('height',footerHeight)
.css('background',footerBgColor)
.css('padding',footerPadding)
.css('text-align', 'right');
if (oneday){$(footerbox).append(cookieText);}
$(footerbox).append(closeText);
//----------------------------------------------------------------------------------
if (drag){$(wrapper).append(dragbox)}; // wrapper에 dragbox 추가
$(wrapper).append(contbox); // wrapper에 contbox 추가
$(wrapper).append(footerbox); // wrapper에 footerbox 추가
$(wrapper).css('position',cssPos)
$('body').append(wrapper);
//----------------------------------------------------------------------------------
}
// undef > undefined 일 경우 대체 값 지정 함수 ########################
function undef(val, cVal)
{
if (val == undefined || val == "")
{
return cVal;
}
else
{
return val;
}
}
// div 제거 함수 ##############################
function closePop(name)
{
$("#"+name).remove();
}
// cookie 값 호출 #############################
function getPopCookie( name )
{
var start = document.cookie.indexOf( name + "=" );
var len = start + name.length + 1;
if ( ( !start ) &&
( name != document.cookie.substring( 0, name.length ) ) )
{
return null;
}
if ( start == -1 ) return null;
var end = document.cookie.indexOf( ";", len );
if ( end == -1 ) end = document.cookie.length;
return unescape( document.cookie.substring( len, end ) );
}
// cookie 값 세팅 #############################
function setPopCookie( name, value, expires, path, domain, secure )
{
var today = new Date();
today.setTime( today.getTime() );
if ( expires )
{
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );
document.cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}