/*
 *  页面通用脚本
 *      1-  页面元素定位
 *      2-  主菜单显示控制
 *      3-  搜索事件
 *      4-  购物车功能菜单：显示、删除与更新
 *      5-  商品属性
 *              By iawen 2010-04-09 11:04
 */

//获取页面指定元素的绝对位置(左上角的点[top & left])
function getTop(e){
    var offset=e.offsetTop;
    if(e.offsetParent!=null)
        offset+=getTop(e.offsetParent);
    return offset;
}
function getLeft(e){
    var offset=e.offsetLeft;
    if(e.offsetParent!=null)
        offset+=getLeft(e.offsetParent);
    return offset;
}



//对弹出的提示消息进行再次封装，以便调用
$(function(){

    jQuery.PopupMyError=function(tip_type,text,time){
        $.pnotify({
            pnotify_title:  "操作提示",
            pnotify_text:   text,
            pnotify_width:  "200px",
            pnotify_type:   tip_type,
            pnotify_delay:  time,
            pnotify_stack:  {"dir1": "left", "dir2": "up", "push": "top"}
        });
    };
});


//主菜单显示脚本
$(document).ready(function(){
//    var timeout         = 500;  //延时消失时间
//    var closetimer		= 0;    //时钟ID
//    var ddmenuitem      = 0;    //当前显示菜单列
//    
//    $('#jsddm > li').hover(function(){
//        if(closetimer)
//		    clearTimeout(closetimer);
//        if(ddmenuitem)
//            ddmenuitem.css('visibility', 'hidden');
//        ddmenuitem = $(this).find('ul').eq(0).css({'visibility':'visible','opacity':'0.9'}); 
//        
//      
//        if($(this).text().split(' ')[0]=='彩妆'||$(this).text().split(' ')[0]=='香水')
//        {
//             $("#ddlbrand").hide();
//              $("#barsearch2").css("margin-left","100px");

//        }else
//        {
//             $("#ddlbrand").show();
//             $("#barsearch2").css("margin-left","0px");
//        }
//    },function(){
//        closetimer = setTimeout(function(){  

//            $("#ddlbrand").show();
//            $("#barsearch2").css("margin-left","0px");
//   
//            if(ddmenuitem)
//                ddmenuitem.css('visibility', 'hidden');
//              
//                
//        },timeout);
//    });
});


//绑定搜索按钮事件及品牌下拉菜单
//$(function(){
//liuxinjun2010-9-13
//    var keyword="热门搜索关键字：防晒  美白";
//    $('#txtKey').val(keyword);
//    $('#txtKey').blur(function(){
//        if(this.value=="")
//            this.value=keyword;
//    }).focus(function(){
//        if(this.value==keyword)
//            this.value="";
//    });
//        
//    $('#barsearch2').click(function(){
//        var key=$('#txtKey').val();
//        var brand=$('#ddlbrand').val();
//        if(key==keyword)
//            key="";
//        var url="/Search.aspx?key="+escape(key)+"&brand="+brand;
//        window.location=url;
//    });
//    
//    var selectedBrand=$('#ddlbrand');
//    $.ajax({
//		url: "/Config/brand.xml",
//		dataType:   "xml", 
//		success: function(xml){
//		    $('<option value="" selected="true">所有品牌</option>').appendTo(selectedBrand);
//			$('item',xml).each(function(){
//		        $('<option value="'+$(this).attr('id')+'">'+$(this).attr('name')+'</option>').appendTo(selectedBrand);
//			});
//		}
//	});
//});

