var axis_popular_contentArr = new Array();




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 = '<div style="Position: absolute; width:' + divwidth + '; height:' + divheight + '; top: ' + divtop + 'px; left: ' + divleft + 'px;" id="' + conf['areaname'] + n + '">\n';
		this.html+= conf['scroll_content'][idx] + '\n';
		this.html+= '</div>\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
	}



}
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']		= 170;	

























var dnimages = new Array;
var urls = new Array;
var buttons = new Array;


	dnimages[0] = '/web/upload/img/main1.jpg';
	urls[0] = '#'; /* »ó´Ü¸ÞÀÎÀ̹ÌÁö 1¹ø ¸µÅ©*/
	buttons[0] = '/web/upload/img/ma1_on.gif';
	
	dnimages[1] = '/web/upload/img/main2.jpg';
	urls[1] = '#'; /* »ó´Ü¸ÞÀÎÀ̹ÌÁö 2¹ø ¸µÅ©*/
	buttons[1] = '/web/upload/img/ma2_on.gif';
	
	dnimages[2] = '/web/upload/img/main3.jpg';
	urls[2] = '#'; /* »ó´Ü¸ÞÀÎÀ̹ÌÁö 3¹ø ¸µÅ©*/
	buttons[2] = '/web/upload/img/ma3_on.gif';

         dnimages[3] = '/web/upload/img/main4.jpg';
	urls[3] = '#'; /* »ó´Ü¸ÞÀÎÀ̹ÌÁö 4¹ø ¸µÅ©*/
	buttons[3] = '/web/upload/img/ma4_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];
	}
}



<!--
/********************************************************************
 * ±ä ¹®ÀÚ¿­À» ... »óÅ·Πǥ½ÃÇØ ÁØ´Ù.
 * @param source ´ÙÁßÄ®·³¿¡ µé¾î°¡´Â ¿øº» ¹®ÀÚ¿­
 * @param width  ¹®ÀÚ¿­ÀÌ µé¾î°¡´Â Ä®·³ÀÇ ±æÀÌ
 * @param fontsize  ¹®ÀÚÆùƮũ±â
 * return ...ÀÌ Æ÷ÇÔµÈ ¹®ÀÚ¿­
 ********************************************************************/
function getShortString( source, width, fontsize )
{
	var strSort=null;
	var nLength=0;
	var cTemp;
	var i;
	var strReturn="";
	
	var nFontSize;
	
	// ¸ñ·Ï¿¡¼­ »ç¿ëµÇ´Â fontÀÇ Å©±â¿¡ dependenceÇÑ´Ù.
	nFontSize = fontsize;
	nSize = source.length;
	for( i=0; i< nSize;i++)
	{
		cTemp = source.charCodeAt(i);
		if( cTemp > 255)
			nLength+= 2;
		else
			nLength++;
	
	}
	if( nLength*nFontSize-20 < width ) 
		return source;
	
	nLength = 0;
	var toLength = width/nFontSize;
	for( i=0; i< nSize ; i++ )
	{
		cTemp = source.charCodeAt(i);
		if( cTemp > 255)
			nLength+= 2;
		else
			nLength++;
			
		if( nLength > toLength+5)
		{
			strReturn += "...";
			break;
		}
		else
			strReturn += source.charAt(i);
	}	 
	return strReturn;
}

//-->