$(document).ready(function(){


$('.about_us .btn_more').click(function(){
$(this).parents('.div_hide_parent').find('.div_sub').removeClass('xs-hide');
$(this).parents('.div_hide_parent').find('.text-center').remove();

 


})

//alert($(window).width());


if($( window ).width() < 450){
$('#camera_wrap_1').camera({
				thumbnails: false,
				minHeight: '350px',
				fx:'bottomRightTopLeft',
				playPause:false,
				pauseOnClick:false,
				time:4000,
				navigation:false,
				hover:false,
				transPeriod: 700,
				loader:'none'

});

}else{
$('#camera_wrap_1').camera({
				thumbnails: false,
				fx:'bottomRightTopLeft',
				playPause:false,
				pauseOnClick:false,
				time:4000,
				navigation:false,
				hover:false,
				transPeriod: 700,
				loader:'none'

});

}

$('.btn_edit_name').click(function(){

	
	
	
	if(!$(this).hasClass('need_update')){
    	$('.div_profile_area').toggleClass('selected');
    	if($('.div_profile_area').hasClass('selected')){
    		$('.div_profile_area label , .div_profile_area span').show();
    		$('.div_profile_area input').removeAttr('disabled');
    		$('.btn_edit_name').html('');
    	}else{
    		$('.div_profile_area label , .div_profile_area span').hide();
    		$('.div_profile_area input').attr('disabled','disabled');
    		$('.btn_edit_name').html('');
    	}
	}
	
	
})

$('.btn_update_work').click(function(){

	var id= '';

	$('.btn_select_remove_work.selected').each(function(){
	id += $(this).attr('data-work')+',';
	})

	    $.ajax({
		type: "POST",
		url: '/?task=update_designer_work_status',
			data: ({id:id}),
			success: function(response) {
			var obj = JSON.parse(response);
		    for (const [key, value] of Object.entries(obj)) {
   					
   					$('.btn_select_remove_work[data-work='+ `${value}` +']').parent('div').remove();
   					
   					
			}
		    $('.btn_update_work').hide();
		    
		}
	});
})


 if(document.referrer =='' || document.referrer.indexOf('')<0){
 	$('.div_btn_back').hide();
 }else{
 	$('.div_btn_back').show();
 }

AOS.init();


$('.div_btn_back').click(function(){

 history.go(-1);

 return false;
});


$('.div_profile_area input  ,#file-upload-profile_pic-file-chosen  ').change(function(){
	$('.btn_edit_name').addClass('need_update');	
})

$('.btn_edit_name').click(function(){

if($(this).hasClass('need_update') && $('input[name=designer_name]').val()!='' ){
	
	$('#form_designer_admin').submit();

}


})



$('.btn_show_add_new_work').click(function(){

	$(this).hide();
	$('.div_add_new_work').css('display', 'flex');
})

$('.btn_select_remove_work').click(function(){

	$(this).toggleClass('selected');
	
	
	if( $('.btn_select_remove_work.selected').length > 0 ){
		$('.btn_update_work').show();
		
	}else{
		$('.btn_update_work').hide()
		
	}
})

$('.btn_send_forgot').click(function(){


	var err = 0;
    var msg = '';
	
    $('*').removeClass('err');
   
   
    if(!isEmail($('.str_forgot').val())){
		$('.str_forgot').addClass('err');
		err = 2;
		$('#popup_info .title').html('');
		$('#popup_info').modal('show');		    			
    }
   
	if(err>0){
		$('#popup_info .title').html('');
		$('#popup_info').modal('show');
    }else{
		
    $.ajax({
		type: "POST",
		url: '/?task=sent_forgot',
			data: ({email:$('.str_forgot').val()}),
			success: function(response) {
			var obj = JSON.parse(response);
		    if(obj.status=='1'){
		    	$('#popup_info .title').html(obj.msg);
    			$('#popup_info').modal('show');
    			setTimeout(function(){location = '/';}, 2000);
		    }
		}
	});
    }

})

$('.btn_send_contact_us_1').click(function(){

	var err = 0;
    var msg = '';
    
    
    
	
    $('*').removeClass('err');
    $('#form_contact_us .req').each(function(){

    	if($(this).val()==''){
			$(this).addClass('err');
			err = 1;
			msg = '';
		}
    });
    
    
   /* if(!isEmail($('input[name=login_email]').val())){
    	err = 2;
		msg = '';
    }*/
    
    if( $('input[name=tel]').val().length!=8 || !isNumeric($('input[name=tel]').val())  ){
    	err = 3;
		msg = '';
    }
    
    
    if( $('#gc').val().length < 10 ){
    
     err = 10;
     msg='';
    }
    
    
	if(err>0){
        $('#popup_info .title').html(msg);
    	$('#popup_info').modal('show');
    }else{

    	$('#form_contact_us').submit();
    }
    
    
});

$('.btn_send_contact_us').click(function(){

	var err = 0;
    var msg = '';
	
    $('*').removeClass('err');
    $('#form_contact_us .req').each(function(){

    	if($(this).val()==''){
			$(this).addClass('err');
			err = 1;
			msg = '';
		}
    });
    
    
   /* if(!isEmail($('input[name=login_email]').val())){
    	err = 2;
		msg = '';
    }*/
    
    if( $('input[name=tel]').val().length!=8 || !isNumeric($('input[name=tel]').val())  ){
    	err = 3;
		msg = '';
    }
    
    
	if(err>0){
        $('#popup_info .title').html(msg);
    	$('#popup_info').modal('show');
    }else{

    	$('#form_contact_us').submit();
    }
    
    
});



$('.txt_search').keyup(function (e) {
    if ($(this).is(":focus") && (e.keyCode == 13)) {
		window.location = "//decoration_knowledge_search/" + $(this).val() + '/new';
    }
});


$('.btn_work_show_pm').click(function(){
	$('.pm_popup .msg').val(' ' + $('.div_hidden_popup .designer_title').html() + ' > ' + $('.div_hidden_popup .work_title').html()  );
})

$('.btn_close_div_hidden_popup').click(function(){
	$('.div_hidden_popup').addClass('d-none');
	$('body').css('overflow','auto');
})

$('.btn_logout').click(function(){

	$.ajax({
		type: "POST",
		url: '/?task=designer_logout',
			success: function(response) {
		    if(response=='true'){
		    	$('#popup_info .title').html('');
    			$('#popup_info').modal('show');
    			setTimeout(function(){location = '/';}, 2000);
		    }
		}
	});
})

if($('body').hasClass('designer')){
	if(Cookies.get("l")!=undefined){
		$('.txt_login_name').val(Cookies.get("l"));
		$('.txt_password').val(Cookies.get("p")); 
	} 
}

$('.btn_more_knowledge').click(function(){

    var m = $('.knowledge_menu  .active').attr('data-active');
    var page= ($('.btn_more_knowledge').attr('data-page')*1) + 1;
	var sort = 'new'; 
	
	if($('.div_hot').hasClass('active')){
		sort = 'hot';
	}else{
		sort = 'new';
	}
	
	var keyword = $('.div_keyword').html();

   	$.ajax({
		type: "POST",
		url: '/?task=get_decoration_knowledge_data',
		data: ({sort:sort,page:page,m:m,keyword:keyword}),
			success: function(response) {
			$('.knowledge_data').append(response);
			$('.btn_more_knowledge').attr('data-page' ,page);
		}
	});
})

$('.btn_more_designer').click(function(){

	var page= ($('.btn_more_designer').attr('data-page')*1) + 1;
	var sort = 'new'; 
	
	if($('.div_hot').hasClass('active')){
		sort = 'hot';
	}else{
		sort = 'new';
	}

   	$.ajax({
		type: "POST",
		url: '/?task=get_designer_data',
		data: ({sort:sort,page:page}),
			success: function(response) {
			$('.designer_data').append(response);
			$('.btn_more_designer').attr('data-page' ,page);
			
 
		}
	});
})




if($('body').hasClass('decoration_knowledge') || $('body').hasClass('decoration_knowledge_search') ){
	var sort = 'new'; 

	if($('.div_hot').hasClass('active')){
		sort = 'hot';
	}else{
		sort = 'new';
	}

	var m = 1;
	
	if ($('.knowledge_menu .active').attr('data-active') != undefined){
		m = $('.knowledge_menu .active').attr('data-active');
	}
	var keyword = $('.div_keyword').html();

   	$.ajax({
		type: "POST",
		url: '/?task=get_decoration_knowledge_data',
		data: ({sort:sort,m:m, keyword:keyword}),
			success: function(response) {
		    $('.knowledge_data').append(response);
		}
	});
}


$('.btn_slide').click(function(){
 
 	localStorage.setItem('pos',$(this).parents('.slide_group').attr('id'));
 
	$('.slide_body').hide();
		
		if($( window ).width() < 450){
			var pos = $(this).offset().top -100;
		}else if($( window ).width() <= 768){
			var pos = $(this).offset().top - 100 ;
			}else if($( window ).width() <= 1024){
			var pos = $(this).offset().top - 100 ;
		}else{
			var pos = $(this).offset().top +250 ;
		}


	$([document.documentElement, document.body]).animate({
		scrollTop: pos 
	}, 1000);

	$(this).parents('.slide_group').find('.slide_body').slideDown( "slow", function() {
    // Animation complete.
	});
})


if($('body').hasClass('furniture_customization')){
    if(localStorage.getItem('pos')!= undefined  && 		 $( window ).width() > 450){
		$('#'+localStorage.getItem('pos')).find('.slide_body').show();
		
		if($( window ).width() < 450){
			var pos = $('#'+localStorage.getItem('pos')).find('.btn_slide ').offset().top - 100 ;
		}else if($( window ).width() <= 768){
			var pos = $('#'+localStorage.getItem('pos')).find('.btn_slide ').offset().top - 100 ;
		}else if($( window ).width() <= 1024){
			var pos = $('#'+localStorage.getItem('pos')).find('.btn_slide ').offset().top - 100 ;
		}else{
			var pos = $('#'+localStorage.getItem('pos')).find('.btn_slide ').offset().top +250 ;
		}

	$([document.documentElement, document.body]).animate({
		scrollTop: pos 
	}, 500);
    }
}

if($('body').hasClass('find_designer')){
	
	var sort = 'new';
	if($('.div_hot').hasClass('active')){
		sort = 'hot';
	}else{
		sort = 'new';
	}

   	$.ajax({
		type: "POST",
		url: '/?task=get_designer_data',
		data: ({sort:sort}),
			success: function(response) {
		    $('.designer_data').append(response);
		}
	});
}


$('.btn_send_cf').click(function (){

	var err = 0;
    var msg = '';
    $('*').removeClass('err');
	    
    $('.main_section .req').each(function(){
    	if($(this).val()==''){
			$(this).addClass('err');
			
			err = 1;
 
			if($(this).attr('name')=='file-upload-cf_photo'){
				msg = '';
				$('label[for=file-upload-cf_photo]').addClass('err');
			}else{
				msg = '';
			}
    	}
    });
    
 	if(!isEmail($('.furniture_customization input[name=cf_email]').val())){
    	$('.furniture_customization input[name=cf_email]').addClass('err');
    	err = 2;
    	msg = '';				    			
    }

    if(err>0){
        $('#popup_info .title').html(msg);
    	$('#popup_info').modal('show');
    }else{
    	$('#form_furniture_customization').submit();
    }

})

$('.btn_send_works , .btn_send_works_admin').click(function(){
	
	var err = 0;
    var msg = '';
	var c  = $(this).hasClass('btn_send_works_admin');
    
    $('*').removeClass('err');
    $('.main_section .req').each(function(){

    	if($(this).val()==''){
			$(this).addClass('err');
			err = 1;
			if($(this).attr('name')=='file-upload-company_logo'){
				msg = '';
				$('label[for=file-upload-company_logo]').addClass('err');
			 
			}else{
			
			$(this).addClass('err');
				msg = '';
			}
    	}
    });
    
       if( $('input[name=company_tel]').val().length!=8 || !isNumeric($('input[name=company_tel]').val())  ){
    	err = 3;
		msg = '';
    }
    
    var x = 0
    $('.span_ul_upload_file ').each(function(){
   // console.log(x);
    x++;
    
    
    
    
    if( $(this).find('.ul_file_list').length==0){
    	msg = '';
				$('label[for=' + $(this).attr('data-target') +']').addClass('err');
				  err = 6;
    }else{
        $(this).find('.ul_file_list').each(function(){
      
    	if($(this).find('li').length ==0){
    		msg = '';
				$('label[for=' + $(this).attr('id') +']').addClass('err');
				  err = 6;
    	}
    })
    
  
    
    }
    
    })
    
    
    if($('.designer_check').prop("checked") != true){
    	err=6;
    	msg = '';
    	$('.div_designer_check').addClass('err');
    }
    
    if(!c){
      /*  if($('.designer_reg input[name=login_email]').val()!=$('.designer_reg input[name=confirm_email]').val()){
            $('.designer_reg input[name=login_email]').addClass('err');
            $('.designer_reg input[name=confirm_email]').addClass('err');
            err = 3;
            msg = '';
        }
        
        if($('.designer_reg input[name=password]').val()!=$('.designer_reg input[name=confirm_password]').val()){
        	err = 4;
        	msg = '';
        	$('.designer_reg input[name=password]').addClass('err');
        	$('.designer_reg input[name=confirm_password]').addClass('err');
        }*/
        
        if($('.designer_reg input[name=password]').val().length <8){
        	err = 5;
        	msg = '';
        	$('.designer_reg input[name=password]').addClass('err');
        	$('.designer_reg input[name=confirm_password]').addClass('err');
        }
    }


if ( $(this).hasClass('btn_send_works') ){

    
    if( $('#gc').val().length < 10 ){
    
     err = 10;
     msg='';
    }
    

}else{
console.log('NO CHECK');
}
    

    if(err>0){
        $('#popup_info .title').html(msg);
    	$('#popup_info').modal('show');
    }else{

    	$('#form_designer_reg').submit();
    }
})


$('.designer_reg input[name=login_email]').change(function(){
	
 	 if(!isEmail($(this).val())){
		$('.designer_reg input[name=login_email]').addClass('err');
		err = 2;
		$('#popup_info .title').html('');
		$('#popup_info').modal('show');		    			
    }else{
    	$.ajax({
		type: "POST",
		url: '/?task=check_email_exist',
		data: ({email:$(this).val()}),
			success: function(response) {
		    if(response=='true'){
		    	$('.designer_reg input[name=login_email]').addClass('err');
		    	$('#popup_info .title').html('');
				$('#popup_info').modal('show');
				$('.designer_reg input[name=login_email]').val('');
		    }
		}
	});
    }
})

 
var finalFiles = {};

$('input[type=file]').change(function(e){


	if( $(this).get(0).files.length >10){
		$('#popup_info .title').html('');
			$('#popup_info').modal('show');
	
		return false;
	}

	finalFiles = {};
	var n = $(this).attr('name').replace("[]","");
	var li = "";    	
	var names = [];
 
   $.each(this.files,function(idx,elm){
     finalFiles[idx]=elm;
  });
  
  
  
  const fileList = document.getElementById(n+ '-file-chosen');

  const list = document.createElement("ul");
  list.setAttribute('class' , 'ul_file_list');
  fileList.appendChild(list);
        
    for (var i = 0; i < $(this).get(0).files.length; ++i) {
        names.push($(this).get(0).files[i].name);
        
        if(($(this).get(0).files[i].size/1024/1024).toFixed(2) > 3){
    		$('#popup_info .title').html('');
    		$('#popup_info').modal('show');
    		$(this).val('');
    		$('#' + n + '-file-chosen').html('');
    	}
    	
        const li = document.createElement("li");
        list.appendChild(li);
        
        const img = document.createElement("img");
    
        img.src = URL.createObjectURL(this.files[i]);
        
        img.onload = function() {
        URL.revokeObjectURL(this.src);
        }
        
        let   div = document.createElement("span")
        
        div.append('X');
        div.classList.add("removeLine");
        div.setAttribute('id', 'file_'+ i );    
        li.appendChild(img);
        li.append(div);
    		
	}
        
        
          
  $('.removeLine').click(function(){
		
	
		var span = $(this);
		
		var index = span.attr("id").split('_')[1];
		
		
		span.parent('li').remove(); 

		delete finalFiles[index];
		
	});
	
        
     
    	
	
})




$('.btn_add_works').click(function(){

	var count = $(this).attr('data-count');
	count++;
	
	$('.data-count').val(count);

	$.ajax({
		type: "POST",
		url: '/layout/inc_works.php',
		data: ({p:1,lang:'',p_no:count}),
			success: function(response) {
			
			    $('.div_works_data').append(response);
			 	$('.btn_add_works').attr('data-count' ,  count);
			    
			    
			    $('.btn_del_work ').click(function(){
                	$(this).parents('.div_works').remove();
                })
                
                $('input').blur(function(){
                	$(this).removeClass('err');
                })
                
                
                
                $('input[type=file]').change(function(){
	
	
	
            	
            	//$('#' + $(this).attr('name') + '-file-chosen').html( $(this).val().substring(  $(this).val().lastIndexOf('\\')+1 , $(this).val().length ));
            	$('label[for=' + $(this).attr('id') +']').removeClass('err');
            	
            	if((this.files[0].size/1024/1024).toFixed(2) > 3){
            		$('#popup_info .title').html('');
            		$('#popup_info').modal('show');
            		$(this).val('');
            		$('#' + $(this).attr('name') + '-file-chosen').html('');
            	}
            })
            


$('input#file-upload-size-'+ count ).change(function(e){


	if( $(this).get(0).files.length >10){
		$('#popup_info .title').html('');
			$('#popup_info').modal('show');
	
		return false;
	}

	finalFiles = {};
	var n = $(this).attr('name').replace("[]","");
	var li = "";    	
	var names = [];
 
   $.each(this.files,function(idx,elm){
     finalFiles[idx]=elm;
  });
 
  
  const fileList = document.getElementById(n+ '-file-chosen');

  const list = document.createElement("ul");
  list.setAttribute('class' , 'ul_file_list');
  fileList.appendChild(list);
        
    for (var i = 0; i < $(this).get(0).files.length; ++i) {
        names.push($(this).get(0).files[i].name);
        
        if(($(this).get(0).files[i].size/1024/1024).toFixed(2) > 3){
    		$('#popup_info .title').html('');
    		$('#popup_info').modal('show');
    		$(this).val('');
    		$('#' + n + '-file-chosen').html('');
    	}
    	
        const li = document.createElement("li");
        list.appendChild(li);
        
        const img = document.createElement("img");
    
        img.src = URL.createObjectURL(this.files[i]);
        
        img.onload = function() {
        URL.revokeObjectURL(this.src);
        }
        
        let   div = document.createElement("span")
        
        div.append('X');
        div.classList.add("removeLine");
        div.setAttribute('id', 'file_'+ i );    
        li.appendChild(img);
        li.append(div);
    		
	}
        
        
          
  $('.removeLine').click(function(){
		
	
		var span = $(this);
		
		var index = span.attr("id").split('_')[1];
		
 
		span.parent('li').remove(); 

		delete finalFiles[index];
		
	});

})

		}
	});
	
	if(count>9){
		$('.btn_add_works').remove();
	}

})


$('.btn_designer_login').click(function(){

	var  err = 0;
	
	var n = '';
	var p = '';
	var s = '';
	if($( window ).width() < 450){
		
		n = $('.xs-show-flex  .txt_login_name').val();
		p = $('.xs-show-flex  .txt_password').val();
		s = $('.xs-show-flex  .flexCheckDefault').val();
		
	}else{
		n = $('.md-show  .txt_login_name').val();
		p = $('.md-show  .txt_password').val();
		s = $('.md-show  .flexCheckDefault').val();
	}
	

	if(n==''){
		err= 1;
		$('.txt_login_name').addClass('err');
	}

	if(p==''){
		err= 1;
		$('.txt_password').addClass('err');
	}





	$.ajax({
		type: "POST",
		url: '/?task=designer_login',
		data: ({l:n,p:p,s:s}),
			success: function(response) {
			
			if(response=='true'){
				window.location = '//designer_admin';
			}else{
				
				$('.txt_login_name , .txt_password').addClass('err');
				
				$('#popup_info .title').html('');
            	$('#popup_info').modal('show');
			}
		 
		}
	
	});
})

$('.btn_del_work ').click(function(){
	$(this).parents('.div_works').remove();
})
                
$('input , textarea, select').blur(function(){
	$(this).removeClass('err');
})


$('.btn_send_contact').click(function(){

    var err = 0;
    var msg = '';
    
    $('.req').each(function(){
    	if($(this).val()==''){
			$(this).addClass('err');
			err = 1;
			msg = '';				    			
    	}
    })
   
    if(!isEmail($('.str_email').val())){
		$('.str_email').addClass('err');
		err = 2;
		msg = '';				    			
    }
    
	if(err==0){
	
	
	$.ajax({
		type: "POST",
		url: '/?task=send_contact',
		data: ({
			 name:$('.str_name').val(), email:$('.str_email').val(),tel:$('.str_tel').val(),msg:$('.str_msg').val() 
			 }),
			success: function(response) {
			         var obj = JSON.parse(response);
			if(obj.status==1){
				$('.pm_popup .req').each(function(){
					$(this).val('');
				});
	
			}else{
			
			
			}
			$('#popup_msg').modal('hide');
			$('#popup_info .title').html(obj.msg);
			$('#popup_info').modal('show');
		}
	});
	}else{
		$('#popup_info .title').html(msg);
		$('#popup_info').modal('show');
	}
	
})




$('.btn_change_pic').click(function(){
	var  l = $(this).find('img').attr('src').replace('s105_','');
	$(this).parents('.item').find('.main_pic img').attr('src' ,l );
})
 
 
 
 

 
     var design_case_detail = $('.design_case_detail  .owl-carousel');
     design_case_detail.owlCarousel({
        loop:false,
        autoplay:false,
        margin:0,
        dots:true,
         autoplayTimeout:4000,
        autoplayHoverPause:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            },
            1000:{
                items:1
            }
        }
    })
     
 
    var home_designer = $('.home .designer .owl-carousel');
    home_designer.owlCarousel({
        loop:true,
        autoplay:true,
        margin:0,
        nav:false,
         autoplayTimeout:4000,
        autoplayHoverPause:true,
        responsive:{
            0:{
                items:2
            },
            600:{
                items:4
            },
            1000:{
                items:5
            },
            2000:{
                items:10
            }
        }
    })
    
    
 