//加载快捷菜单里的购物车清单，并绑定相关事件
$(function(){

        $("a").mouseover(function()
        {
            $(this).attr("hideFocus","true");
           
        });
        $("#jsddm>li>span").hover(function()
        {
            $(this).css("background","#9C231B").css("text-decoration","underline");
        },function()
        {
            $(this).css("background","none").css("text-decoration","none");
        });
        $("#jsddm>li>ul>li>span").hover(function()
        {
            $(this).css("background","#E1E1E1").css("text-decoration","underline");
        },function()
        {
            $(this).css("background","none").css("text-decoration","none");
        });


       $("#jsddm>li>span,#jsddm>li>ul>li>span").each(function()
       {

             $(this).click(function()
             {
                    var index =$(this).attr("lang");
                    //alert("beforeclick:"+document.cookie.toString());
                    document.cookie = "index="+index+";path=/";
                    //alert("afterclick:"+document.cookie.toString());
                    var url = "";
                    if(index==0)
                    {
                        url = $(this).attr("class");
                    }else{
                    
                        url= window.location.href.split('/')[0]+'//'+window.location.href.split('/')[2]+$(this).attr("class").split('.')[0]+'/'+index+'.'+$(this).attr("class").split('.')[1];
 
                    }
                    
                    window.location.href = url;
             });

       });
   
//    var load = function()
//    {
//         var arr=new Array();
//         var strCookie =document.cookie.toString();
//         arr = strCookie.split(';');
//          
//         for(var i=0;i< arr.length;i++)
//         {
//             if(arr[i]!=''&&typeof arr[i] != 'undefined')
//             {
//               // alert(arr[i]);
//                 var brr = new Array();
//                 brr = arr[i].split('=');
//                 
//               
//                 
//                 if(brr[0]=="index")
//                 {
//               
//                    //$("#jsddm>li>span").eq(parseInt(brr[1]));
//                 }
//              }
//         }
//    }
//    load();


    jQuery.PopupMyError= function (tip_type, text, time) 
    {

        $.pnotify({
                 pnotify_title: "操作提示",
                 pnotify_text: text, 
                 pnotify_width: "200px", 
                 pnotify_type: tip_type, 
                 pnotify_delay: time, 
                 pnotify_stack: {dir1: "left", dir2: "up", push: "top"}
         });
    }
    
//	jQuery.UpdateShoppingCart=function()
//	{
//        
//	    $.ajax({
//            url: '/loadPage/getCart.aspx',
//            timeout: 4000,
//            success: function(xmlData){ 
//                scsFunction(xmlData)
//            },
//            complete:function (xmlHttp, status)
//            {
//                if(status!="success")
//                {
//                    $.ajax({
//                        url: '/loadPage/getCart.aspx',
//                        timeout: 4000,
//                        success: function(xmlData){
//                            scsFunction(xmlData)
//                        }
//                        
//                      });
//                }
//                
//            }
//        });   
//	}
	
////	var scsFunction = function(xmlData)//取消快捷菜单
////	{
////	        //去掉了换行 购物车【<span class="ba_class1">0</span> 件商品】合计：<span class="ba_class1">0</span>元
////	       $('.right .shoppingInfo').html(' 购物车【<span class="ba_class1">'+$('total',xmlData).attr('number')+'</span> 件商品】 合计：<span class="ba_class1">'+$('total',xmlData).attr('webamount')+'</span>元');
////           var end = new Date();
////               
////                $('#shoppingCartbody .body').html('');
////                var newUL=$('<ul id="quickcart"></ul>');
////                newUL.appendTo($('#shoppingCartbody .body'));
////                
////                var status=$('status',xmlData).text();
////                if(status=='0'){
////                 $('<li>尚未购买商品<li>').appendTo(newUL);

////                }
////                else{
////                    $('item',xmlData).each(function(index){
////                        $('<li>'+$(this).attr('name')+'['+$(this).attr('quantity')+'件]<span class="delete" id='+$(this).attr('id')+'><img src="/images/remove.png" alt="从购物车中移除此商品" ></span></li>').appendTo(newUL);
////                    });
////                    $('<li class=total>共'+$('total',xmlData).attr('number')+'件商品<br />金额：'+$('total',xmlData).attr('webamount')+'</li>').appendTo(newUL);
////                }
////               
////                $('#quickcart .delete').each(function(){
////                    $(this).click(function(){

////                        if(!confirm("你确定要从购物车中移除此商品??")){
////                            return false;
////                        }
////                        $.ajax({
////                            url: '/loadPage/managerCart.aspx?type=2&id='+$(this).attr('id'),
////                            dataType: 'text',
////                            timeout: 4000,
////                            async: false,
////                            success: function(data){
////                                
////                                $.UpdateShoppingCart();
////                            }
////                        });
////                    });
////                });
////	}
	
	//主菜单显示脚本
	var timeout         = 500;  //延时消失时间
    var closetimer		= 0;    //时钟ID
    var ddmenuitem      = 0;    //当前显示菜单列
    var isClick         = 0;
    $('#jsddm > li').hover(function(){
        if(closetimer)
		    clearTimeout(closetimer);
        if(ddmenuitem)
            ddmenuitem.css('visibility', 'hidden');
        ddmenuitem = $(this).find('ul').eq(0).css({'visibility':'visible','opacity':'0.9'}); 
        
//        控制select的显示与隐藏 避免其遮盖下拉菜单  
//        if($(this).text().split(' ')[0]=='彩妆'||$(this).text().split(' ')[0]=='香水')
//        {
//             $("#ddlbrand").hide();
//              $("#barsearch").css("margin-left","100px");

//        }else
//        {
//             $("#ddlbrand").show();
//             $("#barsearch").css("margin-left","0px");
//        }
    },function(){
        closetimer = setTimeout(function(){  
//            控制select的显示与隐藏 避免其遮盖下拉菜单 
//            $("#ddlbrand").show();
//            $("#barsearch").css("margin-left","0px");
//            if(!isClick)
//           {
                if(ddmenuitem)
                    ddmenuitem.css('visibility', 'hidden');
//           }
//           isClick = 0;    
                
        },timeout);
    });



	//var keyword="热门搜索关键字：防晒  美白";
	var keyword="请输入搜索关键字";
    $('#txtKey').val(keyword);
    $('#txtKey').blur(function(){
        if(this.value=="")
            this.value=keyword;
    }).focus(function(){
        if(this.value==keyword)
            this.value="";
      
    });
  
        
    $('#txtKey').bind("keyup",function(event)
    {
           if(event.keyCode==13&&this.value!="")
           {
               searchClk();
           }
     });
    $('#barsearch').click(function(){
       searchClk();
    });
        
    var searchClk = function()
    {
        var key=$('#txtKey').val();
        //去掉了品牌列表
        //var brand=$('#ddlbrand').val();
        if(key==keyword)
            key="";
        if(key.length>40)
        {
            alert("搜索关键字请不要长于40个字符！");
            return;
        }
        //var url="/Search.aspx?key="+escape(key)+"&brand="+brand;
        var url="/Search.aspx?key="+escape(key);
        window.open(url,"_blank");
    }
    var selectedBrand=$('#ddlbrand');
    $.ajax({
		url: "/Config/brand.xml",
		dataType:   "xml", 
		success: function(xml){
		    $('<option value="" selected="true">所有品牌</option>').appendTo(selectedBrand);
			$('item',xml).each(function(){
		        $('<option value="'+$(this).attr('id')+'">'+$(this).attr('name')+'</option>').appendTo(selectedBrand);
			});
		}
	});
	
	  jQuery.mouseFunction=function(length){
        var mouseInfo=$('#mouseinfo');
        var loadImg=$('<img/>').attr('src','/images/LoadingImg.gif').attr('alt','数据加载中....').css('padding','45px 45px 45px 45px');
	    mouseInfo.ajaxStart(function(){
	        loadImg.appendTo($(this));
	        loadImg.show();
	    });
	    mouseInfo.ajaxStop(function(){
	        loadImg.fadeOut('slow');
	        loadImg.remove();
	    });
	    
	    //生成统一的商品信息显示模板
	    var GetInfoTable=function(oneData,mouseUL){
	        var the=$('item',oneData);
            $('<li><h4>'+the.attr('name')+'</h4></li>').appendTo(mouseUL);
            $('<li><span>产品编号：</span>'+the.attr('bm')+'</span></li>').appendTo(mouseUL);
              
            $('<li><span>商品规格：</span>'+the.attr('gg')+'</li>').appendTo(mouseUL);
            $('<li><span>所属品牌：</span>'+the.attr('brand')+'</li>').appendTo(mouseUL);
            $('<li><span>商品类别：</span>'+the.attr('category')+'</li>').appendTo(mouseUL);
            $('<li><span>成交次数：</span>'+the.attr('salessum')+'</li>').appendTo(mouseUL);
            $('<li><span>商品功效：</span>'+the.attr('keywords')+'</li>').appendTo(mouseUL);
            var newLI=$('<li></li>');
            $('<span>网友评分：</span>').appendTo(newLI);
            var subDiv=$('<div class="score"></div>');
            $('<input type="radio" name="score" class="star {split:2}" value="1" />').appendTo(subDiv);
            $('<input type="radio" name="score" class="star {split:2}" value="2" />').appendTo(subDiv);
            $('<input type="radio" name="score" class="star {split:2}" value="3" />').appendTo(subDiv);
            $('<input type="radio" name="score" class="star {split:2}" value="4" />').appendTo(subDiv);
            $('<input type="radio" name="score" class="star {split:2}" value="5" />').appendTo(subDiv);
            $('<input type="radio" name="score" class="star {split:2}" value="6" />').appendTo(subDiv);
            $('<input type="radio" name="score" class="star {split:2}" value="7" />').appendTo(subDiv);
            $('<input type="radio" name="score" class="star {split:2}" value="8" />').appendTo(subDiv);
            $('<input type="radio" name="score" class="star {split:2}" value="9" />').appendTo(subDiv);
            $('<input type="radio" name="score" class="star {split:2}" value="10" />').appendTo(subDiv);
            subDiv.appendTo(newLI);
            newLI.appendTo(mouseUL);
            
            $('.star').eq(the.attr('score')-1).attr("checked",true);
            $('.star').attr('disabled','disabled').rating();
	    };
	    
        $('div.list_item .img').each(function(index){
            $(this).hover(function(){
                mouseInfo.show();
                $(this).children().css('opacity','0.6');
                var mouseUL=$('<ul></ul>');
                mouseUL.appendTo(mouseInfo);
                
                var proBM=$(this).attr('id');
                if(!mouseInfo.data(proBM)){
                    $.ajax({
                        url: '/loadPage/GetProductAttr.aspx?bm='+proBM,
                        timeout: 9000,
                        success:function(oneData){
                            mouseInfo.data(proBM,oneData);
                            GetInfoTable(oneData,mouseUL);
                        }
                    });
                }
                else{
                    var oneData=mouseInfo.data(proBM);
                    GetInfoTable(oneData,mouseUL);
                }
                
                var left=null;
                var positionDiv=$(this).parent().get(0);
                if(length==undefined)
                    length=5;//默认为一行5个商品
                if( (index+1)%length==0  ){
                    left=getLeft(positionDiv)-148;
                }
                else{
                    left=getLeft(positionDiv)+148;
                }
                mouseInfo.appendTo($('body')).css({'top':getTop(positionDiv)+10,'left':left});
            },function(){
                $(this).children().css('opacity','1');
                $('#mouseinfo').empty().hide();
            });
        });
    }
});

