var insulator = {
	initGame: function(objects,spots){
		var that= this;
		objects.each(function(){
			$.data($(this)[0],'pos', {
				top: $(this).css('top') , 
				left: $(this).css('left') 
			});
			$(this).draggable({
				containment: 'parent',
				stack: 'img'
			});
		});

		spots.droppable({
			accept: 'img[name]',
			drop: function(ev,ui){
				var objstyle={
					top: $('#'+ui.draggable.attr('id')+'-center').css('top'),
					left: $('#'+ui.draggable.attr('id')+'-center').css('left'),
				}; 
				ui.draggable.animate(objstyle,function(){
					that.endisAble(objects,'disable');
					var box =null;
					if(ui.draggable.attr('insulator')=='no'){
						$('#light-up').show();
						box = $('#modal-box-yes');
						box.show();
						if($('#modal-box-no').is(':visible')) 
							$('#modal-box-no').hide();
					}
					else{
						if($('#light-up').is(':visible')) $('#light-up').hide();
						box = $('#modal-box-no');
						box.show();
						if($('#modal-box-yes').is(':visible')) 
							$('#modal-box-yes').hide();
					}
					box.find('span').text(ui.draggable.attr('name'));
					var pos =ui.draggable.data('pos');
					 $('div[btn=confirm-btn]').on('click',function(){
						if($('#light-up').is(':visible')) $('#light-up').hide();
						$('#modal-box-yes, #modal-box-no').hide();
						ui.draggable.animate(ui.draggable.data('pos'),function(){
							that.endisAble(objects,'enable');
							$('div[btn=confirm-btn]').off('click');
						});
					}) 
				});
			},	
		});
	},
	
	endisAble : function(objs,status){
		objs.each(function(){
			$(this).draggable(status);
		});
	},
};

function appendBackLink(){
	var backlink  = '<a href="/electricity-all-around-us/conductors-insulators" id="back-link">BACK TO PREVIOUS PAGE</a>';
	var delay = null;
	if($(window).width() < 800){
		$('body').append(backlink);
		$('#back-link').css({fontFamily: 'sans-serif' , color: '#0769AD', fontWeight:900, display:'block', marginTop:'15px'});
	}
	clearTimeout(delay);
	$(window).on('resize',function(){
		delay = setTimeout(function(){
			if($(this).width()<800){
				if($('#back-link').length==0){
					$('body').append(backlink);
					$('#back-link').css({fontFamily: 'sans-serif' , color: '#0769AD', fontWeight:900, display:'block', marginTop:'15px'});
				}
			}	
			else{
				if($('#back-link').length!=0)
					$('#back-link').remove();
			}	
		},500)	
	});
}	


$(function(){
	appendBackLink();
	insulator.initGame($('#main-container img[name]'), $('#t3'));
});