function opendiv(winid){

    var d=document.getElementById(winid);
    if(!d){return;}
    d.style.display='block';
    d.onclick=function(){

    }
    var oLeft=document.documentElement.clientWidth/2;
    var oTop=document.documentElement.clientHeight/2;
    
    var width=d.offsetWidth;//对象宽度
    var height=d.offsetHeight;//对象高度
    d.style.left=oLeft-width/2+'px';
    d.style.top=oTop-height/2+'px';

    if(!document.getElementById('light2_fade')){//遮罩
        var a=document.createElement("div");
        a.id="light2_fade";
        a.className="black_overlay";
        document.body.appendChild(a);
        document.getElementById('light2_fade').style.display="block";
    }else{
        document.getElementById('light2_fade').style.display="block";
    }
   
	dragDiv(d,'h5',width,height);
   
}

function colsediv(winid){
    document.getElementById(winid).style.display='none';
    document.getElementById('light2_fade').style.display='none';
}

//拖拽
function dragDiv(oDiv,btn,w,h){
    if(!oDiv){return};
    var oBtn=oDiv.getElementsByTagName(btn)[0];
    var oWidth=document.documentElement.clientWidth-w;
    var oHeight=document.documentElement.clientHeight-h;
    oBtn.onmousedown=function(ev){
        var oEvent = ev || window.event; 
        var disX=oEvent.clientX-oDiv.offsetLeft;
        var disY=oEvent.clientY-oDiv.offsetTop; 
        document.onmousemove=fnMove;
        document.onmouseup=fnUp;    
        function fnMove(ev){
            var oEvent = ev || window.event;
            var x=oEvent.clientX-disX;
            var y=oEvent.clientY-disY;
            if(x<0){
                x=0;
            }else if(x>oWidth){
                x=oWidth;
            }
            if(y<0){
                y=0;
            }
            oDiv.style.left=x+'px';
            oDiv.style.top=y+'px';
        }
        function fnUp(){
            this.onmousemove=null;
            this.onmouseup=null;
            if(this.releaseCapture){
                this.releaseCapture();
            }
        }
        return false;
    }       
}

