function zmniejsz()
{
		
		$('#odp').css({
			position: "absolute",
			"z-index": 900,
			background: "black",
			left: posxxP || 0,
			top: posyyP || 0,
			width: 140,
			height: 60,
			border: "3px solid #a31800",
			"padding-top": 10,
			"padding-bottom": 10,
			"padding-left": 20,
			"padding-right": 20,
			"border-radius": 8,
			"text-align": "center",
			"box-sizing": "border-box"
		})
        
       $('input[type=button]').css({
  	"padding-top": 6
})

$('#odp h4, p').css({
  	"font-weight": "bold",
  	"padding-bottom": 6
})
		
		$('#odp').html('<p><h4>Odp Przyzy:</h4></p><input type="button" onclick="zwieksz()" value="Rozwiń">');
	
  localStorage.setItem('zmniejszony', 'tak');
  
}

function zwieksz()
{
	$('#odp').css({
			position: "absolute",
			"z-index": 900,
			background: "black",
			left: posxxP || 0,
			top: posyyP || 0,
			width: 140,
			height: 422,
			border: "3px solid #a31800",
			"padding-top": 10,
			"padding-bottom": 10,
			"padding-left": 20,
			"padding-right": 20,
			"border-radius": 8,
			"text-align": "center",
			"box-sizing": "border-box"
		})
		
    	$('input[type=button]').css({
  	"padding-top": 6 
})

$('#odp h4, p').css({
  	"font-weight": "bold",
  	"padding-bottom": 6
})
        
		$('#odp').html('<p><h4>Odp Przyzy:</h4></p >Strażnicy: 2<br>Ile owiec: 3<br>Zwój: 5<br>Midia<br>Mag<br>Wiadro<br>Armaty<br>Ithan<br>Spokojne przejście<br>Myszor<br>Tytani: 4 2 4 3 5 2<br>Edagar<br>Irwin<br>Falanga<br>22 lvl<br>Jeżyk<br>Mietek Żul<br>Worundielem<br>Krowa i kot<br>Miłki: 4 odp<br><input type="button" onclick="zmniejsz()" value="Zwiń">');

		  localStorage.setItem('zmniejszony', 'nie');
		  
}

if(localStorage.getItem('nawroceniposP') != null){
var possurowaP=localStorage.getItem('nawroceniposP').split(' ')
var posxxP = possurowaP[0].replace('px', '')
var posyyP = possurowaP[1].replace('px', '')
}

$('<div id="odp" tip="Odpowiedzi do zagadek"></div>').appendTo('body');

$('input[type=button]').css({
  	"padding-top": 6 
})

$('#odp h4, p').css({
  	"font-weight": "bold",
  	"padding-bottom": 6
})
 
if (localStorage.getItem('zmniejszony') == null || localStorage.getItem('zmniejszony') == "nie")  {
	
	$('#odp').css({
			position: "absolute",
			"z-index": 900,
			background: "black",
			left: posxxP || 0,
			top: posyyP || 0,
			width: 140,
			height: 422,
			border: "3px solid #a31800",
			"padding-top": 10,
			"padding-bottom": 10,
			"padding-left": 20,
			"padding-right": 20,
			"border-radius": 8,
			"text-align": "center",
			"box-sizing": "border-box"
	})
		
    	$('input[type=button]').css({
  	"padding-top": 6 
	})

	$('#odp h4, p').css({
		"font-weight": "bold",
		"padding-bottom": 6
	})
        
		$('#odp').html('<p><h4>Odp Przyzy:</h4></p >Strażnicy: 2<br>Ile owiec: 3<br>Zwój: 5<br>Midia<br>Mag<br>Wiadro<br>Armaty<br>Ithan<br>Spokojne przejście<br>Myszor<br>Tytani: 4 2 4 3 5 2<br>Edagar<br>Irwin<br>Falanga<br>22 lvl<br>Jeżyk<br>Mietek Żul<br>Worundielem<br>Krowa i kot<br>Miłki: 4 odp<br><input type="button" onclick="zmniejsz()" value="Zwiń">');
	
}      	
if (localStorage.getItem('zmniejszony') != null && localStorage.getItem('zmniejszony') == "tak"){
		
	$('#odp').css({
				position: "absolute",
				"z-index": 900,
				background: "black",
				left: posxxP || 0,
				top: posyyP || 0,
				width: 140,
				height: 60,
				border: "3px solid #a31800",
				"padding-top": 10,
				"padding-bottom": 10,
				"padding-left": 20,
				"padding-right": 20,
				"border-radius": 8,
				"text-align": "center",
				"box-sizing": "border-box"
			})
			
				$('input[type=button]').css({
						"padding-top": 6
				})

				$('h4, p').css({
					"font-weight": "bold",
					"padding-bottom": 6
				})
			
			$('#odp').html('<p><h4>Odp Przyzy:</h4></p><input type="button" onclick="zwieksz()" value="Rozwiń">');	

}	

	


$('#odp').draggable({
          
          
          start:function(){
		g.lock.add('bakaave');
	},
            stop: function () {
                		g.lock.remove('bakaave');

        var topposP = $("#odp").css("top");
        var leftposP = $("#odp").css("left");
        var minP = escape(topposP) + ' ';
        minP += escape(leftposP);
        
        localStorage.setItem('nawroceniposP', minP)
              
              
            }
        }) 

if(localStorage.getItem('nawroceniposP') != null){
        	if (localStorage.getItem('nawroceniposP').split(' ')[0] != '' && localStorage.getItem('nawroceniposP').split(' ')[1] != '') {
           		$('#odp').appendTo('body').css({
                	left: localStorage.getItem('nawroceniposP').split(' ')[1],
                	top: localStorage.getItem('nawroceniposP').split(' ')[0]
            	})
        	};
       	
}else{
$('#odp').appendTo('body').css({
                	left: 0,
                	top: 0
            	})

}