var design_new = $('.home .design_new .owl-carousel');
    design_new.owlCarousel({
        loop:true,
        autoplay:true,
        margin:100,
        nav:false,
        dots:true,
         autoplayTimeout:4000,
        autoplayHoverPause:true,
        responsive:{
            0:{
                items:2,
                 margin:10
            },
            600:{
                items:2
            },
            1000:{
                items:2
            }
        }
    })
 
 


    var design_case = $('.home .design_case .owl-carousel');
    design_case.owlCarousel({
        loop:true,
        autoplay:true,
        margin:100,
        nav:false,
        dots:true,
         autoplayTimeout:4000,
        autoplayHoverPause:true,
        responsive:{
            0:{
                items:2,
                 margin:10
            },
            600:{
                items:2
            },
            1000:{
                items:2
            }
        }
    })

    
    var home_hot = $('.home .hot .owl-carousel');
    home_hot.owlCarousel({
        loop:true,
        autoplay:true,
        margin:100,
        nav:false,
         autoplayTimeout:4000,
        autoplayHoverPause:true,
        responsive:{
            0:{
               items:2,
                 margin:10
            },
            600:{
                items:2
            },
            1000:{
                items:2
            }
        }
    })
 
 
	$('.main_banner .btn_s').click(function(){
	
		$('.btn_s').removeClass('action');
		$(this).addClass('action');
		var x = $(this).attr('data-alt')*1;

		var curr =  $('.slide_anime').attr('id').replace("slide_",'');
		$('.slides li#slide_'+curr).show();
		$('#slide_'+x).fadeIn(1000).addClass('slide_anime').delay(0).queue(function(next){
		$('.slides li:not(#slide_'+x+')').removeClass('slide_anime').fadeOut(1000);
		$('#slide_'+x).fadeIn(1000).addClass('slide_anime')
		next();
		});
	})
});


