/*=======  자바 스크립트 파일 (rolling.js)=================================

#간단설명
<div><img /><img /></div>
라고 했을 경우 div안의 img를 위,오른쪽,아래,왼쪽으로 롤링 시킨다.

 


# 사용법
<script type="text/javascript" charset='utf-8' src="js_rolling.js"></script>
//JS스크립트 로드

<div id='div1'><img /><img /><img /><img /><img /></div>
//처럼 구성후 div의 너비와 높이는 꼭 정해주기 바랍니다.
<div>
 <div>1<img />etc</div>
 <div>2</div>
 <div>3</div>
 <div>4</div>
</div>
이렇게 구성할 경우 방향은 위,아래로만 가능합니다


var roll = new js_rolling('rolling');
or
var roll = new js_rolling(document.getElementById('rolling'));
// id이름을 적던지, 직접 대상을 지목해서 롤링 클래스로 객체를 만듬

roll.set_direction(4); // 방향을 바꿈. 1: top, 2:right, 3:bottom 4:left 그외의 경우 동작안함
roll.move_gap = 1; //움직이는 픽셀단위
roll.time_dealy = 10; //움직이는 타임딜레이
roll.time_dealy_pause = 5000;//하나의 대상이 새로 시작할 때 멈추는 시간, 0 이면 적용 안함
roll.start(); //롤링 동작

roll.move_up(); //위로 한번 롤링 (방향이 top,botton일때만 동작)
roll.move_right(); //오른쪽으로 한번 롤링(방향이 right,left일때만 동작)
roll.move_down(); //아래로 한번 롤링(방향이 top,botton일때만 동작)
roll.move_left(); //왼쪽으로 한번 롤링(방향이 right,left일때만 동작)

#주의
방향이 top,bottom일 경우 내부 태그는 block요소(div)로
방향이 left,right일 경우 내부태그는 inline요소(a,span)으로
해수세요.
FF에서 top,bottom의 경우 inline요소일 경우 offsetHeight를 잘못알아옵니다.


========================================*/

