var battery = {
	outside: 1, 
	zindex: 0,
	initGame: function(objects,spots,light){
		var that=this;
		objects.each(function(){
			$.data($(this)[0],'pos', {
				top: $(this).css('top') , 
				left: $(this).css('left') 
			});
			$(this).draggable({
				containment: 'parent',
			 	/* stack: 'img', */ 
				start: function(){
					that.outside=1;
					$(this).css({zIndex: 9999});
				},
				drag:function(){
					if($('div[dropped='+$(this).attr('id')+']').length!=0)
						$('div[dropped='+$(this).attr('id')+']').attr('dropped',0);
					light.hide();
				},
				stop: function(){
					if(that.outside==1){
						var pos =$(this).data('pos');
						$(this).animate($(this).data('pos'),function(){
							if($('div[dropped='+$(this).attr('id')+']').length!=0)
								$('div[dropped='+$(this).attr('id')+']').attr('dropped',0);
							light.hide();	
						});
					}else{
						if(that.zindex > 0)
							$(this).css({zIndex: parseInt(9 + that.zindex) });	
					}
				}
			});
		});	
		spots.each(function(){
			$(this).droppable({
				accept: 'img[terminal]',
				drop: function(ev,ui){
					if($(this).attr('imaginary') == ui.draggable.attr('terminal') && $(this).attr('dropped')==0){
						that.outside=0;
						var temp = ui.draggable.attr('terminal');
						that.zindex = $(this).attr('zdx');
						var el =$(this);
						ui.draggable.animate({
							top: $(this).css('top'),
							left: $(this).css('left')
						},function(){
							el.attr('dropped',ui.draggable.attr('id'));	
							if($('div[dropped=0]').length ==0) 
								light.show();
						});
					}
					else{
						that.outside=1;
					}
				},
				out: function(ev,ui){	
					that.outside=1;
				},
			});
		});
	}
};

function appendBackLink(){
	var backlink  = '<a href="/electricity-all-around-us/batteries" 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();
	battery.initGame($('#main-container img[terminal]'), $('#main-container div[imaginary]'),$('#light'));
});