var todayLayerMaxHeight = 180;
var todayLayerSpeed = 4;
var timeGap = 1;
var todayMoveHandler = null;

var todayDirection = false; // false 이면 펼쳐짐

var currentViewTab = -1;

function hideSelectBox() {

    var forms = document.getElementsByTagName("form");
    var form = forms[0];
    
    var frames = document.getElementsByTagName("iframe");
   
    for(i = 0; i < frames.length; i++) {
        if((frames[0].location + "").indexOf("player.htm") > -1) {
            frames[0].HidePlayer();
        }
    }
    
    for(var i = 0; i < form.length; i++) { 
        if(form[i].tagName == "SELECT" 
            || (form[i].tagName == "OBJECT" && form[i].classid == "CLSID:B111FDC0-41BB-4d2f-B615-43ADEBFFEAB9")
            || (form[i].tagName == "OBJECT" && form[i].classid == "CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6")
            ) {
            form[i].style.visibility = "hidden";
        }
        
    }
}

function showSelectBox() {
    var forms = document.getElementsByTagName("form");
    var form = forms[0];
    
    var frames = document.getElementsByTagName("iframe");
    
    for(i = 0; i < frames.length; i++) {
        if((frames[0].location + "").indexOf("player.htm") > -1) {
            frames[0].ShowPlayer();
        }
    }
    
    for(var i = 0; i < form.length; i++) {      
        if(form[i].tagName == "SELECT" 
            || (form[i].tagName == "OBJECT" && form[i].classid == "CLSID:B111FDC0-41BB-4d2f-B615-43ADEBFFEAB9")
            || (form[i].tagName == "OBJECT" && form[i].classid == "CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6")
            ) {
            form[i].style.visibility = "visible";
        }
        
    }
}

function toggleToday(param, imgObj, outImage, onImage) {
    
    var contentObj = document.getElementById("layToday");
    var movingObj = document.getElementById("layTodayTemp");
    var TodayCustomerBoxObj = document.getElementById("TodayCustomerBoxLayer");
    var InterestCustomerBoxObj = document.getElementById("InterestCustomerBoxLayer");
    var RecommendCustomerBoxObj = document.getElementById("RecommendCustomerBoxLayer");
    var layBackImgObj = document.getElementById("layBackImg");
    
    if(currentViewTab != param) {
        clearInterval(todayMoveHandler); 
        movingObj.style.display = "none";
        contentObj.style.display = "none";
        movingObj.style.height = "0px"; 
        todayDirection = false;
        
        hideSelectBox();
    }

    currentViewTab = param;

    movingObj.style.display = "block";
    contentObj.style.display = "none";
    TodayCustomerBoxObj.style.display = "none";
    InterestCustomerBoxObj.style.display = "none";
    RecommendCustomerBoxObj.style.display = "none";
    
    var heightStr = movingObj.style.height;
    
    heightStr = Number(heightStr.replace("px", ""));
    
    if(todayDirection == false) {
        if(heightStr > todayLayerMaxHeight - todayLayerSpeed) {
            clearInterval(todayMoveHandler); 
            movingObj.style.height = todayLayerMaxHeight + "px"; 
            todayDirection = true;
            
            movingObj.style.display = "none";
            contentObj.style.display = "block";
            
            if(param == 1) {
                TodayCustomerBoxObj.style.display = "block";
            }
            else if(param == 2) {
                InterestCustomerBoxObj.style.display = "block";
            }
            else if(param == 3) {
                RecommendCustomerBoxObj.style.display = "block";
            }
            
            document[imgObj].src = onImage;
            todayMoveHandler = null;
        }   
        else {
            document[imgObj].src = onImage;
            movingObj.style.height = (heightStr + todayLayerSpeed) + "px";
            layBackImgObj.style.top = ((heightStr + todayLayerSpeed) - todayLayerMaxHeight) + "px";
            todayMoveHandler = setTimeout("toggleToday('"+param+"', '"+imgObj+"', '"+outImage+"', '"+onImage+"')", timeGap);
        }
    }
    else {
        if(heightStr < todayLayerSpeed) {
            clearInterval(todayMoveHandler); 
            movingObj.style.height = "0px"; 
            todayDirection = false;
            
            showSelectBox();
            
            todayMoveHandler = null;
            currentViewTab = -1;
            document[imgObj].src = outImage;
        } 
        else {
            document[imgObj].src = outImage;
            movingObj.style.height = (heightStr - todayLayerSpeed) + "px";
            layBackImgObj.style.top = ((heightStr - todayLayerSpeed) - todayLayerMaxHeight) + "px";
            todayMoveHandler = setTimeout("toggleToday('"+param+"', '"+imgObj+"', '"+outImage+"', '"+onImage+"')", timeGap);
        }
    }
}