var js_rolling = function(this_s){
 // 시간단위는 ms로 1000이 1초
 if(this_s.nodeType==1){
  this.this_s = this_s;
 }else{
  this.this_s = document.getElementById(this_s);
 }
 this.is_rolling = false;
 this.direction = 1; //1:top, 2:right, 3:bottom, 4:left (시계방향) // 1번과 4번만 됨
 this.children = null;
 this.move_gap = 1; //움직이는 픽셀단위
 this.time_dealy = 10; //움직이는 타임딜레이
 this.time_dealy_pause = 5000;//하나의 대상이 새로 시작할 때 멈추는 시간, 0 이면 적용 안함
 this.time_timer=null;
 this.time_timer_pause=null;
 this.mouseover=false;
 this.init();
 this.set_direction(this.direction);
}
js_rolling.prototype.init = function(){
 this.this_s.style.position='relative';
 this.this_s.style.overflow='hidden';
 //this.this_s.style.zindex=2;
 var children = this.this_s.childNodes;
 for(var i=(children.length-1);0<=i;i--){
  if(children[i].nodeType==1){
   children[i].style.position='relative';
  }else{
   this.this_s.removeChild(children[i]);
  }
 }
 var this_s=this;
 this.this_s.onmouseover=function(){
  this_s.mouseover=true;
  if(!this_s.time_timer_pause){
   this_s.pause();
  }
 }
 this.this_s.onmouseout=function(){
  this_s.mouseover=false;
  if(!this_s.time_timer_pause){
   this_s.resume();
  }
 } 
}
js_rolling.prototype.set_direction = function(direction){
 this.direction=direction;
 if(this.direction==2 ||this.direction==4){
  this.this_s.style.whiteSpace='nowrap';
 }else{
  this.this_s.style.whiteSpace='normal';
 }
 var children = this.this_s.childNodes;
 for(var i=(children.length-1);0<=i;i--){
   if(this.direction==1){
    children[i].style.display='block';
   }else if(this.direction==2){
    children[i].style.textlign='right';
    children[i].style.display='inline';
   }else if(this.direction==3){
    children[i].style.display='block';
   }else if(this.direction==4){
    children[i].style.display='inline';
   }
 }
 this.init_element_children(); 
}
js_rolling.prototype.init_element_children = function(){
 var children = this.this_s.childNodes;
 this.children = children;
 for(var i=(children.length-1);0<=i;i--){
   if(this.direction==1){
    children[i].style.top='0px';
   }else if(this.direction==2){
    children[i].style.left='-'+this.this_s.firstChild.offsetWidth+'px';
   }else if(this.direction==3){
    children[i].style.top='-'+this.this_s.firstChild.offsetHeight+'px';
   }else if(this.direction==4){
    children[i].style.left='0px';
   }
 }
}
js_rolling.prototype.act_move_up = function(){
 for(var i = 0,m=this.children.length;i<m;i++){
  var child = this.children[i];
  child.style.top=(parseInt(child.style.top)-this.move_gap)+'px';
 }
 if((this.children[0].offsetHeight+parseInt(this.children[0].style.top))<=0){
  this.this_s.appendChild(this.children[0]);
  this.init_element_children();
  this.pause_act();  
 }
}
js_rolling.prototype.move_up = function(){
 if(this.direction!=1&&this.direction!=3){return false;}
 this.this_s.appendChild(this.children[0]);
 this.init_element_children();
 this.pause_act(); 
}
js_rolling.prototype.act_move_down = function(){
 for(var i = 0,m=this.children.length;i<m;i++){
  var child = this.children[i];
  child.style.top=(parseInt(child.style.top)+this.move_gap)+'px';
 }
 if(parseInt(this.children[0].style.top)>=0){
  this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild);
  this.init_element_children();
  this.pause_act(); 
 }
}
js_rolling.prototype.move_down = function(){
 if(this.direction!=1&&this.direction!=3){return false;} 
 this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild);
 this.init_element_children();
 this.pause_act();
}
js_rolling.prototype.act_move_left = function(){
 for(var i = 0,m=this.children.length;i<m;i++){
  var child = this.children[i];
  child.style.left=(parseInt(child.style.left)-this.move_gap)+'px';
 }
 if((this.children[0].offsetWidth+parseInt(this.children[0].style.left))<=0){
  this.this_s.appendChild(this.this_s.firstChild);
  this.init_element_children();
  this.pause_act();  
 }
}
js_rolling.prototype.move_left = function(){
 if(this.direction!=2&&this.direction!=4){return false;}  
 this.this_s.appendChild(this.this_s.firstChild);
 this.init_element_children();
 this.pause_act();  
}
js_rolling.prototype.act_move_right = function(){
 for(var i = 0,m=this.children.length;i<m;i++){
  var child = this.children[i];
  child.style.left=(parseInt(child.style.left)+this.move_gap)+'px';
 }
 
 if(parseInt(this.this_s.lastChild.style.left)>=0){
  this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild);
  this.init_element_children();
  this.pause_act();  
 }
}
js_rolling.prototype.move_right = function(){
 if(this.direction!=2&&this.direction!=4){return false;}   
 this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild);
 this.init_element_children();
 this.pause_act();
}
js_rolling.prototype.start = function(){ //롤링 시작
 var this_s = this;
 this.stop(); 
 //this.pause_act();  
 this.is_rolling = true;
 var act = function(){
  if(this_s.is_rolling){
   if(this_s.direction==1){this_s.act_move_up();}
   else if(this_s.direction==2){this_s.act_move_right();}
   else if(this_s.direction==3){this_s.act_move_down();}
   else if(this_s.direction==4){this_s.act_move_left();}
  }
 }
 this.time_timer = setInterval(act,this.time_dealy);
}
js_rolling.prototype.pause_act = function(){ //일시 동작
 if(this.time_dealy_pause){
  var this_s = this;
  var act = function(){this_s.resume();this_s.time_timer_pause=null;}
  if(this.time_timer_pause){clearTimeout(this.time_timer_pause);}
  this.time_timer_pause = setTimeout(act,this.time_dealy_pause);
  this.pause();
 }
}
js_rolling.prototype.pause = function(){ //일시 멈춤
 this.is_rolling = false;
}
js_rolling.prototype.resume = function(){ //일시 멈춤 해제
 if(!this.mouseover){
  this.is_rolling = true;
 }
}
js_rolling.prototype.stop = function(){ //롤링을 끝냄
 this.is_rolling = false;
 if(!this.time_timer){
  clearInterval(this.time_timer);
 }
 this.time_timer = null
}


