productInit = function() {
    // 小Nav
    $('.productSlider').dramaSlider({
        navA: 'a.thumb_left',
        navB: 'a.thumb_right'
    });
    
    // popup slider
    $('#slider').dramaSlider({
        navA: 'a.arrowLeft',
        navB: 'a.arrowRight'
    });
    
    $('#proImgPopup').hide();
    
    // 設定大圖
    $('div.bigImg img')
        //.draggable() // 拖曳
        .filter(':not(:first)')
        .hide(); // 隱藏其他圖片
        
    // 關閉popup功能
    $('a.popClose').click(function() {
        $.unblockUI();
        return false;
    });
        
    // 小圖點大圖
    $('.productSlider li').each(function(i) {
        $(this).click(function() {
            // 叫出大圖
            $('div.bigImg img')
                .css({left: 0, top: 0})
                .hide()
                .eq(i)
                .show();
            
            // 小圖加框
            $('.popupThumb')
                .css({border: '1px solid #a6a6a6'})
                .eq(i)
                .css({border: '2px solid #a6a6a6'});
                
            // 置換Header
            $('#proImgPopup .header h3')
                .html($('.popupThumb').eq(i).attr('title'));
            
            $.blockUI({
                message: $('#proImgPopup'),
                css: {
                    top: ($(window).height() - 444) / 2,
                    left: ($(window).width() - 558) / 2,
                    border: 0,
                    cursor: 'default'
                }
            });
        });
    });
    
    // nav
    $('.popupThumb').each(function(i) {
        $(this).click(function() {
            // 框線
            $(this)
                .css({border: '2px solid #a6a6a6'})
                .siblings()
                .css({border: '1px solid #a6a6a6'});
            
            // 換圖
            $('div.bigImg img')
                .css({left: 0, top: 0})
                .hide()
                .eq(i)
                .show();
                
            // 置換Header
            $('#proImgPopup .header h3')
                .html($(this).attr('title'));
        });
    });
}

navInit = function($id) {
    // 先關閉所有次分類
    $('#sideBar li.sub').hide();
    
    // 預設開啟項目
    if ($id != '') {
        // 有id傳進來的話，打開該id
        $('#sideBar li#' + $id).addClass('choose');
        $('#sideBar li.sub')
            .filter('[title="' + $id + '"]')
            .show();
    } else {
        // 打開第一筆
        $('#sideBar li:first')
            .addClass('choose')
        $('#sideBar li.sub')
            .filter('[title="' + $('#sideBar li:first').attr('id') + '"]')
            .show();
    }
    
    // 點取
    /*$('#sideBar li:not(.sub)').each(function() {
        $('#sideBar li.sub').removeClass('choose');
        $(this)
            //.addClass('choose2')
            .click(function() {
                $('#sideBar li.sub')
                    .hide()
                    .filter('[title="' + $(this).attr('id') + '"]')
                    .show();
                return false;
            });
    });*/
	/*$('#sideBar li:not(.sub)').each(function() {
		$(this).click(function() {
			$(this)
				.addClass('choose')
				.siblings(':not(.sub)')
				.removeClass('choose');
				return false;
		});
	});*/
	$('#sideBar li:not(.sub)').each(function() {
		$(this).click(function() {
			$(this)
				.addClass('choose')
				.siblings(':not(.sub)')
				.removeClass('choose')
				.siblings('.sub')
					.hide()
				.end()
				.siblings('[title="' + $(this).attr('id') + '"]')
					.show()
			return false;
		});
	});


}