$(document).ready(function() {
  qc.setHd()
  qc.bind()
});	  
var qcs = {}

qcs.Btab = function (o) {
     this.c = T.G(o.contentId);	    //切换元素父元素的ID
     this.cur = o.curHighlight;		    //当前高亮
     this.tag = o.tagName;		        //切换元素的tagname
     this.callback = o.callback;        //回调
     this.highlightClassName = o.highlightClassName;	 //高亮的className
     this._render();
}
qcs.Btab.prototype = {
    _render : function(){
         var me = this;
         var stag = this.c.getElementsByTagName(this.tag);
		 if(me.cur != null){
			T.addClass(stag[me.cur], me.highlightClassName);
		 }
         
         for(var i = 0;i < stag.length;i++){
            (function(){
                 var j = i;
                 T.event.on(stag[j], "click", function(){
                    if(T.dom.hasClass(this,me.highlightClassName)){
                        return;
                    }else{
						if(me.cur != null){
							T.removeClass(stag[me.cur], me.highlightClassName);
						}
                        
                        me.cur = j;
                        T.addClass(this, me.highlightClassName);
                        me.callback(j);
                    }
                 });
            })()
         }
         if(me.cur != null){
           // me.callback(me.cur);
         }
    }
}

var qc = {};

qc.setHd = function(){
	//parseInt($(this).attr('lang')) - 1;
	var num = 0;
	var mytab = new qcs.Btab({
		contentId :"change",	
		tagName  : "span",
		highlightClassName : "on",
		curHighlight: 0,
		callback  : function(index){
			if(num > index){
				$('#hdul').animate({left: '+='+(num-index)*468}, 300);
				num = index
			}else{
				$('#hdul').animate({left: '-='+(index-num)*468}, 300);
				num = index
			}
			
		}	
	})	
	
}

var Mask = function(){  
	function load(){  
		var jq = _render() ;  
	} ;  
	function _render(){ 
		var _div = $('<div id="masks"></div>').addClass("mask").appendTo("body") ;  
		var _css = _getCss() ;  
		_div.css(_css).fadeIn() ;  
		return _div ;  
	} ;  
	function _getCss(){  
		var css = {  
			display : "none" ,  
			top : 0 +  "px" ,  
			left : 0 + "px" ,  
			width : document.documentElement.scrollWidth + "px" ,  
			height : document.documentElement.scrollHeight + "px" ,  
			zIndex : 9999 ,  
			opacity : 0.7  
		} ;  
		return css ;  
	} ;  
	return {  
		load : load 
	} ;  
}() ;

var showMaskBox = function(){  
	$("#maskbox").css({
		display : '',
		top : 0 +  "px" ,  
		left : 0 + "px" ,  
		width : $("#box").width() + "px" ,  
		height : $("#box").height() + "px" ,  
		zIndex : 9999,  
		opacity : 0.6  
	})
} ;

qc.showMask = function(){
	//showMaskBox()
	if(document.getElementById("masks")){
		$("#masks").fadeIn()
	}else{
		Mask.load() ;  
		$(window).resize(function() {
			  $("#masks").css({
				"width":document.documentElement.scrollWidth + "px",
				height : document.documentElement.scrollHeight + "px"
			  });
		});	
	}
	
}
qc.hideMask = function(){
	$("#masks").fadeOut()
}
qc.dg = {
	
	2 : {
		title : '观看视频',
		html : '<div class="sdbox"><embed src="http://player.youku.com/player.php/sid/XMzIwMTY3Mzgw/v.swf" allowFullScreen="true" quality="high" width="460" height="260" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></div>'
	},
	5 : {
		title : '千尺app',
		html : '<div class="sdbox"><img src="static/img/t/5.jpg"></div>'
	},
	8 : {
		title : '应用商店',
		html : '<div class="sdbox"><img src="static/img/t/7.jpg"></div>'
	},
	10 : {
		title : '千尺看图',
		html : '<div class="sdbox"><img src="static/img/t/9.jpg"></div>'
	}
}
qc.hdshow = function(n){
	if(qc.dg[n]){
		$('#dialog').html(qc.dg[n].html) 
		$('#showdialog').attr('title',qc.dg[n].title)
		$("#showdialog").click();
		$('#TB_window').attr('class','tan'+n)
	}
	
				  
	
} 
qc.bind = function(){
	$('#f div').each(function (i) {
		$('#f div:eq('+i+')').bind('mouseover',function(e){
			$('#f div').css({opacity : 0.3 })	
			$(this).css({opacity : 1 })	
		}) 
    });
	$('#f').bind('mouseout',function(e){
		if(e.relatedTarget){
			if(e.relatedTarget.id=='downs' || e.relatedTarget.className =='jimg' || e.relatedTarget.className =='allbg' || e.relatedTarget.className =='main' || e.relatedTarget.className =='logo'|| e.relatedTarget.className =='root' || e.relatedTarget.className =='hd' || e.relatedTarget.className =='noshow'){
				$('#f div').css({opacity : 1 })	
			}
		}
		
	}) 
	
}
var qianchi = function(){
	$('#f div').css({opacity : 1 })	
}