var axis_popular_contentArr = new Array();
axis_popular_contentArr[0] = '';
axis_popular_contentArr[1] = '';
axis_popular_contentArr[2] = '';
axis_popular_contentArr[3] = '';
axis_popular_contentArr[4] = '';
axis_popular_contentArr[5] = '';
axis_popular_contentArr[6] = '';
axis_popular_contentArr[7] = '';
var dnimages = new Array;
var urls = new Array;
var buttons = new Array;
dnimages[0] = '/web/upload/img/main1.jpg';
urls[0] = '/front/php/category.php?cate_no=41';
buttons[0] = '/web/upload/img/view_1_on.gif';
dnimages[1] = '/web/upload/img/main2.jpg';
urls[1] = '/front/php/category.php?cate_no=43';
buttons[1] = '/web/upload/img/view_2_on.gif';
dnimages[2] = '/web/upload/img/main3.jpg';
urls[2] = '/front/php/category.php?cate_no=47';
buttons[2] = '/web/upload/img/view_3_on.gif';
dnimages[3] = '/web/upload/img/main4.jpg';
urls[3] = '/front/php/category.php?cate_no=33';
buttons[3] = '/web/upload/img/view_4_on.gif';
var cliImg = '';
var cliImgSrc = '';
var n = Math.round(Math.random() * 7);
var interval = 5000;
var setTimeId = '';
function blursStop() {
clearTimeout(setTimeId);
}
function blursStart() {
blurs();
}
function chki(ci, no) {
var pImg = document.all.RollImg;
var pUrl = document.all.RollUrl;
if(cliImg == '') {
cliImg = ci;
cliImgSrc = ci.src;
ci.src = buttons[no];
n=no;
pImg.src = dnimages[no];
pUrl.href = urls[no];
} else if(cliImg != ci) {
cliImg.src = cliImgSrc;
cliImg = ci;
cliImgSrc = ci.src;
ci.src = buttons[no];
n=no;
pImg.src = dnimages[no];
pUrl.href = urls[no];
}
}
function blurs() {
n = (n >= 3) ? 0 : n+1;
setimgurl();
setTimeId=setTimeout("blurs()",interval);
}
function setimgurl() {
var ci = eval('document.all.num_img'+n);
document.all.RollImg.filters.blendTrans.apply();
document.all.RollUrl.href=urls[n];
document.all.RollImg.src=dnimages[n];
document.all.RollImg.filters.blendTrans.play();
if(cliImg == '') {
cliImg = ci;
cliImgSrc = ci.src;
ci.src = buttons[n];
} else if(cliImg != ci) {
cliImg.src = cliImgSrc;
cliImg = ci;
cliImgSrc = ci.src;
ci.src = buttons[n];
}
}
if ( typeof( panelAxisRolling ) == 'undefined' ){
/*-------------------------------------
Panel Axis Rolling Original
-------------------------------------*/
var panelAxisRolling = function ( Objnm ){
this.Objnm = Objnm;
this.html;
this.i = 0;
this.scrollconf = new Array();
this.scrollconf['name'] = 'scrollconf'; // 스크롤러환경설정 배열명
this.scrollconf['areaname'] = 'scroll_area'; // 게시물 출력 area 기본명
this.scrollconf['scroll_content'] = new Array(); // 스크롤 게시물
this.scrollconf['axis'] = 'x'; // 스크롤러 롤링 축(x / y)
this.scrollconf['arrow'] = 'lt'; // 스크롤러 롤링 방향(lt / rb)
this.scrollconf['scrollerheight'] = 19; // 스크롤러의 세로
this.scrollconf['total_area'] = 0; // 게시물 출력 area 번호
this.scrollconf['wait_flag'] = true; // ( false:정지 )
this.scrollconf['bMouseOver'] = 1; // 일시 정지 여부( 0:정지 )
this.scrollconf['scrollspeed'] = 3; // Scrolling 속도
this.scrollconf['waitingtime'] = 2400; // 멈추는 시간
this.scrollconf['s_tmp'] = 0; //
this.scrollconf['s_amount'] = this.scrollconf['scrollerheight']; // 게시물 정지점( 스크롤러의 세로값의 1 PLUS 적당 )
this.scrollconf['startPanel'] = 0; // 스크롤할 게시물 배열 시작 Key 번호
this.scrollconf['n_panel'] = 0; // 스크롤 게시물 배열 끝 Key 번호
}
/*-------------------------------------
Panel Axis Rolling Property - action start
-------------------------------------*/
panelAxisRolling.prototype.startscroll = function (){
var conf = this.scrollconf;
conf['s_amount'] = conf['scrollerheight']; // 게시물 정지점( 스크롤러의 세로값의 1 PLUS 적당 )
i = 0;
for ( i in conf['scroll_content'] ) conf['n_panel']++; // 스크롤 게시물 갯수 계산
if ( conf['n_panel'] ){
conf['n_panel'] = conf['n_panel'] -1 ; // 스크롤 게시물 배열 끝 Key 번호로 리셋팅
conf['startPanel'] = Math.round( Math.random()*conf['n_panel'] ); // 스크롤할 게시물 배열 시작 Key 번호 셋팅( 랜덤 방식 )
{ // 스크롤할 게시물 area 삽입
if ( conf['startPanel'] == 0 ){ // 시작 Key 번호가 첫 Key 번호와 동일 한 경우
i = 0;
for ( i in conf['scroll_content'] )
this.insert_area( conf['total_area'], conf['total_area']++ ); // area 삽입
}
else if ( conf['startPanel'] == conf['n_panel'] ){ // 시작 Key 번호가 끝 Key 번호와 동일 한 경우
this.insert_area( conf['startPanel'], conf['total_area']++ );
for ( i = 0; i < conf['startPanel']; i++ )
this.insert_area( i, conf['total_area']++ ); // area 삽입
}
else if ( ( conf['startPanel'] > 0 ) || ( conf['startPanel'] < conf['n_panel'] ) ){ // 시작 Key 번호가 첫 Key 번호 보다 크거나 끝 Key 번호 보다 작을 경우
this.insert_area( conf['startPanel'], conf['total_area']++ );
for ( i = conf['startPanel'] + 1; i <= conf['n_panel']; i++ )
this.insert_area( i, conf['total_area']++ ); // area 삽입
for ( i = 0; i < conf['startPanel']; i++ )
this.insert_area( i, conf['total_area']++ ); // area 삽입
}
}
window.setTimeout( this.Objnm + ".scrolling();", conf['waitingtime'] );
}
}
/*-------------------------------------
Panel Axis Rolling Property - real scrolling
-------------------------------------*/
panelAxisRolling.prototype.scrolling = function (){
var conf = this.scrollconf;
if ( conf['bMouseOver'] && conf['wait_flag'] ){
for ( i = 0; i < conf['total_area']; i++ ){
tmp = document.getElementById( conf['areaname'] + i ).style;
var setPoint;
if ( conf['axis'] == 'x' ){ // 스크롤러 롤링 x축 인 경우
var priorPoint = tmp.top;
}
else { // 스크롤러 롤링 y축 인 경우
var priorPoint = tmp.left;
}
{ // 포인트 계산
if ( conf['arrow'] == 'lt' ){ // LEFT&TOP 방향
setPoint = parseInt( priorPoint ) - conf['scrollspeed'];
if ( parseInt( setPoint ) <= -conf['scrollerheight'] ){
setPoint = conf['scrollerheight'] * ( conf['total_area'] - 1 );
}
}
else { // RIGHT&BOTTOM 방향
setPoint = parseInt( priorPoint ) + conf['scrollspeed'];
if ( parseInt( setPoint ) > ( conf['scrollerheight'] * ( conf['total_area'] - 1 ) ) ){
setPoint = -conf['scrollerheight'] + 1;
}
}
}
if ( conf['axis'] == 'x' ){ // 스크롤러 롤링 x축 인 경우
tmp.top = setPoint;
}
else { // 스크롤러 롤링 y축 인 경우
tmp.left = setPoint;
}
if( parseInt( setPoint ) % conf['scrollerheight'] == 0 ){
conf['wait_flag'] = false;
window.setTimeout( this.Objnm + "." + conf['name'] + "['wait_flag']=true;" + this.Objnm + "." + conf['name'] + "['s_tmp']=0;", conf['waitingtime'] );
}
} // end for
}
window.setTimeout( this.Objnm + ".scrolling();", 1 );
}
/*-------------------------------------
Panel Axis Rolling Property - area 삽입
idx : 스크롤 게시물 번호
n : 게시물 출력 area 번호
-------------------------------------*/
panelAxisRolling.prototype.insert_area = function ( idx, n ){
var conf = this.scrollconf;
if ( conf['axis'] == 'x' ){ // 스크롤러 롤링 x축 인 경우
var divwidth = '100%';
var divheight = conf['scrollerheight'];
var divtop = ( eval( conf['scrollerheight'] ) * n );
var divleft = '0';
}
else { // 스크롤러 롤링 y축 인 경우
var divwidth = conf['scrollerheight'];
var divheight = '100%';
var divtop = '0';
var divleft = ( eval( conf['scrollerheight'] ) * n );
}
this.html = '\n';
this.html+= conf['scroll_content'][idx] + '\n';
this.html+= '
\n';
document.write( this.html );
}
/*-------------------------------------
Panel Axis Rolling Property - 배열 정렬
-------------------------------------*/
panelAxisRolling.prototype.sortSet = function ( a, b ){ return b - a }
/*-------------------------------------
Panel Axis Rolling Property - 방향 전환
arrow : 스크롤러 롤링 방향(lt / rb)
-------------------------------------*/
panelAxisRolling.prototype.arrow_invert = function ( arrow ){
var conf = this.scrollconf;
conf['arrow'] = ( arrow == 'lt' ? 'lt' : 'rb' );
{ // RIGHT&BOTTOM 방향 일 때 사용 할 최대 위치 Point 계산
if ( conf['total_area'] > 0 ){
var tmpPoints = new Array();
for ( i = 0; i < conf['total_area']; i++ ){
tmp = document.getElementById( conf['areaname'] + i ).style;
if ( conf['axis'] == 'x' ){
tmpPoints[i] = parseInt( tmp.top );
}
else {
tmpPoints[i] = parseInt( tmp.left );
}
}
tmpSort = tmpPoints.sort( this.sortSet );
maxPoints = tmpSort[0];
}
else {
maxPoints = 0;
}
}
for ( i = 0; i < conf['total_area']; i++ ){
tmp = document.getElementById( conf['areaname'] + i ).style;
var setPoint;
if ( conf['axis'] == 'x' ){ // 스크롤러 롤링 x축 인 경우
var priorPoint = tmp.top;
}
else { // 스크롤러 롤링 y축 인 경우
var priorPoint = tmp.left;
}
{ // 포인트 계산
if ( conf['arrow'] == 'lt' ){ // LEFT&TOP 방향
if ( parseInt( priorPoint ) <= 0 ){
setPoint = conf['scrollerheight'] * ( conf['total_area'] - 1 );
}
else if ( parseInt( priorPoint ) <= conf['scrollerheight'] ){
setPoint = 0;
}
else if ( parseInt( priorPoint ) % conf['scrollerheight'] == 0 ){
gap = parseInt( priorPoint ) - conf['scrollerheight'];
setPoint = gap - ( gap % conf['scrollerheight'] );
}
else {
gap = parseInt( priorPoint );
setPoint = gap - ( gap % conf['scrollerheight'] );
}
if( parseInt( priorPoint ) % conf['scrollerheight'] != 0 ){
setPoint = parseInt ( setPoint ) + 1;
}
}
else { // RIGHT&BOTTOM 방향
if ( maxPoints >= ( conf['scrollerheight'] * ( conf['total_area'] - 1 ) ) ){
if ( parseInt( priorPoint ) >= ( conf['scrollerheight'] * ( conf['total_area'] - 1 ) ) ){
setPoint = 0;
}
else if ( parseInt( priorPoint ) >= ( conf['scrollerheight'] * ( conf['total_area'] - 2 ) ) ){
setPoint = -conf['scrollerheight'];
}
else {
gap = parseInt( priorPoint ) + conf['scrollerheight'];
setPoint = gap - ( gap % conf['scrollerheight'] );
}
}
else {
if ( parseInt( priorPoint ) < 0 ){
setPoint = 0;
}
else if ( parseInt( priorPoint ) > ( conf['scrollerheight'] * ( conf['total_area'] - 1 ) ) ){
setPoint = -conf['scrollerheight'];
}
else {
gap = parseInt( priorPoint ) + conf['scrollerheight'];
setPoint = gap - ( gap % conf['scrollerheight'] );
}
}
if( parseInt( priorPoint ) % conf['scrollerheight'] != 0 ){
setPoint = parseInt ( setPoint ) - 1;
}
} // end if
}
if ( conf['axis'] == 'x' ){ // 스크롤러 롤링 x축 인 경우
tmp.top = setPoint;
}
else { // 스크롤러 롤링 y축 인 경우
tmp.left = setPoint;
}
} // end for
}
}
/*------------------------------------------------------------------------------
호출예제
| ◀ |
axis_hotRolling.startscroll();
|
▶ |
------------------------------------------------------------------------------*/
function diplayDynamicObjectforSkin(_objPath_,w,h)
{
var _object_ = "";
_object_= '';
document.write(_object_);
}
var axis_popular_hotRolling = new panelAxisRolling( 'axis_popular_hotRolling' );
axis_popular_hotRolling.scrollconf['areaname'] = 'axis_popular_scroll_area'; // 게시물 출력 area 기본명
axis_popular_hotRolling.scrollconf['scroll_content'] = axis_popular_contentArr; // 스크롤 게시물
axis_popular_hotRolling.scrollconf['axis'] = 'y'; // 스크롤러 롤링 축(x / y)
axis_popular_hotRolling.scrollconf['arrow'] = 'lt'; // 스크롤러 롤링 방향(lt / rb)
axis_popular_hotRolling.scrollconf['scrollerheight'] = 150 ; // 스크롤러의 세로