/*sjc_add*/
$(function(){

       
       //lebel自适应宽度
         var lab = 0;
        $('.lab').each(function(){
        if($(this).width() > lab) {
        lab = $(this).width();
        }
        });
        $('.lab').width(lab);
		
		//创建场景共享切换
		$('.f_toggradio .f_inright').click(function(){
		 var index=$(this).parent().index();
		 if(index==0){
		  $(this).parents('dl').siblings().hide();
		  $(this).parent().siblings().find('.Wdate').hide();
		  }
		 else if(index==1){
		  $(this).parents('dl').siblings().show();
		  $(this).siblings().show();
		  }
		 })
		
		//镜像类型切换
		 $(".f_tabconli li").click(function(){
		 var index=$(this).index();
		 var $ondiv=$(this).parent().parent().siblings().find('div');
		 $(this).addClass('active').siblings().removeClass('active');
		 if(index==2){
		  $('.f_jxcon').eq(1).hide();
		  $('.f_jxcon').eq(2).hide();
		  }
		  else{
		  $('.f_jxcon').eq(1).show();
		  $('.f_jxcon').eq(2).show();

		  }
		 $ondiv.eq(index).show().siblings().hide();
		 })
		 
		 
		 //套餐高亮
		 $('.f_uli_contab li').click(function(){
		 $(this).addClass('active').siblings().removeClass('active');
		 })
		 
		 //软件镜像切换
		 $('.oranlo').change(function(){
           var vale=$(this).find("option:selected").val(); 
           if(vale=='1'){ 
           $('.selor').eq(0).show();
		   $('.selor').eq(1).hide();
            } 
           else if(vale=='2'){ 
           $('.selor').eq(0).hide();
		   $('.selor').eq(1).show();
            } 
          }) 
		 
		 //选择软件镜像行高亮
		 
		  $(".ip_list input[name='jxitem']").click(function(){
		  if($(this).attr('checked')=="checked"){
			  $(this).parent().parent().css('background','#dcd7dc').siblings().css('background','')
			  }
		  })
		  
		  //查看日志切换
		  $(".log_bill a").click(function(){
		  $(this).parent().siblings('.moreserach_f').toggle();
		  })
		 
		 //购买数量	
	var t = $("#text_box");	
	$("#add").click(function(){		
		t.val(parseInt(t.val())+1)
		if (parseInt(t.val())!=1){
			$('#min').attr('disabled',false);
			$('#min').css('color','#000');
		}
	})	
	$("#min").click(function(){
		t.val(parseInt(t.val())-1);
		if (parseInt(t.val())==1){
			$('#min').attr('disabled',true);
			$('#min').css('color','#ccc');
		}
	})
	var tt = $("#text_boxx");	
	$("#addd").click(function(){		
		tt.val(parseInt(tt.val())+1)
		if (parseInt(tt.val())!=1){
			$('#minn').attr('disabled',false);
			$('#minn').css('color','#000');
		}
	})	
	$("#minn").click(function(){
		tt.val(parseInt(tt.val())-1);
		if (parseInt(tt.val())==1){
			$('#minn').attr('disabled',true);
			$('#minn').css('color','#ccc');
		}
	})
	//function setTotal(){
	//	$("#total").html('￥'+(parseInt(t.val())*0).toFixed(2));
	//}	
	//setTotal();
	
	//选择应用场景切换
	$(".cj_left ul li").click(function(){
    var index=$(this).index();
	$(this).addClass('active').siblings().removeClass('active');
	$('.moreimp > div').eq(index).show().siblings().hide();
	})
	
	//后续任务处理类型
	$('.selec_tab').change(function(){
	var vale=$(this).find("option:selected").val(); 
	if(vale==1){
	 $('.hideback').show();	
		}
    if(vale==2){
	 $('.hideback').hide();	
	 $('.hideclose').show();
	    }
	if(vale==3){
	 $('.hideback').hide();	
	 $('.hideclose').hide();
	 $('.hidego').show();
	    }
	 else if(vale==0){
	 $('.hideback').hide();	
	 $('.hideclose').hide();
	 $('.hidego').hide();
		}
	})
	 
	
	//服务器策略下拉选择
    $('.select_times .select_timess').change(function(){
	var checked=$(this).find("option:selected").val();
	 if(checked==0){
		$('.ff_hours').show().siblings('.ff_times').hide();
	 }
	 if(checked==1){
		$('.ff_days').show().siblings('.ff_times').hide();
	 }
	 if(checked==2){
		$('.ff_weeks').show().siblings('.ff_times').hide();
	 }
	 if(checked==3){
		$('.ff_months').show().siblings('.ff_times').hide();
	 }
	
	})
	
	//镜像信息选中高亮
	$(document).on('click','.jx_meass ul li',function(){
	$(this).addClass('active').siblings().removeClass('active');
	});
	
	//勾选复选框确定按钮高亮
	$(document).on('change','.checkedpok',function(){
	if($(this).prop('checked')){
	 $(this).parents('.supinfo-content').siblings().find('.listConfirm').removeClass('sjcpro_disabled')	
	 } 
	 else{
	 $(this).parents('.supinfo-content').siblings().find('.listConfirm').addClass('sjcpro_disabled')
	 }
	});
	
	//容量tab切换
	$(document).on('click','.sjcpro_tabli ul li',function(){
	$(this).addClass('active').siblings().removeClass('active');
	var index=$(this).index();
	$('.sjcpro_conm > div').eq(index).show().siblings().hide();
	})
	
	//推荐配置显示隐藏
	$('.checkedpok').click(function(){
	if($(this).prop('checked')==true){
	   $('.sjc_dis_noe').show();
		}
	else{
	   $('.sjc_dis_noe').hide();
	    } 
	})
	
	
	
   //模拟select
	$(document).on('click','.select_box',function(event){   
    event.stopPropagation();
    $(this).find('.selet_open').toggleClass('selet_down');
    $(this).find(".option").toggle();
    $(this).parents(".f_jxcon").siblings().find(".option").hide();
	$(this).parents('.f_listtd').siblings().find(".option").hide();
	$(this).parents("td").siblings().find(".option").hide();
	$(this).parents(".mod_select").siblings().find(".option").hide();
	$(this).parents(".mod_select").siblings().find('.selet_open').removeClass('selet_down');
   });
	
	//阻止搜索框冒泡
	$(document).on('click','.select_search',function(event){   
		 event.stopPropagation();										  
   });
	
	$(document).on('click','.select_box h6',function(event){   
		 event.stopPropagation();										  
   });
	
   $(document).click(function(event){
    var eo=$(event.target);
	$('.selet_open').removeClass('selet_down');
    if($(".select_box").is(":visible") && eo.attr("class")!="option" && !eo.parent().parent(".option").length)
    $('.option').hide();           
   });
      
   $(document).on('click','.option ul li',function(event){
     event.stopPropagation();
    var value=$(this).text();
	var eo=$(event.target);
	var valu=$(this).parents('.select_box').find('.select_txt').text();
	if(!$(this).hasClass('first_li')){
	$(this).parent().parent().siblings('.selet_open').removeClass('selet_down');
    $(this).parent().parent().siblings(".select_txt").text(value);
	$(this).parent().parent('.option').hide();
	$(this).parent().parent().parent().addClass('select_box_bj');
	  }
	  else{
	$(this).parent().parent().siblings('.selet_open').removeClass('selet_down');
    $(this).parent().parent().siblings(".select_txt").text(value);
	$(this).parent().parent('.option').hide(); 
	$(this).parent().parent().parent().removeClass('select_box_bj');
	  }
    })


    //选择项目右侧购物车翻转
	$(document).on('click','.transfrom_right .option ul li',function(event){
     event.stopPropagation();
	var eo=$(event.target);
	if(!$(this).hasClass('first_li')){
		 if (window.ActiveXObject){
			$('.f_buycenter tr').fadeOut(200).fadeIn(200);	
			 }
		  else{
		   $('.f_buycenter').toggleClass('f_buyfrom_right');
		    }
		
	  }
    })
	
   
    //固定定位购物车
/*        var dv = $('#left_myLove'), st;
        dv.attr('optop', dv.offset().top);
        $(window).scroll(function () {
            st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
            if (st > parseInt(dv.attr('optop'))) {
				$('#mainCont').css('width',$(document.body).width()-314)
				dv.css('z-index','499')
				
               dv.css({ 'position': 'fixed', top: -10 , right:12,});
            } else if (dv.css('position') != 'static')
			   dv.css({ 'position': 'static' });
        });
		$(window).resize(function () { 
				$('#mainCont').css('width',$(document.body).width()-316)
		})
*/	

  //固定定位购物车
         var nav=$("#left_myLove"); 
         var win=$(window); //得到窗口对象
         var sc=$(document);//得到document文档对象。
        $(window).scroll(function () {
			 if(sc.scrollTop()>=5){
			  $('#mainCont').css('width',$(document.body).width()-314)
			  $("#left_myLove").addClass('fix_myLove')
			  }	
			  else{
              $("#left_myLove").removeClass('fix_myLove')
			  }
           });
		$(window).resize(function () { 
				$('#mainCont').css('width',$(document.body).width()-314)
		})

	
	//编辑购物车闪动效果
	$(document).on('click','.edu_sjbuy',function(){
	$(".f_jxcon").fadeOut(200).fadeIn(200);	
	$('.btn_box').hide();
	$('.btn_box_edu').show();
	 });
	$(document).on('click','.result_btnn',function(){
	$('.btn_box').show();
	$('.btn_box_edu').hide();
	 });
	
	//点击加载更多
	var  flagg=true;
	$(document).on('click','.sjcpro_addmore',function(){
	 var  li=$(this).siblings('ul').find('li')												  
	 var  eh=li.height();
	 var  el=li.size();
	 var  ey=el*10;
	 var  en=eh*el+ey;
	 
	 if(flagg){
	     $('.jx_meass ul').animate({
	        "max-height":en
	      },300);
		  $(this).addClass('sjcpro_moreadd');
	   flagg=!flagg
 		 }
	  else {
	     $('.jx_meass ul').animate({
	     "max-height":"126px"
	     },300) 
	  $(this).removeClass('sjcpro_moreadd');
	   flagg=!flagg
		}

      });
	
	//模块伸缩
	$(document).on('click','.slidetogg',function(){
	   $(this).toggleClass('toggslide')
	   $(this).parents('.sjcpro_tab').next('.togglepanner').slideToggle(200);
	 
	 });
	
	
	//checkbox全选
	  $(".CheckedAll").click(function(){
			$('[name=s_items]:checkbox').attr("checked", this.checked );
	 });
	 $('[name=s_items]:checkbox').click(function(){
				var $tmp=$('[name=s_items]:checkbox');
				$('.CheckedAll').attr('checked',$tmp.length==$tmp.filter(':checked').length);
	 });
	  $("#CheckedAll1").click(function(){
			$('[name=s_items]:checkbox').attr("checked", this.checked );
	 });
	 $('[name=s_items]:checkbox').click(function(){
				var $tmp=$('[name=s_items]:checkbox');
				$('.CheckedAll1').attr('checked',$tmp.length==$tmp.filter(':checked').length);
	 });
	 
	
	//tr排序
   $(".trup_down").on('click', 'a', function(event) {
  event.preventDefault;
  var parent=$(this).parent().parent().parent();
  var parents=$(this).parents("tbody");
  var len=parents.children().length;
  parent.removeClass('trbgcolor')
  if(($(this).is(".tr_up") || $(this).is(".tr_top")) && parent.index()==0){
   return false;
  }else if(($(this).is(".tr_down") || $(this).is(".tr_bottom")) && parent.index()==len-1){
   return false;
  };
  parent.fadeOut(200).fadeIn(200);	

  switch (true) {
   case $(this).is(".tr_up"):
    var prev = parent.prev();
    parent.insertBefore(prev);
    break;
   case $(this).is(".tr_down"):
    var next = parent.next();
    parent.insertAfter(next);
    break;
   case $(this).is(".tr_top"):
    parents.prepend(parent);
    break;
   case $(this).is(".tr_bottom"):
    parents.append(parent);
    break;
  }
  $('.trup_down').removeClass('first_trup');
  $('.trup_down').removeClass('last_trup');
  parents.children('tr:first-child').find('.trup_down').addClass('first_trup');
  parents.children('tr:last-child').find('.trup_down').addClass('last_trup');
  });
   

  $(document).on('mouseover','.item_table04 tbody tr,.item_table tbody tr',function(){
		$(this).addClass('trbgcolor')
		})
  $(document).on('mouseout','.item_table04 tbody tr,.item_table tbody tr',function(){
		$(this).removeClass('trbgcolor')
		});
  
  
  //解决低版本IE不支持placeholder
    if( !('placeholder' in document.createElement('input')) ){   
    $('input[placeholder],textarea[placeholder]').each(function(){    
      var that = $(this), 
      text= that.attr('placeholder');   
	   that.css('color','#ccc');   
      if(that.val()===""){    
        that.val(text).addClass('placeholder');    
      }    
      that.focus(function(){    
        if(that.val()===text){ 
		  that.css('color','#333')    
          that.val("").removeClass('placeholder');    
        }    
      })    
      .blur(function(){    
        if(that.val()===""){  
		that.css('color','#ccc')   
          that.val(text).addClass('placeholder');    
        }    
      })    
     /*  .closest('form').submit(function(){    
        if(that.val() === text){    
          that.val('');    
        }    
      }); */  
    });    
  }   

  //首页大色块切换
    $('.sq_li').mouseover(function(){
      $(this).addClass('bksq_li');
  	$(this).find('dl').eq(1).show();
  	$(this).find('dl').eq(0).hide();
    });
     $('.sq_li').mouseout(function(){
      $(this).removeClass('bksq_li');
  	$(this).find('dl').eq(0).show();
  	$(this).find('dl').eq(1).hide();
    });
     
     //套餐高亮
 	$('#newTabs2').on('click',' li span',function(){
 	
 		 $(this).css({
 			 'background-color':'#34b3ba',
 			 'color':'#fff'
 		     })
 		 $(this).parent().siblings().find('span').css({
 			 'background-color':'#e8eaea',
 			 'color':'#333'
 			 
 		    })
 		 });

  
 	 //自适宽度
 	cautowidth()
  
})
      window.onresize = function(){
	   cautowidth()
	   
       }

  //宽度自适应
   function cautowidth(){
	  var awidth=$('.sjcindextab').width();
	  var bwidth=$('.sjc_indextop21').width(); 
	 	 $('.autolr .item-height').css({
	 	     "width":awidth-bwidth-10
	 	  })
   }

  //增加磁盘
     function adddisk(obj){
	 var $str=$(' <li><a class="del_li" onclick="delldesk(this)"  href="javascript:;"></a> <div class="sjcpro_input"><input type="text" placeholder="1-2000" style="width:56px;" /><span  class="sjcpro_em">GB</span> </div></li>');
	 var numtext=parseFloat($('#num_al').text())
	 var len=$('.sjcpro_addisk ul li').size();
	  if($(obj).hasClass('sjcpro_disabled')){
		 return false
	  }
 	  if(len==4){
	  $('.add_desk').addClass('sjcpro_disabled');
	  }
	  $('.sjcpro_addisk ul').append($str);
	  $('#num_al').text(numtext-1);
    }
	
  //删除磁盘
     function delldesk(obj){
	 var len=$('.sjcpro_addisk ul li').size();
	 var numtext=parseFloat($('#num_al').text());
	 if(len>0){
	 $('.add_desk').removeClass('sjcpro_disabled');	
	 $(obj).parent().remove();
	 $('#num_al').text(numtext+1);
	 }
	}
	
  //购物车飞入效果	
	function MoveBox(obj) {
    if($(obj).parents('body').find('p').hasClass('erro_from')){
		
		return false
		}
	var divTop = $('#mainCont').offset().top;
	var divLeft = $('#mainCont').offset().left;
	var $clon=$("#mainCont").clone();
	$clon.find('.f_jxcon').eq(3).remove();
	$clon.find('.btn_box').remove();
	$('body').append($clon);
	
	$clon.css({ 
			   "position": "absolute", "z-index": "500",
			   "opacity":0.5,
			   "left": divLeft + "px",
			   "top": divTop + "px" });
	$clon.animate({ 
				   "left": ($(".childrenBox").offset().left - $(".childrenBox").width()+380) + "px",
				   "top": ($(document).scrollTop()+10) + "px", 
				   "width": "10px", "height": "10px" }, 500).fadeTo(0, 0.3).hide(0);
	                
	/*$clon.animate({ 
				   "left": ($(".childrenBox").offset().left - $(".childrenBox").width()) + "px",
				   "top": ($(document).scrollTop()) + "px", 
				   "width": "10px", "height": "10px" }, 500, function () {
	                 $clon.animate({ "left": $(".childrenBox").offset().left + "px",
					"top": $(".childrenBox").offset().top + "px" }, 500).fadeTo(0, 0.1).hide(0);
	                });*/
}

