var intPos = 0; // 시작점
var itID;

function goPrevStep() {
    if(intPos == 0) {
        //alert("이전 아이템이 없습니다.");
        return;
    }
    
    intPos--;
    
    getData();
}

function goNextStep() {
    if(intPos + 2 >= DATA.length - 1) {
        //alert("다음 아이템이 없습니다.");
        return;
    }
    
    intPos++;
    
    getData();
}

function goMouseOn() {
    clearInterval(itID);
}

function goMouseOut() {
    itID = setInterval(goAutoStep, 2000);   
}

function goAutoStep() {
    if(intPos + 2 >= DATA.length - 1) {
        intPos = -1;
    }
    
    intPos++;
    					        
    getData();
}
					    
function getData() {

    var strHtml = "";
    var strType = "";
    var cnt = 1;
    
    for(i = intPos; i < intPos + 3 && i < DATA.length; i++) {
       
       strHtml =    "<div class='item_img'><a href='/Guide/BestandNew.aspx'><img src='http://onair-img.ohdio.com/Items/" + DATA[i][0] + "' width='90' height='81' alt='" + DATA[i][1] + "' /></a></div>";
       strHtml +=   "<div class='item_name'>" + Reduce(DATA[i][1], 8) + "</div>";
       
       switch(DATA[i][3]) {
            case "1" : strType = "코다"; break;
            case "2" : strType = "캐시"; break;
       }                               
       strHtml +=   "<div class='item_gold'><img src='http://onair-img.ohdio.com/main/icon_gold.png' class='png24 mid' alt='' /> <span class='item_gold2'>" + setComma(DATA[i][2]) +"</span> " + strType + "</div>";
                                      
       switch(cnt) {
            case 1 : document.getElementById("liStep1").innerHTML = strHtml; break;
            case 2 : document.getElementById("liStep2").innerHTML = strHtml; break;
            case 3 : document.getElementById("liStep3").innerHTML = strHtml; break;
       }
       
       cnt++;
    }
}