$(function(){

    // $(".photobox").click(function(){
    //     //1.배경보이기
    //     $("#dpbg").fadeIn(300);
    //     //2.이미지박스에 이미지넣기
    //     var tg = $("img",this).attr("src");//클릭된 이미지의 src
    // //				alert(tg);
    //     $("#dpbox")
    //     .html('<img src="'+tg+'" alt="big">')
    //     .fadeIn(300);//이미지박스 보이게
        
    // });//click

    // /////닫기버튼 클릭시 큰 이미지배경, 박스 사라지게하기////////
    // $(".cbtn").click(function(){
    //     $("#dpbg,#dpbox").fadeOut(300);				
    // });//click

    // //닫기버튼 마우스 시 회전하기  
    //     //transform rotate(각도) = animate메서드에 사용할 수 없으나 jQuery 플러그인 jQuery.rotate.js를 사용해서 구현할 수 있다.  
    // $(".cbtn").hover(
    // function(){//오버시
    //     $(this).stop().animate({rotate:"-90deg"},200);
    // },
    // function(){//아웃시
    //     $(this).stop().animate({rotate:"0deg"},200);
    // });//hover//////////////


      //bxslider
      $('.bxslider').bxSlider({
        auto: true,
        speed: 500,
        pause: 4000,
        mode:'fade',
        autoControls: true,
        pager:true,
    });
    
});