//在数据加载成功后，为每个商品添加鼠标移动效果
//      调用时机：在商品列表加载完成后调用
//$(function(){
//liuxinjun2010-9-13
//    jQuery.mouseFunction=function(length){
//        var mouseInfo=$('#mouseinfo');
//        var loadImg=$('<img/>').attr('src','/images/LoadingImg.gif').attr('alt','数据加载中....').css('padding','45px 45px 45px 45px');
//	    mouseInfo.ajaxStart(function(){
//	        loadImg.appendTo($(this));
//	        loadImg.show();
//	    });
//	    mouseInfo.ajaxStop(function(){
//	        loadImg.fadeOut('slow');
//	        loadImg.remove();
//	    });
//	    
//	    //生成统一的商品信息显示模板
//	    var GetInfoTable=function(oneData,mouseUL){
//	        var the=$('item',oneData);
//            $('<li><h4>'+the.attr('name')+'</h4></li>').appendTo(mouseUL);
//            $('<li><span>产品编号：</span>'+the.attr('bm')+'</span></li>').appendTo(mouseUL);
//              
//            $('<li><span>商品规格：</span>'+the.attr('gg')+'</li>').appendTo(mouseUL);
//            $('<li><span>所属品牌：</span>'+the.attr('brand')+'</li>').appendTo(mouseUL);
//            $('<li><span>商品类别：</span>'+the.attr('category')+'</li>').appendTo(mouseUL);
//            $('<li><span>成交次数：</span>'+the.attr('salessum')+'</li>').appendTo(mouseUL);
//            $('<li><span>商品功效：</span>'+the.attr('keywords')+'</li>').appendTo(mouseUL);
//            var newLI=$('<li></li>');
//            $('<span>网友评分：</span>').appendTo(newLI);
//            var subDiv=$('<div class="score"></div>');
//            $('<input type="radio" name="score" class="star {split:2}" value="1" />').appendTo(subDiv);
//            $('<input type="radio" name="score" class="star {split:2}" value="2" />').appendTo(subDiv);
//            $('<input type="radio" name="score" class="star {split:2}" value="3" />').appendTo(subDiv);
//            $('<input type="radio" name="score" class="star {split:2}" value="4" />').appendTo(subDiv);
//            $('<input type="radio" name="score" class="star {split:2}" value="5" />').appendTo(subDiv);
//            $('<input type="radio" name="score" class="star {split:2}" value="6" />').appendTo(subDiv);
//            $('<input type="radio" name="score" class="star {split:2}" value="7" />').appendTo(subDiv);
//            $('<input type="radio" name="score" class="star {split:2}" value="8" />').appendTo(subDiv);
//            $('<input type="radio" name="score" class="star {split:2}" value="9" />').appendTo(subDiv);
//            $('<input type="radio" name="score" class="star {split:2}" value="10" />').appendTo(subDiv);
//            subDiv.appendTo(newLI);
//            newLI.appendTo(mouseUL);
//            
//            $('.star').eq(the.attr('score')-1).attr("checked",true);
//            $('.star').attr('disabled','disabled').rating();
//	    };
//	    
//        $('div.list_item .img').each(function(index){
//            $(this).hover(function(){
//                mouseInfo.show();
//                $(this).children().css('opacity','0.6');
//                var mouseUL=$('<ul></ul>');
//                mouseUL.appendTo(mouseInfo);
//                
//                var proBM=$(this).attr('id');
//                if(!mouseInfo.data(proBM)){
//                    $.ajax({
//                        url: '/loadPage/GetProductAttr.aspx?bm='+proBM,
//                        timeout: 9000,
//                        success:function(oneData){
//                            mouseInfo.data(proBM,oneData);
//                            GetInfoTable(oneData,mouseUL);
//                        }
//                    });
//                }
//                else{
//                    var oneData=mouseInfo.data(proBM);
//                    GetInfoTable(oneData,mouseUL);
//                }
//                
//                var left=null;
//                var positionDiv=$(this).parent().get(0);
//                if(length==undefined)
//                    length=5;//默认为一行5个商品
//                if( (index+1)%length==0  ){
//                    left=getLeft(positionDiv)-148;
//                }
//                else{
//                    left=getLeft(positionDiv)+148;
//                }
//                mouseInfo.appendTo($('body')).css({'top':getTop(positionDiv)+10,'left':left});
//            },function(){
//                $(this).children().css('opacity','1');
//                $('#mouseinfo').empty().hide();
//            });
//        });
//        
        
