$(init);
function init(){
    $('#product_bd').Drags({
        handler: '#information_top'
    });
    pre_next_pro_Click();
    readCookie();
    $('#popupWindow').floatdiv("middle");
} 
var prePro;
var nextPro;
function showPopUp(proID){      
    $('#popupWindow').show();
    var curImgLi = $('#imgLi'+proID);
    if(curImgLi.length > 0){ 
        showProDetail(proID);
        return;
    }    
    
    var preShowProCookie = getCookie('preShowPro');
    if(!preShowProCookie) preShowProCookie='';
    preShowProCookie += proID+',';
    SetCookie('preShowPro',preShowProCookie);
    var curImg = $('#proImg'+proID).attr('src');
    addPreShow(proID,curImg,$('#proName'+proID).html());
    showProDetail(proID);
}

function addPreShow(proID,ImgName,proName){
    var strArray = [];
    var imgList = $('#imgList');
    strArray.push('<li id="imgLi');
    strArray.push(proID);
    strArray.push('"><div onmouseover="toggleProImage(')
    strArray.push(proID);
    strArray.push(',this)" onmouseout="hideCloseBtn(');
    strArray.push(proID);
    strArray.push(')" class="imgListDiv" id="imgLiDiv');
    strArray.push(proID);
    strArray.push('"><a href="javascript:void(0)" onclick="showProDetail(');
    strArray.push(proID);
    strArray.push(')"><img src="');
    strArray.push(ImgName);
    strArray.push('" alt="" style="width:160px;height:120px;" /></a></div><span><a href="javascript:void(0)" onclick="showProDetail(');
    strArray.push(proID);
    strArray.push(')">');
    strArray.push(proName);
    strArray.push('</a></span></li>');
    imgList.append(strArray.join(''));
}

function closePopUp(){
    $('#popupWindow').hide();
}

function showProDetail(proID){
    $.getJSON('/ajax/GetProductDetail.ashx',{id:proID},function(data){
        for(var key in data){
            $('#'+key).html('&nbsp;&nbsp;'+data[key]);
        }
        $('#proDetailImage').attr('src','/uploadImages/'+data.ProductNum+'.jpg');
        var index = 0;
        $('#imgList > li').each(function(){
            if($(this).attr('id')=='imgLi'+proID){
                return false;
            }
            index++;
        });
        var preIndex = index - 1;
        var nextIndex = index + 1;
        var liLength = $('#imgList > li').length;
        if(preIndex < 0) preIndex = 0;
        if(nextIndex >= liLength) nextIndex = liLength - 1;
        prePro = $('#imgList > li:eq('+preIndex+')').attr('id').replace('imgLi','');
        nextPro = $('#imgList > li:eq('+nextIndex+')').attr('id').replace('imgLi','');
        $('#addToCart').unbind('click');
        $('#addToCart').click(function(){
            var preShowProCookie =  getCookie('ShoppingCar');
            var shoppingcarCookie = ',' + preShowProCookie;
            if(shoppingcarCookie.indexOf(proID)>=0)
            return;
            var cookies = preShowProCookie + proID +',';
            SetCookie('ShoppingCar',cookies);
            $.get('/ajax/SetShoppingCartCookie.ashx',{cookies:cookies});
            alert('已加入购物车');
        });
    });
}

function toggleProImage(proID,curImgLink){
    var curImg = $(curImgLink);
    var close_btn = '<div class="close_btn"><a href="javascript:void(0)" onclick="removeImg('+proID+')"><img src="/images/close_btn.JPG" alt="关闭"/></a></div>';
    if(curImg.find('.close_btn').length <= 0){
        $('#imgLiDiv'+proID).append(close_btn);
    }
    $('#imgLi'+proID+' .close_btn').show();
}

function removeImg(proID){
    $('#imgLi'+proID).remove();
    var preShowProCookie = getCookie('preShowPro');
    if(!preShowProCookie) return;
    var delPro = proID+',';
    preShowProCookie = preShowProCookie.replace(delPro,'');
    SetCookie('preShowPro',preShowProCookie);
}

function hideCloseBtn(proID){
    $('#imgLi'+proID+' .close_btn').hide();
}

function pre_next_pro_Click(){
    $('#prePro_btn').click(function(){
        showProDetail(prePro);
    });
    $('#nextPro_btn').click(function(){
        showProDetail(nextPro);
    });
}

function readCookie(){
    var preShowProCookie = getCookie('preShowPro');
    if(!preShowProCookie) return;
    var preShowArray = preShowProCookie.split(',');
    for(var i=0;i<preShowArray.length-1;i++){
        $.getJSON('/ajax/GetProductDetail.ashx',{id:preShowArray[i]},function(data){
            addPreShow(data.Id,'/images/'+data.Image,data.Name,data.ProductNum);
        });
    }
}