circle-addCircle

    function addCircle(options) {
    	$('#clickAreas').append(
    		$('<div/>', {
    			id: options.hotspotid,
    			title: options.title,
    			'class': 'circle',
    			css: {
    				top: options.top+'px',
    				left: options.left+'px',
    				width: options.width+'px',
    				height: options.height+'px'
    			}
    		}).tooltip({
              	track:true,
              	tooltipClass: 'circle-tooltip'
              	
            }).on('click', function() {
            	$('.circle.do-anim > *').removeClass('anim');
    			$('.circle.do-anim').removeClass('do-anim');
    			$(this).addClass('do-anim');
    			$('.back-circle-1, .back-circle-2', this).addClass('anim');
    			changeStyle($(this).prop('id'));
    		}).append(
    			$('<div class="back-circle-1"/>'),
    			$('<div class="back-circle-2"/>'),
    			$('<div class="front-circle"/>')
    		)
    	);
    };