//정말 병맛 같은 스크립트구나 ㅠㅠ
function LayerChange(Layer) {

    if (Layer == "layer1") {

        document.getElementById("layer1").style.display = "inline";
        document.getElementById("layer2").style.display = "none";
        document.getElementById("layer3").style.display = "none";
        document.getElementById("layer4").style.display = "none";

        $("#Image11").attr("src", "./img/main_font1on.gif");
        $("#Image22").attr("src", "./img/main_font2.gif");
        $("#Image33").attr("src", "./img/main_font3.gif");
        $("#Image44").attr("src", "./img/main_font4.gif");

    } else if (Layer == "layer2") {

        document.getElementById("layer1").style.display = "none";
        document.getElementById("layer2").style.display = "inline";
        document.getElementById("layer3").style.display = "none";
        document.getElementById("layer4").style.display = "none";

        $("#Image11").attr("src", "./img/main_font1.gif");
        $("#Image22").attr("src", "./img/main_font2on.gif");
        $("#Image33").attr("src", "./img/main_font3.gif");
        $("#Image44").attr("src", "./img/main_font4.gif");
    } else if (Layer == "layer3") {

        document.getElementById("layer1").style.display = "none";
        document.getElementById("layer2").style.display = "none";
        document.getElementById("layer3").style.display = "inline";
        document.getElementById("layer4").style.display = "none";

        $("#Image11").attr("src", "./img/main_font1.gif");
        $("#Image22").attr("src", "./img/main_font2.gif");
        $("#Image33").attr("src", "./img/main_font3on.gif");
        $("#Image44").attr("src", "./img/main_font4.gif");
    } else if (Layer == "layer4") {

        document.getElementById("layer1").style.display = "none";
        document.getElementById("layer2").style.display = "none";
        document.getElementById("layer3").style.display = "none";
        document.getElementById("layer4").style.display = "inline";

        $("#Image11").attr("src", "./img/main_font1.gif");
        $("#Image22").attr("src", "./img/main_font2.gif");
        $("#Image33").attr("src", "./img/main_font3.gif");
        $("#Image44").attr("src", "./img/main_font4on.gif");
    }
}


var Item_L = "a";
var Package_L = "Package_L";
var Item_T = "a";
var Package_T = "Package_T";


function BestImage_Left(Type) {
    if (Type == "Item_L") {

        Item_L = "a";
        Package_L = "Package_L";

        $("#Item_L").attr("src", "./img/single_02on.gif");
        $("#Package_L").attr("src", "./img/single_03.gif");

        Item_T = "a";
        Package_T = "Package_T";

        $("#Item_T").attr("src", "./img/best_m1on.gif");
        $("#Package_T").attr("src", "./img/best_m2.gif");

        document.getElementById("ctl00_ContentPlaceHolder1_dt_Item").style.display = "inline";
        document.getElementById("ctl00_ContentPlaceHolder1_dt_Package").style.display = "none";

    } else if (Type == "Package_L") {

        Item_L = "Item_L";
        Package_L = "a";

        $("#Item_L").attr("src", "./img/single_02.gif");
        $("#Package_L").attr("src", "./img/single_03on.gif");

        Item_T = "Item_T";
        Package_T = "a";

        $("#Item_T").attr("src", "./img/best_m1.gif");
        $("#Package_T").attr("src", "./img/best_m2on.gif");

        document.getElementById("ctl00_ContentPlaceHolder1_dt_Item").style.display = "none";
        document.getElementById("ctl00_ContentPlaceHolder1_dt_Package").style.display = "inline";

    }
}

function STZ_RetoreswapImage(Control, Path1, Path2, Type) {

    if (Type == Item_L || Type == Item_T || Type == Package_L || Type == Package_T) {
        $("#" + Control).attr("src", Path1);
    } else {
        $("#" + Control).attr("src", Path2);
    }
}

function STZ_swapImage(Control, Path, Type) {

    if (Type == Item_L) {
        $("#" + Control).attr("src", Path);
    }

    if (Type == Package_L) {
        $("#" + Control).attr("src", Path);
    }

    if (Type == Item_T) {
        $("#" + Control).attr("src", Path);
    }

    if (Type == Package_T) {
        $("#" + Control).attr("src", Path);
    }
}

