$(document).ready( function() {
    	$(document).on('change', '.btn-file :file', function() {
		var input = $(this),
			label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
		input.trigger('fileselect', [label]);
		});

		$('.btn-file :file').on('fileselect', function(event, label) {
		    
		    var input = $(this).parents('.input-group').find(':text'),
		        log = label;
		    
		    if( input.length ) {
		        input.val(log);
		    } else {
		       // if( log ) alert(log);
		    }
	    
		});
		function readURL(input) {
		    
			if (input.files && input.files[0]) {
		        var reader = new FileReader();
		        
		        reader.onload = function (e) {
					
					$('#'+$(input).attr('data-for')).attr('src', e.target.result)
		        }
		        
		        reader.readAsDataURL(input.files[0]);
				
						$(input).parents('.input-group').children('.img-optBtn').fadeIn();
						$(input).parents('.input-group').children('.img-optBtnBg').fadeIn();
				
		    }
		}

		$("#upload_image, #favUpImg, .upload_image_Btn").change(function(){
		    readURL(this);
			
			
			
		}); 

		$('.dltImg, .dltImgbg').click(function(){
			var deleteAttr = $(this).attr('data-for-delete');
			$('#'+$(this).attr('data-for')).attr('src','')
			$('input[data-for="'+$(this).attr('data-for')+'"]').val('')
			$(this).prev('.img-optBtn').hide();
			$(this).prev('.img-optBtnBg').hide();
			$(this).hide();
		})

		 
		$('#removeTheImage').click(function(){
			
			$('input[name="deleteImage"]').val('yes');

		})

		$('#removeTheBgImage').click(function(){
			
			$('input[name="deleteBgImage"]').val('yes');

		})



		$('#removeFavImg').click(function(){
			
			$('input[name="deletefavicon"]').val('yes');
			$('#'+$(this).attr('data-for')).attr('src','')
			$('input[data-for="'+$(this).attr('data-for')+'"]').val('')
			$(this).prev('.img-optBtn').hide();
			$(this).hide();
		})
		
		var ShowVar = 0;
		
		$('.imgAdvBtn').click(function(){
			
			
			if(ShowVar == 0){
				
				$('.stored-featured-box').fadeIn();
				ShowVar = 1;
			
			}else if(ShowVar == 1){
				
					$('.stored-featured-box').fadeOut();
				ShowVar = 0;
			}
		})
	});