$(function(){
	var window_height = $(window).height();
		//初始化silde高度
		$('.slide').height(window_height-140);
		
		//nav距离顶边距离

		var offsetT = $('.nav').offset().top;
        $(window).resize(function(){
            window_height = $(window).height();
            offsetT = $('.nav').offset().top;
            $('.slide').height(window_height-140);
        })

        


	var on_off = false;
	$('.soogee_btnbar>span').click(function(){
		if (on_off) {
			$(this).next().toggleClass('active');
			$('.soogee_btnbar>div').animate({
				width: '0'
			});
			$('.soogee_btnbar>div>span').animate({
				opacity: '0'
			});
			on_off = false;//初始化开关按钮
		}else{
			$(this).next().toggleClass('active');
			$('.soogee_btnbar>div').animate({
				width: '148px'
			});
			$('.soogee_btnbar>div>span').animate({
				opacity: '1'
			});
			on_off = true;//初始化开关按钮
		}
	})
	//颜色初始化
	var myColor = localStorage.getItem('myColor');
	if (myColor == null) {
		$('body').attr('class', 'blue');
		$('#blue').addClass('active');
	}else{
		$('body').attr('class', myColor);
		$('.soogee_btnbar>div>span').removeClass('active');
		$('#'+ myColor).addClass('active');
	}
	
	//颜色选择
	$('.soogee_btnbar>div>span').click(function(){
		var myColor = $(this).attr('id');
		$('.soogee_btnbar>div').animate({
			width: '0'
		});
		$('.soogee_btnbar>div>span').animate({
			opacity: '0'
		});
		on_off = false;//初始化开关按钮
		$('body').attr('class','');
		$('.soogee_btnbar>div>span').removeClass('active');
		$(this).addClass('active');
		//localStorage的设置读取
		localStorage.setItem('myColor', myColor);
		$('body').addClass(myColor);
	})

	//导航控制
	$('.nav>ul>li').hover(function(){
		$(this).find('ul').stop().slideToggle();
	})
	// //导航
	// $('.nav>div>ul>li').hover(function(){
	// 	$(this).find('ul').stop().slideToggle();
	// })
	// // 联系我们的切换效果
	// $('.contact_us li').click(function(){
	// 	$('.contact_us li').removeClass('active').find('div').slideUp();
	// 	$(this).addClass('active').find('div').slideDown();
	// })
	// $('.tab li .nor').click(function(){
	// 	$('.tab li').removeClass('active').find('.act').fadeOut();
	// 	$(this).parent().addClass('active').find('.act').fadeIn();
	// })
	// $('.tab_btn .l_btn').click(function(){
	// 	var iact = $('.tab li.active');
	// 	if (iact.is('.tab li:first')) {
	// 		return false;
	// 	}else{
	// 		$('.tab li').removeClass('active').find('.act').fadeOut();
	// 		$(iact).prev().addClass('active').find('.act').fadeIn();
	// 	}
	// })
	// $('.tab_btn .r_btn').click(function(){
	// 	var iact = $('.tab li.active');
	// 	if (iact.is('.tab li:last')) {
	// 		return false;
	// 	}else{
	// 		$('.tab li').removeClass('active').find('.act').fadeOut();
	// 		$(iact).next().addClass('active').find('.act').fadeIn();
	// 	}
	// })
	$('.phone_nav>.fl>ul>li').click(function(){
      if ($(this).is('.active')) {
        $(this).find('ul').slideToggle();
      }else{
        $('.phone_nav>.fl>ul>li>ul').slideUp();
        $('.phone_nav>.fl>ul>li').removeClass('active');
        $(this).addClass('active').find('ul').slideDown();
      }
    })
    $('.nav_btn').click(function(){
      $('.phone_nav').toggleClass('active');
      $('.masking').toggleClass('active');
    });
    $('.masking').click(function(){
      $('.point_out').fadeOut();
      $('.phone_nav').toggleClass('active');
      $('.masking').toggleClass('active');
    });

    var browser=navigator.appName 
	var b_version=navigator.appVersion 
	var version=b_version.split(";"); 
	var trim_Version=version[1].replace(/[ ]/g,""); 
	if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0") 
	{ 
		$('.point_out').fadeIn();
	 	$('.masking').toggleClass('active');
	} 
	else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0") 
	{ 
		$('.point_out').fadeIn();
	 	$('.masking').toggleClass('active');
	} 
	else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0") 
	{ 
		$('.point_out').fadeIn();
	 	$('.masking').toggleClass('active');
	}
	else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE9.0") 
	{ 
		$('.point_out').fadeIn();
	 	$('.masking').toggleClass('active');
	}
	$('.point_out .close_btn').click(function(){
		$('.point_out').fadeOut();
		$('.masking').toggleClass('active');
	})
})