/*

function changeBanner(){

	var id = $('.slide_anime').attr('id').replace("slide_",'');

	var max_id = "0";
	id ++;
	if(id > max_id){
		id = 1;
	}
	$('.btn_s').removeClass('action');
	$('.btn_s[data-alt='+id+']').click().addClass('action');

}*/

function loadWork(id, designer_id){
	
	$.ajax({
		type: "POST",
		url: '/?task=get_designer_work',
		data: ({id: id, designer_id:designer_id}),
			success: function(response) {

			
			var data  = JSON.parse(response);
			data = data.data;

			$('.div_hidden_popup').removeClass('d-none');
			$('body').css('overflow','hidden');

			$('.designer_title').html(data[0]._title);

			$('.work_style').html(data[0].work.works_style);
			$('.works_budget').html(data[0].work.works_budget);
			$('.works_size').html(data[0].work.works_size);
			$('.works_space').html(data[0].work.works_space);	
			$('.work_title').html(data[0].work._title);
			
			$('.designer_pic').attr('src', "/attachment/designer/"+data[0].id+"/s500_" + data[0].cover_image[0].file_name)
 
			$('.div_work_pic_items').html(data[0].works_image_html);
			
			
			if(data[0].other_works_html=='<ul class="no_li_style"></ul>'){
			$('.div_other_work_main').hide();
			}else{
			$('.div_other_work').html(data[0].other_works_html);
			$('.div_other_work_main').show();
			}
			
			
			
			$('.works_main_pic').css('background', "url(/attachment/designer_work/"+data[0].work_image[0][0].data_id+"/s1200_" + data[0].work_image[0][0].file_name +')');

			$('.div_work_pic_items li a ').click(function(){
				var link = $(this).find('img').attr('src').replace('s400','s1200');
				$('.works_main_pic').css('background', 'url('+link+')');
			})
			$('.div_cal_height').css('height', $(window).height()+ 150 +'px');
			
 			$('.div_work_pic_items ul li:first-child()').addClass('active');
 			
 			var pic  = $('.div_work_pic_items .active a img').attr('src').replace('s400' , 's1200');
			$('.works_main_pic').css('background', 'url('+pic+')');
 			
 			
 			 if($('.div_work_pic_items li').length==1){
 			 	$('.btn_next_pic ,.btn_prev_pic').hide();
 			 }else{
 			 	$('.btn_next_pic ,.btn_prev_pic').show();
 			 }
 			
 			
			$('.btn_change_work').click(function(){
            	loadWork( $(this).attr('data-id'), $(this).attr('data-designer'));
            })
            
            
            $('a.btn_next_pic').click(function(){
				
				var cc = $('.div_work_pic_items li').length;
            	var next = $('.div_work_pic_items .active').attr('data-index');
            	next = (next * 1) + 1;
            	
            	$('.div_work_pic_items li').removeClass('active');
          
            	var pic = '';
            	if(next>cc){
            		pic = $('.work_pic_1 img').attr('src').replace('s400' , 's1200');
            		$('.work_pic_1').addClass('active');
            	}else{
            		pic = $('.work_pic_' + next + ' img').attr('src').replace('s400' , 's1200');
            		$('.work_pic_'+next).addClass('active');	
            	}
            	
            	$('.works_main_pic').css('background', 'url('+ pic +')');
            	
           
            })
			$('.btn_prev_pic').click(function(){

				var cc = $('.div_work_pic_items li').length;
            	var next = $('.div_work_pic_items .active').attr('data-index');
            	next = (next * 1) - 1;
            	
            	$('.div_work_pic_items li').removeClass('active');
            	
            	var pic = '';
            	if(next==0){
            		pic = $('.work_pic_'+cc+' img').attr('src').replace('s400' , 's1200');
            		$('.work_pic_'+cc).addClass('active');
            	}else{
            		pic = $('.work_pic_' + next + ' img').attr('src').replace('s400' , 's1200');
            		$('.work_pic_'+next).addClass('active');	
            	}
            	$('.works_main_pic').css('background', 'url('+ pic +')');
            	
            })
            
		}
	});
	
}