$(window).scroll(function () { 
    s=document.documentElement.scrollTop	
    f=document.getElementById("footer").scrollTop
    //alert(f);
    if(s>400 && s<950 ){
        document.getElementById('design').style.top=(s-400)+"px";
    }else if(s<400){
    	document.getElementById('design').style.top="0px";
    }
});
$(document).ready(function(){

    $('ul li.h').hover(function(){
        $("#header").addClass("outline");
        $("ul li.h span").addClass("active_r");
        },
        function () {
        $("#header").removeClass("outline");
        $("ul li.h span").removeClass("active_r");
    })
    $('#header').hover(function(){
        $("#header").addClass("outline");
        $("ul li.h span").addClass("active_r");
        },
        function () {
        $("#header").removeClass("outline");
        $("ul li.h span").removeClass("active_r");
    })



    $('ul li.c').hover(function(){
        $("#logotype").addClass("outline");
        $("ul li.c span").addClass("active_r");
        },
        function () {
        $("#logotype").removeClass("outline");
        $("ul li.c span").removeClass("active_r");
    })
    $('#logotype').hover(function(){
        $("#logotype").addClass("outline");
        $("ul li.c span").addClass("active_r");
        },
        function () {
        $("#logotype").removeClass("outline");
        $("ul li.c span").removeClass("active_r");
    })
    

$('ul li.mm').hover(function(){
        $("#m_menu").addClass("outline");
        $("ul li.mm span").addClass("active_y");
        },
        function () {
        $("#m_menu").removeClass("outline");
        $("ul li.mm span").removeClass("active_y");
    })
    $('#m_menu').hover(function(){
        $("#m_menu").addClass("outline");
        $("ul li.mm span").addClass("active_y");
        },
        function () {
        $("#m_menu").removeClass("outline");
        $("ul li.mm span").removeClass("active_y");
    })


	$('ul li.cc').hover(function(){
        $("#content_ex").addClass("outline");
        $("ul li.cc span").addClass("active_g");
        },
        function () {
        $("#content_ex").removeClass("outline");
        $("ul li.cc span").removeClass("active_g");
    })
    $('#content_ex').hover(function(){
        $("#content_ex").addClass("outline");
        $("ul li.cc span").addClass("active_g");
        },
        function () {
        $("#content_ex").removeClass("outline");
        $("ul li.cc span").removeClass("active_g");
    })



	$('ul li.dp').hover(function(){
        $("#dop_menu").addClass("outline");
        $("ul li.dp span").addClass("active_g");
        },
        function () {
        $("#dop_menu").removeClass("outline");
        $("ul li.dp span").removeClass("active_g");
    })
    $('#dop_menu').hover(function(){
        $("#dop_menu").addClass("outline");
        $("ul li.dp span").addClass("active_g");
        },
        function () {
        $("#dop_menu").removeClass("outline");
        $("ul li.dp span").removeClass("active_g");
    })


$('ul li.nd').hover(function(){
        $("#news_des").addClass("outline");
        $("ul li.nd span").addClass("active_g");
        },
        function () {
        $("#news_des").removeClass("outline");
        $("ul li.nd span").removeClass("active_g");
    })
    $('#news_des').hover(function(){
        $("#news_des").addClass("outline");
        $("ul li.nd span").addClass("active_g");
        },
        function () {
        $("#news_des").removeClass("outline");
        $("ul li.nd span").removeClass("active_g");
    })


$('ul li.ci').hover(function(){
        $("#content_img").addClass("outline");
        $("ul li.ci span").addClass("active_g");
        },
        function () {
        $("#content_img").removeClass("outline");
        $("ul li.ci span").removeClass("active_g");
    })
    $('#content_img').hover(function(){
        $("#content_img").addClass("outline");
        $("ul li.ci span").addClass("active_g");
        },
        function () {
        $("#content_img").removeClass("outline");
        $("ul li.ci span").removeClass("active_g");
    })



$('ul li.cta').hover(function(){
        $("#content_table").addClass("outline");
        $("ul li.cta span").addClass("active_g");
        },
        function () {
        $("#content_table").removeClass("outline");
        $("ul li.cta span").removeClass("active_g");
    })
    $('#content_table').hover(function(){
        $("#content_table").addClass("outline");
        $("ul li.cta span").addClass("active_g");
        },
        function () {
        $("#content_table").removeClass("outline");
        $("ul li.cta span").removeClass("active_g");
    })



$('ul li.cte').hover(function(){
        $("#content_text").addClass("outline");
        $("ul li.cte span").addClass("active_g");
        },
        function () {
        $("#content_text").removeClass("outline");
        $("ul li.cte span").removeClass("active_g");
    })
    $('#content_text').hover(function(){
        $("#content_text").addClass("outline");
        $("ul li.cte span").addClass("active_g");
        },
        function () {
        $("#content_text").removeClass("outline");
        $("ul li.cte span").removeClass("active_g");
    })



	$('ul li.f').hover(function(){
        $("#foot").addClass("outline");
        $("ul li.f span").addClass("active_y");
        },
        function () {
        $("#foot").removeClass("outline");
        $("ul li.f span").removeClass("active_y");
    })
    $('#foot').hover(function(){
        $("#foot").addClass("outline");
        $("ul li.f span").addClass("active_y");
        },
        function () {
        $("#foot").removeClass("outline");
        $("ul li.f span").removeClass("active_y");
    })

});