// Forum의 Icon 관련 Function들임-Start

function f_Iconload() {
    
    var theDiv = document.getElementById("innerIcon");
    var lsTemp;


    if (theDiv != null) { 
        
        
        lsTemp = "<table border='0px' cellpadding='0px' cellspacing='0px' ><tr>";

        for (var i = 1; i <= 100; i++) {

            if (((i-9) % 9) == 1) lsTemp = lsTemp + "</tr><tr>";

            lsTemp = lsTemp + "<td height='65px'><img src='App_Themes/dashCommerce/images/arbitar/ph" + Right("000" + i, 3) + ".gif' width='55px' height='55px'><input type='radio' name='icons' tagname='icons2'  value='ph" + Right("000" + i, 3) + "'  onclick='f_Showicon()' style='margin-right:10px;'></td>";
        }

        lsTemp = lsTemp + "</tr></table>";
        
        theDiv.innerHTML = lsTemp;
        /*alert(lsTemp);
        */
        
        var children2 = document.getElementsByName("icons");

        for (var j = 0; j < children2.length; j++) {
            if (children2[j].checked) document.images["imgIcon2"].src = "App_Themes/dashCommerce/images/arbitar/" + children2[j].value + ".gif";
        }

    }


}


function f_Showicon() {

    var children2 = document.getElementsByName("icons");

    for (var j = 0; j < children2.length; j++) {
        if (children2[j].checked) {
            document.images["ctl00_ContentPlaceHolder2_imgIcon"].src = "App_Themes/dashCommerce/images/arbitar/" + children2[j].value + ".gif";
            (document.getElementById("ctl00_ContentPlaceHolder2_iconSrc")).value = "App_Themes/dashCommerce/images/arbitar/" + children2[j].value + ".gif";            
        }
    }
    
}


function Right(str, n) {

    if (n <= 0)
        return "";
    else if (n > String(str).length)
        return str;
    else {
        var iLen = String(str).length;
        return String(str).substring(iLen, iLen - n);
    }

}


// Forum의 Icon 관련 Function들임-End