//        
//                $('div.list_item_list .img_list').each(function(index){//取消鼠标停留在图片上显示效果
//            $(this).hover(function(){
//                mouseInfo.show();
//                $(this).children().css('opacity','0.6');
//                var mouseUL=$('<ul></ul>');
//                mouseUL.appendTo(mouseInfo);
//                
//                var proBM=$(this).attr('id');
//                if(!mouseInfo.data(proBM)){
//                    $.ajax({
//                        url: '/loadPage/GetProductAttr.aspx?bm='+proBM,
//                        timeout: 9000,
//                        success:function(oneData){
//                            mouseInfo.data(proBM,oneData);
//                            GetInfoTable(oneData,mouseUL);
//                        }
//                    });
//                }
//                else{
//                    var oneData=mouseInfo.data(proBM);
//                    GetInfoTable(oneData,mouseUL);
//                }
//                
//                var left=null;
//                var positionDiv=$(this).parent().get(0);
//                if(length==undefined)
//                    length=5;//默认为一行5个商品
//                if( (index+1)%length==0  ){
//                    left=getLeft(positionDiv)-148;
//                }
//                else{
//                    left=getLeft(positionDiv)+148;
//                }
//                mouseInfo.appendTo($('body')).css({'top':getTop(positionDiv)+10,'left':left});
//            },function(){
//                $(this).children().css('opacity','1');
//                $('#mouseinfo').empty().hide();
//            });
//        });
        
        
        
 //   };
 
//});