function $_(id){
	var obj = document.getElementById(id);
	return obj;
}
(function($) { 
/*
$.fn.saveClicks = function() { 
    $(this).bind('mousedown.clickmap', function(evt) { 
        $.post('clickmap.php', {  
            x:evt.pageX,  
            y:evt.pageY,  
            l:escape(document.location.pathname) 
        }); 
    }); 
}; 
 
$.fn.stopSaveClicks = function() { 
     $(this).unbind('mousedown.clickmap'); 
}; 
*/
$.displayClicks = function() { 
    $('<div id="clickmap-overlay"></div>').appendTo('body'); 
 
    $('<div id="clickmap-loading"></div>').appendTo('body'); 
 
    $.get('clickmap.php', { ucode:escape( document.getElementById('viewyourclicks_url').value ) },  
        function(html) { 
//            $(html).appendTo('body');     

			var contenedor = document.createElement("DIV");
			contenedor.id = "clickmap-container";
			
			var listado = JSON.parse(html);
			
			$_('iframe_web').style.width=listado[0].size+"px";
/*			var container_offset = $('#iframe_web').contents().find("#"+viewyourclicks_container).offset();*/
			var iframe_offset = $('#iframe_web').offset();
			
			
			for(i=0;i<listado.length;i++){
				var punto = document.createElement('div');
				punto.style.left = listado[i].x*1 + iframe_offset.left*1 + viewyourclicks_xOffset*1 +"px";
				punto.style.top = listado[i].y*1 + iframe_offset.top*1 + viewyourclicks_yOffset*1 +"px";
				contenedor.appendChild(punto);
			}
			
			$_("body").appendChild(contenedor);
			
            $('#clickmap-loading').remove(); 
        } 
    ); 
}; 
 
$.removeClicks = function() { 
    $('#clickmap-overlay').remove(); 
    $('#clickmap-container').remove(); 
}; 
         
})(jQuery); 


function cambiar_url(url){
	$_('iframe_web').src = url;
	$_('viewyourclicks_url').value = url;
}