// JavaScript Document
function selectarea(curkey,keylist,sellist){
	var $tip = $(curkey), $keylist = $(keylist), $list = $(sellist);
	var len = $list.length;
	$tip.click(function(){
		$keylist.show();					
	}).hover(function(){},function(){$keylist.hide();});
	$list.each(function(){
		$(this).click(function(){
			$tip.find("span").html($(this).html());
			$('input[name=cid]',$tip).val($(this).attr('real_value'));
            $keylist.hide();
            return false;
		});				
	}).hover(function(){$(this).addClass("on");},function(){$(this).removeClass("on");});
}

function tab(nav,content,on,type){
	$(nav).children().bind(type,(function(){
		var $tab=$(this);
		var tab_index=$tab.prevAll().length;
		var $content = $(content).children();
		$(nav).children().removeClass(on);
		$tab.addClass(on);
		$(content).children().addClass("hide");
		$(content).children().eq(tab_index).removeClass("hide");
		$content.hide();
		$content.eq(tab_index).show();
		//$content.eq(tab_index).fadeIn();
	}));
	
}

function switchIndex(nav,content,on,index){		
		var $tab=$(nav).children().eq(index);
		var $content = $(content).children();
		$('html,body').animate({
			scrollTop:$tab.offset().top
		},1000);
		$(nav).children().removeClass(on);
		$(nav).children().removeClass("next");
		$tab.addClass(on);
		$tab.next().addClass("next");
		$content.hide();
		$content.eq(index).show();
}

function menuPro(nav){	
	$('li:has(> .secondNav)',nav).addClass('parent');
	$("li.parent",nav).hover(function(){
		$(this).addClass('on'); $('> a', this).addClass('hover'); 
	}, function(){
		$(this).removeClass('on'); $('> a', this).removeClass('hover'); 
	});
}

function accordion(nav,content,on,type){
	$(nav).bind(type, function(){
		var $cur = $(this);
		//$(nav).hasClass(on).next().hide();
		$(nav).removeClass(on);
		$(content).hide();
		$cur.addClass(on);
		$cur.next(content).show();
	})
}

function prlActice(nav){
	var $list = $(nav);
	$list.hover(function(){
		$(this).css({"background":"#c0e0ed"});				 
	},function(){
		$(this).css({"background":"none"});	
	});
}

function prlActive(nav){
	var $list = $(nav);
	$list.hover(function(){
		$(this).css({"border":"2px solid #14489b"});				 
	},function(){
		$(this).css({"border":"2px solid #fff"});	
	});
}

function gotop(){
	var $ua = navigator.userAgent.toLowerCase(),
	isChrome = $ua.indexOf("chrome") > -1,
	isSafari = $ua.indexOf("safari") > -1;
	var $top = $("#backup"),$th = isChrome||isSafari?document.body.scrollTop:document.documentElement.scrollTop;
	if($th != 0){
		$top.fadeIn(300);
	}else{
		$top.hide();
	}
	$(window).scroll(function(){
		$th = isChrome||isSafari?document.body.scrollTop:document.documentElement.scrollTop;
		if($th == 0){
			$top.hide();
		}
		else if($th > 0){
			$top.show();
		}
		
	});
	$top.click(function(e){
		$("body,html").animate({scrollTop:0});
		e.preventDefault();
	});
}

function pWin(windows,curPoint){
	$(curPoint).click(function(e){
		var $ua = navigator.userAgent.toLowerCase(),
			isChrome = $ua.indexOf("chrome") > -1,
			isSafari = $ua.indexOf("safari") > -1,
			top = (isChrome||isSafari?document.body.scrollTop:document.documentElement.scrollTop) + 80;
		$("#filter").height($("body").height()).show();
		$(windows).css({top:top}).show();
		e.preventDefault();
	});
	$(".close",$(windows)).click(function(e){
		$(windows).hide();
		$("#filter").hide();
		e.preventDefault();
	});
}

/*action start*/
$(function(){
    tab(".tab-s1-nav ul",".tab-s1-con","on","click");
    tab(".tab-s2-nav ul",".tab-s2-con","on","click");
	selectarea(".searchForm .prKey",".searchForm .keylist",".searchForm .keylist li");
	selectarea(".searchFormBottom .prKey",".searchFormBottom .keylist",".searchFormBottom .keylist li");
	menuPro(".nav");
	menuPro(".slideNav");
	accordion(".slideNav .pare",".slideNav li div","on","click");
	tab(".priductInfo .sTitle ul",".priductInfo .sContent","on","click");
	$(".topTen li").mouseover(function(){$(this).siblings("li").removeClass("on"); $(this).addClass("on");});
	prlActice("div.hotSale li");
	prlActive("div.boxModel li");
	gotop();

    $("#languageOn").click(function(){
        $("#languageSelect").toggle();
        return false;
    });
    $("#languageSelect a").each(function(){
        var $this = $(this);
        $this.attr('href',$this.attr('href') + '&u=' + document.URL);
    }).click(function(){ 
        var $this = $(this), c=$this.attr('class');
        var t=$this.text();
        $("#languageSelect").hide();
        if($("#languageOn").text() != t){
            $("#languageOn").attr('class',c);
            $("#languageOn").html(t);
        }else{
            return false;
        }
    });

    $("#countryOn").click(function(){
        $("#countrySelect").toggle();
        return false;
    });
    $("#countrySelect a").click(function(){ 
        var $this = $(this), c=$this.attr('class');
        var t=$this.text();
        $("#countrySelect").hide();
        if($("#countryOn").text() != t){
            $("#countryOn").attr('class',c);
            $("#countryOn").html(t);
        }else{
            return false;
        }
    });
	var h = document.documentElement.clientHeight;
	if(parseInt(h)<575){ $("#backup").css({top:460}); }
	//pWin("#feedbackShow","#feedback");
});

function rate(obj,oEvent){
    var imgSrc = '/images/starblank.gif'; //blank-star
    var imgSrc_2 = '/images/starfull.gif'; //full-star
    var e = oEvent || window.event;
    var target = e.target || e.srcElement;
    var imgArray = obj.getElementsByTagName("img");
    for(var i=0;i<imgArray.length;i++){
        imgArray[i]._num = i;
        imgArray[i].onclick=function(){
            obj.rateFlag=true;
            $("#grade").attr('value',this._num+1);
            //	alert(this._num+1);       //this._num+1 Write to the database this figure as the basis of score
            if(target.tagName=="IMG"){
                for(var j=0;j<imgArray.length;j++){
                    if(j<=target._num){
                        imgArray[j].src=imgSrc_2;
                    } else {
                        imgArray[j].src=imgSrc;
                    }
                }
            } else {
                for(var k=0;k<imgArray.length;k++){
                    imgArray[k].src=imgSrc;
                }
            }
        };
    }
    if(obj.rateFlag) return;

    if(target.tagName=="IMG"){
        for(var j=0;j<imgArray.length;j++){
            if(j<=target._num){
                imgArray[j].src=imgSrc_2;
            } else {
                imgArray[j].src=imgSrc;
            }
        }
    } else {
        for(var k=0;k<imgArray.length;k++){
            imgArray[k].src=imgSrc;
        }
    }
    return false;
}