$(function(){
	var _window = $(window);
    var change = 0;
     var imgviewbox = $('.imgviewbox');
    if(_window.width() > 769 && change != 960 ){
        change = 960;

        moreview = true;

		smallPicBox();
        zoonbox();
    }else if(_window.width() <= 768 && change!= 768){
        change = 768;
		$('article').on('click','img', function(event) {
			var html ='<img src="'+$(this).attr('src')+'">' ;
			imgviewbox.append(html).css('display','block');
		});
		imgviewbox.on('click','.close', function(event) {
			imgviewbox.css('display','none').find('img').remove();
		});
    };

    _window.on('resize',function(){
        if( _window.width() > 768 && change != 960){
 			 change = 960;
			$('article').off('click','img');
			imgviewbox.off('click','.close');
        }else if(_window.width() <= 768 && change != 768){
            change = 768;
			$('article').on('click','img', function(event) {
				var html ='<img src="'+$(this).attr('src')+'">' ;
				imgviewbox.append(html).css('display','block');
			});
			imgviewbox.on('click','.close', function(event) {
				imgviewbox.css('display','none').find('img').remove();
			});
        };
    });
})