function STZ_swapImage(Control, Path) {

    $("#" + Control).attr("src", Path);
}

//TextBox Focus 효과 주기 - OnFocus
function OnTextEffect(Control) {
    //txtSelectValue
    $("#" + Control).css("background-color", "#FCF5F2");
    $("#" + Control).css("border", "solid 1px #F0C578");
}
//TextBox Focus 효과 주기 - OnBlur
function OffTextEffect(Control, Type) {
    $("#" + Control).css("background-color", "white");
    $("#" + Control).css("border", "none");
}



function STZ_SwapLayerOn(TargetLayer) {

    var LastNo = TargetLayer.split("_");

    var offLayer = TargetLayer.replace(LastNo[1], "");

    for (var i = 1; i < 4; i++) {
        document.getElementById(offLayer + i).style.visibility = "hidden";
        document.getElementById(offLayer + i + "_Back").style.visibility = "hidden";
        document.getElementById(offLayer + i + "_Text").style.visibility = "hidden";
    }
    
    document.getElementById(TargetLayer).style.visibility = "visible";
    document.getElementById(TargetLayer + "_Back").style.visibility = "visible";
    document.getElementById(TargetLayer + "_Text").style.visibility = "visible";
}

function STZ_SwapLayerOff(TargetLayer) {
    document.getElementById(TargetLayer).style.visibility = "hidden";
    document.getElementById(TargetLayer + "_Back").style.visibility = "hidden";
    document.getElementById(TargetLayer + "_Text").style.visibility = "hidden";
}

/*브라우저 체크*/

var Browser = {
    a: navigator.userAgent.toLowerCase()
}

Browser = {
    ie: /*@cc_ontrue || @*/false,
    ie6: Browser.a.indexOf('msie 6') != -1,
    ie7: Browser.a.indexOf('msie 7') != -1,
    ie8: Browser.a.indexOf('msie 8') != -1,
    opera: !!window.opera,
    safari: Browser.a.indexOf('safari') != -1,
    safari3: Browser.a.indexOf('applewebkit/5') != -1,
    mac: Browser.a.indexOf('mac') != -1,
    chrome: Browser.a.indexOf('chrome') != -1,
    firefox: Browser.a.indexOf('firefox') != -1
}

//whatKindOfBrowser();
//로컬에서 는 조정해야 위치가 잡히고
//웹서버에서는 조정하지 않아도 위치가 잡히고 --;; 아오 

function whatKindOfBrowser() {
    if (Browser.chrome) {
        //alert("It is chrome browser");
        BrowserChangeClass();
    } else if (Browser.ie6) {
        //alert("It is ie6 browser");
    } else if (Browser.ie7) {
        //alert("It is ie7 browser");
    } else if (Browser.ie8) {
        //alert("It is ie8 browser");
    } else if (Browser.opera) {
        //alert("It is opera browser");
    } else if (Browser.safari) {
    BrowserChangeClass();
        //alert("It is safari browser");
    } else if (Browser.safari3) {
    BrowserChangeClass();
        //alert("It is safari3 browser");
    } else if (Browser.mac) {
        //alert("It is mac browser");
    } else if (Browser.firefox) {
    BrowserChangeClass();
        //alert("It is firefox browser");
    } else {
        //alert("It is maybe ie");
    }
}

function BrowserChangeClass() {

    for (var i = 1; i < 5; i++) {
        //Div
        document.getElementById("BasicLayer_" + i + "_PaddingTop").className = "div_PaddingTop2";
        document.getElementById("DesignLayer_" + i + "_PaddingTop").className = "div_PaddingTop2";
        document.getElementById("ScriptLayer_" + i + "_PaddingTop").className = "div_PaddingTop2";
        document.getElementById("DecorationLayer_" + i + "_PaddingTop").className = "div_PaddingTop2";
        //Span
//        document.getElementById("BasicLayer_" + i + "_PaddingLeft").className = "span_PaddingLeft2";
//        document.getElementById("DesignLayer_" + i + "_PaddingLeft").className = "span_PaddingLeft2";
//        document.getElementById("ScriptLayer_" + i + "_PaddingLeft").className = "span_PaddingLeft2";
//        document.getElementById("DecorationLayer_" + i + "_PaddingLeft").className = "span_PaddingLeft2";
    }
}