window.onload = function() {

    loc = location.href.split("/");
    var ldiv = document.getElementById("csBannerFixed");

    //if (loc[3].indexOf("Home_1") > 0  || loc[3].indexOf("Home_25") > 0 || loc[3].length==0 || loc[3]=="default.aspx" || loc[3]=="default.aspx?pageId=1" ) 
    //{       
    var hdiv2 = document.getElementById("hLine");

    //var csBodyFixed  ='* html {background:url(userfiles/Ads/banner_r1.jpg) fixed;background-repeat: no-repeat;background-position: right top;}';
    //var csBannerFixed='#csBannerFixed{border: 1 solid;position:absolute;_position:absolute;top:10px;left:'+(980+(document.body.clientWidth-980)/2)+'px;overflow:hidden;z-index:1;}';// + csFixedRBCalc;


    //var sss = '<style type="text/css">'+csBannerFixed+'</style>';
    //sss = sss +  ' <a href="http://www.lalive.com" TARGET="_blank"><img src="userfiles/Ads/banner_r1.jpg"></a>' ;
    //document.write( '<STYLE TYPE="text/css">'+csBodyFixed+csBannerFixed+'</STYLE>');
    // document.write( '<A HREF="http://www.lalive.com" TARGET="_blank"><IMG BORDER=0 SRC="userfiles/Ads/banner_r1.jpg"></A>' );

    //var kkk = '<style type="text/css">#csBannerFixed{border: 1 solid;position:absolute;_position:absolute;top:10px;left:1015px;overflow:hidden;z-index:1;}</style>'

    var left_x = 0;

    if (hdiv2.offsetLeft == 0) {
        if (document.body.clientWidth > (hdiv2.offsetWidth + 10)) left_x = (document.body.clientWidth - hdiv2.offsetWidth) / 2 + hdiv2.offsetWidth
        else left_x = hdiv2.offsetWidth
    }
    else left_x = hdiv2.offsetLeft + hdiv2.offsetWidth;


    if (loc[3].indexOf("Home_1") > 0 || loc[3].indexOf("Home_25") > 0 || loc[3].length == 0 || loc[3] == "default.aspx" || loc[3] == "default.aspx?pageId=1") {
        var kkk = '<a href="http://www.lalive.com" TARGET="_blank"><img src="userfiles/Ads/R1.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:118px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
        kkk = kkk + '<a href="http://myx.tv/" TARGET="_blank"><img src="userfiles/Ads/R2.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:338px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
        kkk = kkk + '<a href="http://cgvcinemas.com" TARGET="_blank"><img src="userfiles/Ads/R3.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:558px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
        //kkk = kkk + '<a href="http://cgvcinemas.com" TARGET="_blank"><img src="userfiles/Ads/R4.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:778px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
    }
    else {
        var kkk = '<a href="http://myx.tv/" TARGET="_blank"><img src="userfiles/Ads/R2.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:118px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
        kkk = kkk + '<a href="http://cgvcinemas.com" TARGET="_blank"><img src="userfiles/Ads/R3.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:338px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
    }

    //alert(loc[3].indexOf("heckout.aspx"));
    if (loc[3].indexOf("heckout.aspx") > 0) { }
    else { if (ldiv != null) { ldiv.innerHTML = kkk; } };

    //document.getElementById("showSrc").value = document.documentElement.innerHTML;

    //}
    //else{        
    //    if (ldiv != null){ldiv.style.display="none";} ;
    //}


    //f_Iconload()



}


window.onresize = function () {
        
    loc = location.href.split("/");
    var ldiv = document.getElementById("csBannerFixed");  

    //if (loc[3].indexOf("Home_1") > 0  || loc[3].indexOf("Home_25") > 0 || loc[3].length==0 || loc[3]=="default.aspx" || loc[3]=="default.aspx?pageId=1" ) 
    //{                   
            var hdiv2 = document.getElementById("hLine");
            
           var left_x = 0;

           if (hdiv2.offsetLeft == 0)
           {
                if (document.body.clientWidth>(hdiv2.offsetWidth+10)) left_x = (document.body.clientWidth - hdiv2.offsetWidth)/2 + hdiv2.offsetWidth
                else  left_x = hdiv2.offsetWidth
            }
            else left_x = hdiv2.offsetLeft + hdiv2.offsetWidth;


            if (loc[3].indexOf("Home_1") > 0 || loc[3].indexOf("Home_25") > 0 || loc[3].length == 0 || loc[3] == "default.aspx" || loc[3] == "default.aspx?pageId=1") {
                var kkk = '<a href="http://www.lalive.com" TARGET="_blank"><img src="userfiles/Ads/R1.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:118px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
                kkk = kkk + '<a href="http://myx.tv/" TARGET="_blank"><img src="userfiles/Ads/R2.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:338px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
                kkk = kkk + '<a href="http://cgvcinemas.com" TARGET="_blank"><img src="userfiles/Ads/R3.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:558px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
                //kkk = kkk + '<a href="http://cgvcinemas.com" TARGET="_blank"><img src="userfiles/Ads/R4.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:778px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
            }
            else {
                var kkk = '<a href="http://myx.tv/" TARGET="_blank"><img src="userfiles/Ads/R2.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:118px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
                kkk = kkk + '<a href="http://cgvcinemas.com" TARGET="_blank"><img src="userfiles/Ads/R3.jpg" style="border: 1 solid;position:absolute;_position:absolute;top:338px;left:' + (left_x + 10) + 'px;overflow:hidden;z-index:1" /></a>';
            }            
             
            if (loc[3].indexOf("heckout.aspx") > 0) {}
            else { if (ldiv != null) { ldiv.innerHTML = kkk; } };
            
    //}
    //else{        
    //    if (ldiv != null){ldiv.style.display="none";} ;        
    //}

}


