var imgofset=$('#imagemap').offset();
	var imgleft=imgofset.left;
	var imgtop=imgofset.top;
	var pupcoords="1398,918:1290,816:838,930:1450,786:1226,1266:2856,946:2770,638:2712,692:3243,1017:2794,878:838,880:1458,958:1478,918:2794,738:2794,788:2682,852:2882,852:2932,822:3093,987:1518,978:1579,988";
	pupcoords=pupcoords.split(':');
	function makedraggable(){
		$('#imagemap').draggable({
			drag:function(event,ui){
				$('.pawbullet').hide();
			},
			stop:function(event,ui){
				$('.pawbullet').show();
				placepups();
			}
		})
	
	}
	function placepups(){
		$('.pawbullet').show();
		for (i=0;i<pupcoords.length ;i++ ){
			var subcords=pupcoords[i].split(',');
			placepaw(((subcords[0]/6000)*100),((subcords[1]/6000)*100), 'pawbullet'+i);
		}
	}
	$('#plus').click(function(){
		$('.pawbullet').hide();
		var curheight=$('#imagemap').height();
		var curwidth=$('#imagemap').width();
		var curtop=$('#imagemap').offset().top;
		var curleft=$('#imagemap').offset().left;
		$('#imagemap').animate({
			height:curheight+((curheight*40)/100),
			width:curwidth+((curwidth*40)/100),
		},300,function(){
			$('#minus').css('display','block');
			$('.pawbullet').show();
			placepups();
			$('#imagemap').css('cursor','move');
		})
		makedraggable();
	})
	$('#minus').click(function(){
		$('.pawbullet').hide();
		$('#imagemap').animate({
			height:380,
			width:680,
			left:0,
			top:0
		},300,function(){
			$('.pawbullet').show();
			$('#imagemap').css('cursor','default');
			placepups();
			$('#minus').hide();
			
		})
		
	})

	function placepaw(x,y,id){
		var imgofset=$('#imagemap').offset();
		var imgwidth=$('#imagemap').width();
		var imgheight=$('#imagemap').height();
		$('#'+id).css('width',((1.083*imgwidth)/100)+'px');
		$('#'+id).css('left',((Math.round(x)*imgwidth)/100)+imgofset.left+'px');
		$('#'+id).css('top',((Math.round(y)*imgwidth)/100)+imgofset.top+'px');		
		var imageholderoffset=$('#imgholder').offset();
		var pawoffset=$('#'+id).offset();
		if (pawoffset.left < imageholderoffset.left || pawoffset.left+($('#'+id)).width() > imageholderoffset.left+($('#imgholder').width()) || pawoffset.top+$('#'+id).height() > imageholderoffset.top+$('#imgholder').height()){
			$('#'+id).css('display', 'none');
			
		}
	}

placepups();