/***********************************************
* Dynamic Countdown script- © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function cdtime(container, targetdate) {
    if (!document.getElementById || !document.getElementById(container)) return
    this.container = document.getElementById(container)
    this.currentTime = new Date()
    this.targetdate = new Date(targetdate)
    this.timesup = false
    this.updateTime()
}

cdtime.prototype.updateTime = function() {
    var thisobj = this
    this.currentTime.setSeconds(this.currentTime.getSeconds() + 1)
    setTimeout(function() { thisobj.updateTime() }, 1000) //update time every second
}

cdtime.prototype.displaycountdown = function(baseunit, functionref) {
    this.baseunit = baseunit
    this.formatresults = functionref
    this.showresults()
}

cdtime.prototype.showresults = function() {
    var thisobj = this


    var timediff = (this.targetdate - this.currentTime) / 1000 //difference btw target date and current date, in seconds
    if (timediff < 0) { //if time is up
        this.timesup = true
        this.container.innerHTML = this.formatresults()
        return
    }
    var oneMinute = 60 //minute unit in seconds
    var oneHour = 60 * 60 //hour unit in seconds
    var oneDay = 60 * 60 * 24 //day unit in seconds
    var dayfield = Math.floor(timediff / oneDay)
    var hourfield = Math.floor((timediff - dayfield * oneDay) / oneHour)
    var minutefield = Math.floor((timediff - dayfield * oneDay - hourfield * oneHour) / oneMinute)
    var secondfield = Math.floor((timediff - dayfield * oneDay - hourfield * oneHour - minutefield * oneMinute))
    if (this.baseunit == "hours") { //if base unit is hours, set "hourfield" to be topmost level
        hourfield = dayfield * 24 + hourfield
        dayfield = "n/a"
    }
    else if (this.baseunit == "minutes") { //if base unit is minutes, set "minutefield" to be topmost level
        minutefield = dayfield * 24 * 60 + hourfield * 60 + minutefield
        dayfield = hourfield = "n/a"
    }
    else if (this.baseunit == "seconds") { //if base unit is seconds, set "secondfield" to be topmost level
        var secondfield = timediff
        dayfield = hourfield = minutefield = "n/a"
    }
    this.container.innerHTML = this.formatresults(dayfield, hourfield, minutefield, secondfield)
    setTimeout(function() { thisobj.showresults() }, 1000) //update results every second
}

/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////

//Create your own custom format function to pass into cdtime.displaycountdown()
//Use arguments[0] to access "Days" left
//Use arguments[1] to access "Hours" left
//Use arguments[2] to access "Minutes" left
//Use arguments[3] to access "Seconds" left

//The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown()
//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a"
//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc


function formatresults() {
    if (this.timesup == false) {//if target date/time not yet met
        var displaystring = arguments[0] + " days " + arguments[1] + " hours " + arguments[2] + " minutes " + arguments[3] + " seconds left until September 4, 2010 19:00:00"
    }
    else { //else if target date/time met
        var displaystring = "Future date is here!"
    }
    return displaystring
}

function formatresults2() {
    if (this.timesup == false) { //if target date/time not yet met
        var displaystring = "<span class='lcdstyle'>" + arguments[0] + " <sup>days</sup> " + arguments[1] + " <sup>hours</sup> " + arguments[2] + " <sup>minutes</sup> " + arguments[3] + " <sup>seconds</sup>  <sup>left until concert.</sup></span>"
    }
    else { //else if target date/time met
        var displaystring = "" //Don't display any text
        //alert("2010 SMTOWN LIVE in L.A. is here!") //Instead, perform a custom alert
    }
    return displaystring
}