

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Local Peaks: thoughts, ideas and lessons learned from a web-native CTO</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<meta name="description" content="">
	<meta name="keywords" content="">
         <script type="text/javascript" src="/g/js/prototype.js"></script>
<script type="text/javascript">
function editContent(oElement, field_title, content_id) {

	var className = oElement.className; 
	var left;
	var top;
	
	$('form_container').hide();

	oElement.onclick = function() {
	
		var text = oElement.innerHTML;
		$('text_edit').value = text;		
		$('close_text').innerHTML =  '<input type="button" title="Click to Cancel" onclick="cancelEdit();" value="Cancel"/><input type="button" title="Click to close" class="close" onclick=previewContent("' + oElement.id + '"); return false;" value="Preview"/>';
		$('cmsedit_field_text').innerHTML = field_title;
		$('cmsedit_content_id').innerHTML = content_id;
		if (left < 180) {
		 left = (left - (left/2));
		} else {
		 left = (left - 154);
		}
			
		$('form_container').setStyle({
		left: left + 'px',
		top: (top - 20) + 'px'
		});
	$('form_container').show();

	return false;
	
	}
 	
}


function previewContent(node_id) {
	var modified_text = $('text_edit').value;
	var original_text = $(node_id).innerHTML;
	if(modified_text != original_text) {
	
		$(node_id).innerHTML = modified_text;
		$(node_id).addClassName('modified');
		
		var mod_div = 'modified_' + node_id;
		
		$(mod_div).addClassName('display_action_buttons');
		$(node_id).addClassName('modified_save');
		
	}
	$('text_edit').value = "";
	$('form_container').hide();
	$('close_text').innerHTML = "";
	
}

function cancelEdit() {
	$('text_edit').value = "";
	$('form_container').hide();
	$('close_text').innerHTML = "";
}

</script>
<style type="text/css">
	html > body div.cmsedit {
	border: 2px solid #999999;
	float: none;
	padding: 2px;
	margin: 0px;
	}
	
	.save_ready {
	border: 2px solid #72e766;
	z-index: 10;
	}

	.cmsedit:hover {
	border: 4px solid #999999;
	opacity: .50;
	}
	
	html > body div.modified {
	border: 4px solid #7ACC6D;
	}
	
	.modified:hover	{
		border: 4px solid #7ACC6D;
		opacity: 1;
	}
	
	#form_container {
		z-index: 10;
		position: absolute;
		padding: 10px;
		border: 2px solid #666;	
		background-color: #fff;
		width: auto;
		height: auto;
	}

	#form_container_header {
		padding: 5px;
		font-weight: bold;
	}

	#text_edit {
		padding: 5px;
		border: 1px solid #666;
		background-color: #fff;
		width: 450px;
		height: 300px;
	}
	
	#close_text {
		padding-left: 170px;
	}
</style> 
	<div id="form_container" style="display:none">
		<form action="test_submit" method="get" accept-charset="utf-8" onSubmit="previewContent();">
			<p id="form_container_header">
				Content ID:<span id="cmsedit_content_id"></span> <br>
				Field: <span id="cmsedit_field_text"></span>
			</p>
			<textarea id="text_edit">
			</textarea><br>
			<span id="close_text"></span>
		</form>	
	</div>
	
        
			<link rel="stylesheet" href="http://www.localpeaks.com/includes/lp-styles.css" type="text/css" media="all">
	

<script type="text/javascript" src="/g/js/prototype.js"></script>
<script type="text/javascript">

	//Objects to interact with server
	var CMSUtil = {
		interactWithServer: function(form, isAjax, buildObjectFunction, 
									returnFunction, action, servlet, 
									extraFields){
			if(isAjax == true && returnFunction != null){
            	var queryString = Form.serialize(form);
				if(queryString != null){
					if(action != null){
						queryString += "&action=" + action + "&isAjax=Y";	
					}else{
            			queryString += "&isAjax=Y";
            		}
            		if(extraFields){
            			queryString += extraFields;
            		}
            		
            		var handlerFunction = function(originalRequest){
            			var response = "(" + originalRequest.responseText + ")";
            			response = eval(response);
						buildObjectFunction(response);	
            			returnFunction(response);    
            		}    
           
					var myAjax = new Ajax.Request(servlet,
    					{method: 'post', postBody: queryString, onComplete: handlerFunction}
					);
				}
            }else{
 				this.submitUserFormNoAJAX(form, action, servlet); 
			}
		},
		
		submitUserFormNoAJAX: function(form, action, servlet){
			if(servlet == null) return null;
    	    form.action = servlet;

    	    if(action != null) {
    	    	var actionField = document.createElement('input');
    	    	actionField.setAttribute('name', 'action');
  					actionField.setAttribute('type', 'hidden');
  					actionField.value = action;
    	    	form.appendChild(actionField);
    	    	
    	    }
    		form.submit();
    	}
    	
	}
	
	var Action = {
		attachAction: function(form, isAjax, returnFunction){
			var action = "";
			if(isAjax){
				action = "attachActionAJAX";
			} else {
				action = "attachAction";
			}
			CMSUtil.interactWithServer(form, isAjax, Action.buildAction, returnFunction, action, "/s");
		},
		
		deleteAction: function(form, isAjax, returnFunction){
        	var action = "";
        	if(isAjax){
        		action = "deleteActionAJAX";
        	} else {
        		action = "deleteAction";
        	}
        	CMSUtil.interactWithServer(form, isAjax, Action.deletedAction, returnFunction, action, "/s");
        },
		
		
		buildAction: function(response){
			if(response.success == true){
				Action.actionID = response.actionID;
				Action.contentID = response.contentID;
				Action.commentID = response.commentID;
				Action.contentTypeID = response.contentTypeID;
				Action.actionDate = response.actionDate;
				Action.userID = response.userID;
				Action.actionType = response.actionType;
				Action.slugLine = response.slugLine;
			} else {
			 	Action.error = response.error;
			}
		},
		
		deletedAction: function(response){
			if(response.success == true){
				Action.actionID = response.actionID;
			} else {
				Action.error = response.error;
			}
		}
	}
	
	var Ranking = {
		insertRanking: function(form, isAjax, returnFunction){
			CMSUtil.interactWithServer(form, isAjax, Ranking.buildRanking, returnFunction, "rankComment", "/p");
		},
		
		buildRanking: function(response){
			if(response.success == true){
				Ranking.success = true;
				Ranking.objectId = response.objectId;
				Ranking.type = response.type;
				Ranking.ipAddress = response.ipAddress;
				Ranking.rankDate = response.rankDate;
				Ranking.upRanking = response.upRanking;
				Ranking.downRanking = response.downRanking;
			} else {
				Ranking.error = response.error;
			}
		}
			
	}
			
	var Rating = {
		addRating: function(form, isAjax, returnFunction){
			var action = "";
			if(isAjax){
				action = "addRatingAJAX";
			} else {
				action = "addRating";
			}
            CMSUtil.interactWithServer(form, isAjax, Rating.buildRating, returnFunction, action, "/s");
        },
        
        insertRating: function(form, isAjax, returnFunction){
			var extraQueryStr = null;
			if(isAjax){
				extraQueryStr = getFieldsForForm();
			}else{
				addFieldsToForm(form);
			}
			CMSUtil.interactWithServer(form, isAjax, Comment.buildComment, returnFunction, "insertComment", "/c", extraQueryStr);
		},
        
		buildRating: function(response){
			if(response.success == true){
				Rating.id = response.id;
				Rating.rating = response.rating;
				Rating.upvote = response.upvote;
				Rating.downvote = response.downvote;
				Rating.type = response.type;
				Rating.date = response.date;
				Rating.ipAddress = response.ipAddress;
			}else{
				Rating.error = response.error;
			}
		}
		
	}
	
	var User = {
		createUser: function(form, isAjax, returnFunction){	
		    var action = "";
			if(isAjax){
				action = "createProfileAJAX";
			} else {
				action = "createProfile";
			}
            CMSUtil.interactWithServer(form, isAjax, User.buildUser, returnFunction, action, "/s");
		},
		
		loginUser: function(form, isAjax, returnFunction){
			var action = "";
			if(isAjax){
				action = "doLoginProfileAJAX";
			} else {
				action = "doLoginProfile";
			}
        	CMSUtil.interactWithServer(form, isAjax, User.buildUser, returnFunction, action, "/s");
		},
		
		updateUser: function(form, isAjax, returnFunction){
			var action = "";
			if(isAjax){
				action = "updateProfileAJAX";
			} else {
				action = "updateProfile";
			}
			CMSUtil.interactWithServer(form, isAjax, User.buildUser, returnFunction, action, "/s");
		},
		
		updateRegistration: function(form, isAjax, returnFunction){
			var action = "";
			if(isAjax){
				action = "updateRegistrationAJAX";
			} else {
				action = "updateReg";
			}
			CMSUtil.interactWithServer(form, isAjax, User.buildUser, returnFunction, action, "/s");
		},
		
		updateProfilePassword: function(form, isAjax, returnFunction){
			var action = "";
			if(isAjax){
				action = "updateProfilePasswordAJAX";
			} else {
				action = "updateProfilePassword";
			}
			CMSUtil.interactWithServer(form, isAjax, User.buildUser, returnFunction, action, "/s");
		},
		
		insertProfilePic: function(form, isAjax, returnFunction){
			var action = "";
			if(isAjax){
				//not implemented as of yet
				return;
				//action = "updateImageAJAX";
			} else {
				action = "updateImage";
			}
			CMSUtil.interactWithServer(form, isAjax, User.buildUser, returnFunction, action, "/s");
		},
		
		buildUser: function(response){
			if(response.success == true){
				User.username = response.username;
				User.email = response.email;
				User.firstName = response.firstName;
				User.lastName = response.lastName;
				User.birthDate = response.birthDate;
				User.createDate = response.createDate;
				User.title = response.title;
				User.company = response.company;
				User.address1 = response.address1;
				User.address2 = response.address2;
				User.city = response.city;
				User.state = response.state;
				User.zipcode = response.zipcode;
				User.country = response.country;
				User.custom1 = response.custom1;
				User.custom2 = response.custom2;
				User.custom3 = response.custom3;
				User.custom4 = response.custom4;
				User.custom5 = response.custom5;
				User.custom6 = response.custom6;
				User.custom7 = response.custom7;
				User.custom8 = response.custom8;
				User.custom9 = response.custom9;
			}else{
				User.error = response.error;
				User.errorMsg = response.errorMsg;
				User.errorCode = response.errorCode;
			}
		}
	}
	
	var UserContent = {
		insertContent: function(form, isAjax, returnFunction){
			var extraQueryStr = null;
			
			if(isAjax){
				extraQueryStr = getFieldsForForm();
			}else{
				addFieldsToForm(form);
			}
			UserContent.messages = null;
			CMSUtil.interactWithServer(form, isAjax, UserContent.buildContent, returnFunction, extraQueryStr, "/d");
		},
		
		editContent: function(form, isAjax, returnFunction){
			CMSUtil.interactWithServer(form, isAjax, UserContent.buildContent, returnFunction, null, "/d");
		},
		
		buildContent: function(response){
			if(response.success == true){
				for (var i=0; i< response.fields.length; i++){
					var field = response.fields[i];
					UserContent[field] = response[field];
				}
				UserContent.contentID = response.contentID;
				UserContent.contentType = response.contentType;
				UserContent.title = response.title;
				UserContent.status = response.status;
			} else {
				UserContent.error = response.error;
				UserContent.messages = response.messages;
			}
		}
	}
	
	var Comment = {
	
		insertComment: function(form, isAjax, returnFunction){
			var extraQueryStr = null;
			if(isAjax){
				extraQueryStr = getFieldsForForm();
			}else{
				addFieldsToForm(form);
			}
			CMSUtil.interactWithServer(form, isAjax, Comment.buildComment, returnFunction, "insertComment", "/c", extraQueryStr);
		},
	
		deleteComment: function(form, isAjax, returnFunction){
			var extraQueryStr = null;
			if(isAjax){
				extraQueryStr = getFieldsForForm();
			}else{
				addFieldsToForm(form);
			}
			CMSUtil.interactWithServer(form, isAjax, Comment.nullifyComment, returnFunction, "deleteComment", "/c", extraQueryStr);
		},
		
		updateComment: function(form, isAjax, returnFunction){
			var extraQueryStr = null;
			if(isAjax){
				extraQueryStr = getFieldsForForm();
			} else {
				addFieldsToForm(form);
			}
			CMSUtil.interactWithServer(form, isAjax, Comment.buildComment, returnFunction, "updateComment", "/c", extraQueryStr);
		},
		
		buildComment: function(response){
						Comment.name = null;
			Comment.website = null;
			Comment.title = null;
			Comment.comment = null;
			Comment.email = null;
			Comment.rating = null;
			Comment.ratingType = null;
			Comment.commentType = null;
			Comment.flagged = false;
			Comment.isAuthor = false;
			Comment.error = null;
			Comment.status = null;
			Comment.level = 0;
			Comment.parentID = 0;
			Comment.threadID = 0;
			Comment.id = 0;
			Comment.extID = null;		
		
			if(response.success == true){
				Comment.name = response.name;
				Comment.comment = response.comment;
				Comment.email = response.email;
				Comment.website = response.website;
				Comment.title = response.title;
				Comment.isAuthor = response.isAuthor;
				Comment.flagged = response.flagged;
				Comment.status = response.status;
				Comment.rating = response.rating;
				Comment.ratingType = response.ratingType;
				Comment.commentType = response.commentType;
				if(Comment.status == "AUTHOR"){
					Comment.isAuthor = true;
				} else if(Comment.status != "APPROVED") {
					Comment.flagged = true;
				}
			    Comment.id = response.id;
			    Comment.threadID = response.threadID;
			    Comment.parentID = response.parentID;
			    Comment.level = response.level;
			    Comment.extID = response.extID;
			} else {
				Comment.error = response.error;
			}
		},
		
		nullifyComment: function(response){
			if(response.success == true){
				Comment.comment = null;
				Comment.email = null;
				Comment.website = null;
				Comment.title = null;
				Comment.isAuthor = null;
				Comment.flagged = null;
				Comment.status = null;
				Comment.id = 0;
			    Comment.threadID = 0;
			    Comment.parentID = 0;
			    Comment.level = 0;
			    Comment.extID = null;
			} else {
				Comment.error = response.error;
			}
		}
	}	
	
	var Clickability = Clickability || {};
	Clickability.SMTK = {
		kP : 0,
		aT : 0,
		myInterval : null,
		xPos : -1,
		yPos : -1,
		firstX : -1,
		firstY : -1,
		intervals : 0,
		cid :  45458747 ,
		did :  401159 ,
		d : 0,
		mT : 0
	}
	Clickability.SMTK.myInterval = window.setInterval(timedMousePos,250);
	document.onkeypress = lK;
	window.onload = rAT;

		Clickability.Comment = Comment;
		
		var p;
	var kP = 0;
	var	aT = 0;
	var myInterval = Clickability.SMTK.myInterval;
	var xPos = -1;
	var yPos = -1;
	var firstX = -1;
	var firstY = -1;
	var intervals = 0;
	var d = 0;
	var mT = 0;
	var cid =  45458747 ;
	var did =  401159 ;	
	
	function getMousePos(p) {
		if(!p)var p = window.event;
		if (p.pageX || p.pageY) {
			Clickability.SMTK.xPos = p.pageX;
			Clickability.SMTK.yPos = p.pageY;
		} else if (p.clientX || p.clientY) {
			Clickability.SMTK.xPos = p.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
			Clickability.SMTK.yPos = p.clientY + document.body.scrollTop + document.documentElement.scrollTop;
		}
	}

	
	function lK() {	
		Clickability.SMTK.kP++;
	}

	function rAT() {
		Clickability.SMTK.aT = new Date();
	}
		
	function timedMousePos() {
		document.onmousemove = getMousePos;
		if (Clickability.SMTK.xPos >= 0 && Clickability.SMTK.yPos >= 0) {
			var newX = Clickability.SMTK.xPos;
			var newY = Clickability.SMTK.yPos;
			Clickability.SMTK.intervals++;
		}
		if (Clickability.SMTK.intervals == 1) {
			Clickability.SMTK.firstX = Clickability.SMTK.xPos;
			Clickability.SMTK.firstY = Clickability.SMTK.yPos;
		} else if (Clickability.SMTK.intervals == 2) {
			clearInterval(Clickability.SMTK.myInterval);
			calcDistance(Clickability.SMTK.firstX,Clickability.SMTK.firstY,newX,newY);	
		}
	}


	function calcDistance(aX,aY,bX,bY){
		Clickability.SMTK.mT = Math.round(Math.sqrt(Math.pow(aX-bX,2)+Math.pow(aY-bY,2)));
	}
	
	function getFieldsForForm(){
		var sT = new Date();
		Clickability.SMTK.d = sT - Clickability.SMTK.aT;
		var queryString = "&";
		queryString += "mT=" + Clickability.SMTK.mT;
     	queryString += "&d=" + Clickability.SMTK.d;
     	queryString += "&kP=" + Clickability.SMTK.kP;
     	if(Clickability.SMTK.cid)queryString += "&cid=" + Clickability.SMTK.cid;
     	if(Clickability.SMTK.did)queryString += "&did=" + Clickability.SMTK.did;
     	queryString += "&socialMedia=Y";
	    return queryString;
	}
		
	function addFieldsToForm(formObj, redirect) {
		var sT = new Date();
		Clickability.SMTK.d = sT - Clickability.SMTK.aT;
		var mTField = document.createElement('input');
		var dField = document.createElement('input');
		var kPField = document.createElement('input');
  		var cidField = document.createElement('input');
  		var didField = document.createElement('input');
  		var socialMedia = document.createElement('input');
  	
  	
  		socialMedia.setAttribute('name','socialMedia');
		socialMedia.setAttribute('type', 'hidden');
		
  		mTField.setAttribute('name','mT');
		mTField.setAttribute('type', 'hidden');
  	  
		dField.setAttribute('name', 'd');
		dField.setAttribute('type', 'hidden');
  	  
		kPField.setAttribute('name', 'kP');
		kPField.setAttribute('type', 'hidden');
  	
		cidField.setAttribute('name', 'cid');
		cidField.setAttribute('type', 'hidden');
  	
  		didField.setAttribute('name', 'did');
  		didField.setAttribute('type', 'hidden');	
  	
  		if(redirect != null) {
  			var pathField = document.createElement('input');
  			pathField.setAttribute('name', 'path');
  			pathField.setAttribute('type', 'hidden');
  			pathField.value = redirect;
  			formObj.appendChild(pathField);
  		}
  		mTField.value = Clickability.SMTK.mT;
		dField.value = Clickability.SMTK.d;
		kPField.value = Clickability.SMTK.kP;
		cidField.value = Clickability.SMTK.cid;
		didField.value = Clickability.SMTK.did;
		socialMedia.value = "Y";

		formObj.appendChild(dField);
		formObj.appendChild(kPField);
		formObj.appendChild(mTField);
		formObj.appendChild(cidField);
		formObj.appendChild(didField);
		formObj.appendChild(socialMedia);
	}		
	
	//helper functions
	
	function insertComment(form, isAjax, returnFunction, showError){
		return submitToServer(Comment.insertComment, "Unable to insert comment", form, isAjax, returnFunction, showError);
	}
	
	function updateComment(form, isAjax, returnFunction, showError){
		return submitToServer(Comment.updateComment, "Unable to update comment", form, isAjax, returnFunction, showError);
	}
	
	function deleteComment(form, isAjax, returnFunction, showError){
		return submitToServer(Comment.deleteComment, "Unable to delete comment", form, isAjax, returnFunction, showError);
	}
	
	function createUser(form, isAjax, returnFunction, showError){
		return submitToServer(User.createUser, "Unable to create user", form, isAjax, returnFunction, showError);
	}
	
	function updateUser(form, isAjax, returnFunction, showError){
		return submitToServer(User.updateUser, "Unable to update user", form, isAjax, returnFunction, showError);
	}
	
	function loginUser(form, isAjax, returnFunction, showError){
		return submitToServer(User.loginUser, "Unable to login user", form, isAjax, returnFunction, showError);
	}
	
	function insertUserContent(form, isAjax, returnFunction, showError){
		return submitToServer(UserContent.insertContent, "Unable to insert content item", form, isAjax, returnFunction, showError);
	}
	
	function editUserContent(form, isAjax, returnFunction, showError){
		return submitToServer(UserContent.editContent, "Unable to edit content item", form, isAjax, returnFunction, showError);
	}
	
	function insertProfilePic(form, isAjax, returnFunction, showError){
		return submitToServer(User.insertProfilePic, "Unable to upload profile photo", form, isAjax, returnFunction, showError);
	}
	
	function addRating(form, isAjax, returnFunction, showError){
		return submitToServer(Rating.addRating, "Unable to add rating", form, isAjax, returnFunction, showError);
	}
	
	function insertRating(form, isAjax, returnFunction, showError){
		return submitToServer(Rating.insertRating, "Unable to insert rating", form, isAjax, returnFunction, showError);
	}
	
	function attachAction(form, isAjax, returnFunction, showError){
		return submitToServer(Action.attachAction, "Unable to attach action", form, isAjax, returnFunction, showError);
	}
	
	function deleteAction(form, isAjax, returnFunction, showError){
		return submitToServer(Action.deleteAction, "Unable to delete action", form, isAjax, returnFunction, showError);
	}
	
	function insertRanking(form, isAjax, returnFunction, showError){
		return submitToServer(Ranking.insertRanking, "Unable to insert ranking", form, isAjax, returnFunction, showError);
	}
	
	function submitToServer(method, msg, form, isAjax, returnFunction, showError){
		method(form, isAjax, returnFunction);
		if(isAjax){
			return false;
		} else {
			return true;
		}
	}

</script>

	
			<script type="text/javascript" language="javascript">
	<!--
		/*Show Hint script- copyright Dynamic Drive (www.dynamicdrive.com)*/
		var horizontal_offset="15px"
		var vertical_offset="0"
		var ie=document.all
		var ns6=document.getElementById&&!document.all
		
		function getposOffset(what, offsettype){
			var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
			var parentEl=what.offsetParent;
			while (parentEl!=null){
				totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
				parentEl=parentEl.offsetParent;
			}
			return totaloffset;
		}
		
		function iecompattest(){
			return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
		}
		
		function clearbrowseredge(obj, whichedge){
			var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
			if (whichedge=="rightedge"){
				var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40
				dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
				if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
				edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)
			}else{
				var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
				dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
				if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
				edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
			}
			return edgeoffset
		}
		
		function showhint(menucontents, obj, tipwidth){
			if ((ie||ns6) && document.getElementById("cmPubHelpTextPopup")){
				dropmenuobj=document.getElementById("cmPubHelpTextPopup")
				dropmenuobj.innerHTML=menucontents
				dropmenuobj.style.left=dropmenuobj.style.top=-500
				if (tipwidth!=""){
					dropmenuobj.widthobj=dropmenuobj.style
					dropmenuobj.widthobj.width=tipwidth
				}
				dropmenuobj.x=getposOffset(obj, "left")
				dropmenuobj.y=getposOffset(obj, "top")
				dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"
				dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
				dropmenuobj.style.visibility="visible"
				obj.onmouseout=hidetip
			}
		}
		function hidetip(e){
			dropmenuobj.style.visibility="hidden"
			dropmenuobj.style.left="-500px"
		}
		function createhintbox(){
			var divblock=document.createElement("div")
			divblock.setAttribute("id", "cmPubHelpTextPopup")
			document.body.appendChild(divblock)
		}
		if (window.addEventListener)
			window.addEventListener("load", createhintbox, false)
		else if (window.attachEvent)
			window.attachEvent("onload", createhintbox)
		else if (document.getElementById)
			window.onload=createhintbox
	//-->
</script>

		
	<script language="javascript">AC_FL_RunContent = 0;</script>
	<script src="http://www.localpeaks.com/includes/AC_RunActiveContent.js" language="javascript"></script>
	<script src="http://www.localpeaks.com/includes/Corp_Scripts.js" language="javascript"></script>
	<script src="http://www.localpeaks.com/includes/cookies.js" language="javascript"></script>
</head>
<body>
<script language="javascript1.2">var trkcid=45458747;var partnerID=401159; var _hb=1;</script><script language="javascript1.2" src="http://www.localpeaks.com/g/g/button/button_1.js"></script>
<script language="Javascript" >var js="0.0";</script><script language="Javascript1.0" >js="1.0";</script><script language="Javascript1.1">js="1.1";</script><script language="Javascript1.2" >js="1.2";</script><script language="Javascript1.3">js="1.3";</script><script language="Javascript1.4" >js="1.4";</script><script language="Javascript1.5">js="1.5";</script><script language="Javascript1.6">js="1.6";</script><script language="Javascript1.7">js="1.7";</script><script language="Javascript1.8">js="1.8";</script><script language="Javascript1.9">js="1.9";</script><script language="javascript1.1" type="text/javascript"> 
<!-- 
var bb=new Image();var _ti=910;var _q="";var na=(navigator.appName=="Netscape");var ns=(navigator.appName.substring(0,9)=="Microsoft");var _qDate=new Date();var _r=(document.referrer.indexOf(getdomain(location))>-1?"":document.referrer);_q+="&5="+parseInt(_qDate.getTimezoneOffset());_q+="&35="+parseInt(_qDate.toString().indexOf("aylight")>-1?1:0);_q+="&6=45458747";_q+="&7=401159";_q+="&8="+encodeURIComponent(document.location);_q+="&9="+encodeURIComponent(_r);_q+="&10="+encodeURIComponent(document.title);_q+="&11="+encodeURIComponent(navigator.userAgent);_q+="&12="+encodeURIComponent((na?navigator.language:navigator.userLanguage));_q+="&13="+((navigator.javaEnabled()?'1':'0'));_q+="&14="+encodeURIComponent(js);if(document.cookie.indexOf("cc")==-1)document.cookie="cc=t;";_q+="&15="+((document.cookie.indexOf("cc")==-1)?"0":"1");_q+="&16="+encodeURIComponent((screen.width+'x'+screen.height));_q+="&17="+encodeURIComponent(((ns)?screen.colorDepth:screen.pixelDepth));_q+="&18="+encodeURIComponent(Math.random());_q+="&19="+_ti;bb.src="http://s.clickability.com/s?"+_q;
function setonclicks(a,b){var i=0;var retval=true;while(document.links[i]!=a){i++;}if(b.li[i])retval=b.li[i].oldonclick();bye(a);return retval;}
function newonld(){if(hasonload)oldonld();lnks=new Object();var sze=document.links.length;lnks.li=new Array(sze);for (var i=0; i<sze; i++){if(document.links[i].onclick){lnks.li[i]=document.links[i];lnks.li[i].oldonclick=document.links[i].onclick;}eval("document.links[i].onclick=function(){return setonclicks(this,lnks);}");}}function bye(a){if(a.href.toLowerCase().indexOf('http')!=0)return true;if(getdomain(location)==getdomain(a))return true;if(a.href.toLowerCase().indexOf('http')!=0)return true;var _qc="http://s.clickability.com/s?19=912";_qc+="&6=45458747";_qc+="&7=401159";_qc+="&18="+encodeURIComponent(Math.random());_qc+="&100="+a.href;_qc+="&101="+encodeURIComponent(a.text);var cc=new Image();if(na){cc.src=_qc;pc(100);}else cc.src=_qc;return true;}function pc(a){d = new Date(); while (1){m =new Date(); df = m-d;if( df > a ) {break;}}}function getdomain(a){var i=a.host.indexOf(":");return (i>=0)?a.host.substring(0,i):a.host;}if(self['setupalready']){var dosetup = false;alert('There are two $imware.tracker calls on this page. Please alert Client Services');}else{var dosetup = true;var hasonload=false;}if(dosetup && ((window.screen)||((new Array()).toSource)||((new Array()).shift&&ns))&&(navigator.userAgent.indexOf('Mac')<0)){if(window.onload){oldonld=window.onload;hasonload=true;}window.onload=newonld;var setupalready = true;}//-->
</script><noscript>
<img width="1" height="1" src="http://s.clickability.com/s?19=990&14=0&6=45458747&7=401159&18=0.3576283711482512">
</noscript>

	<div id="wrapper">
		  <!--HEADER-->
			  <div id="header">
				<a href="/"><img src="http://media.localpeaks.com/designimages/local-peaks-header.gif" width="760" height="214" alt="" title="" border="0" /></a>
               
              </div>
               <div id="subheader">
                    <div id="left"> 
                    	Local Peaks:  thoughts, ideas and lessons learned from a web-native CTO
                    </div>
                    <div id="right">
                        Mar 10, 2010
                    </div>
				</div>
		  <!--END HEADER-->

		
							<!--CONTENT AREA-->
				<div id="content">

				
				<div id="center">
				
					<!--BREADCRUMB-->
					<div id="breadcrumb">
												
													&gt; 
															Most Popular - a quick retrospective
																		</div>
					<!--END BREADCRUMB-->

					<!--PAGE TITLE PLUS ICONS-->
					<div id="pagetitle">
						
						<A HREF="#" ONCLICK="return(PT());"><img src="http://media.localpeaks.com/designimages/printthis.gif" /></a>
						<A HREF="#" ONCLICK="return(ET());"><img src="http://media.localpeaks.com/designimages/mailthis.gif" /></a>
						<A HREF="#" ONCLICK="return(ST());"><img src="http://media.localpeaks.com/designimages/savethis.gif" /></a>
						<a href="/localpeaks.rss"><img src="http://media.localpeaks.com/designimages/rss.gif" /></a>
<script type="text/javascript">
digg_skin = 'icon';
digg_window = 'new';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>
												
                                               <a href="http://technorati.com/faves?sub=addfavbtn&amp;add=http://www.localpeaks.com" target="_blank" alt="Add to Technorati Favorites"><img src="http://media.localpeaks.com/designimages/technorati.gif" /></a>

						<div class="clear"></div>
					</div>
					<!--END PAGE TITLE PLUS ICONS-->
					
					<!--startclickprintinclude--> 
			
	
<div id="blog_intro">
			
				
	</div>
      
<!--END BLOG INTRO-->
    
<!--BLOG TEXT AREA-->
<div id="page_text">
	<h1>
		Most Popular - a quick retrospective 
	</h1>
	
	<p><span class="lightg">May 19, 2009</span>
		<span class="pipe"> | </span>
														<b>By Jeff Freund</b>
											
		<br />
		<a href="#comments">Comments (5)</a>
	</p>

	<p>I had an interesting conversation with <a href="http://blogs.wsj.com/numbersguy/" target="_blank"><u>The Numbers Guy</u></a> (aka Carl Bialik) from the Wall Street Journal yesterday.&nbsp; He was researching the idea of popularity and how it affects peoples&rsquo; choices.&nbsp; One of the areas he was exploring was the Most Popular lists that are now standard on all premium media websites.&nbsp; He published a blog posting today about this, entitled <a href="http://blogs.wsj.com/numbersguy/the-growing-popularity-of-popularity-lists-695/"><u>The Growing Popularity of Popularity Lists</u></a> .<br />
<br />
At <a target="_blank" href="http://www.clickability.com"><u>Clickability</u></a>, we have been providing a Most Popular service since 2001, at which point we started aggregating the data behind our EMAIL THIS, SAVE THIS, and PRINT THIS&nbsp; products into the Most Popular.<br />
<br />
Several interesting aspects of these lists came out during our conversation:<br />
<br />
1)&nbsp;&nbsp;&nbsp; Most Popular lists started as standalone pages/features (ie. You click to a full page that contained the most popular articles), and over time evolved into page components and widgets.&nbsp; We actually had a widget for this in 2002, but had very little uptake on it as embedding 3rd party page components was not standard practice at the time.&nbsp; Evolution of web publishing practices to be accommodating (and even relying on) 3rd party components and the emergence of standards like RSS changed everything in the use of embeddable lists.<br />
<br />
2)&nbsp;&nbsp;&nbsp; These lists were some of the earliest forms of &ldquo;social media&rdquo; &ndash; they provided a voice back to the publishers about the content.&nbsp; This was either in a passive was (by tabulating page views) or in a more active way by using stats from tools like &ldquo;email this to a friend&rdquo; or ratings to generate the most popular lists.&nbsp; In fact, Digg and others like it are actually an extension of the &ldquo;most popular&rdquo; from one site to the Internet at large.<br />
<br />
3)&nbsp;&nbsp;&nbsp; With some of our customer, the Most Popular feature leapt from being just an end user feature, to an editorial tool.&nbsp; The managing online editor at a premiere news brand was a shining example of this.&nbsp; He reviewed the up to date most popular list throughout the day as an ongoing decision making tool.&nbsp; The Most Popular was also reviewed in the daily editorial meetings as well.&nbsp; In the end, we built some special analytics tools (the Most Popular Tracker and Calendar) specifically for people like him to rapidly asses the lists as part of their editorial role.<br />
<br />
4)&nbsp;&nbsp;&nbsp; &nbsp;The most popular lists had also jumped from just being on the website to other publishing channels as well.&nbsp; Places that I have seen Most Popular that we power propagated:<br />
<br />
a.&nbsp;&nbsp;&nbsp; RSS feeds into My Yahoo! and other personal portals<br />
b.&nbsp;&nbsp;&nbsp; Within of periodic email newsletters<br />
c.&nbsp;&nbsp;&nbsp; Shown and Reviewed on television (by CNN)<br />
d.&nbsp;&nbsp;&nbsp; Published in newsprint the following day<br />
e.&nbsp;&nbsp;&nbsp; Published in periodical magazines<br />
<br />
<br />
5)&nbsp;&nbsp;&nbsp; The metrics behind the most popular have also changed.&nbsp; The first metrics where viewed, and shared (by &ldquo;email this&rdquo; type tools).&nbsp; This has evolved into ratings, most commented on, most blogged about, most searched for, etc.&nbsp; NY Times has some really nice things in this area.&nbsp; Also, segmentation on most popular lists based on geography is now showing up &ndash; makes a lot of sense for those with global audiences.</p>
<p>While the basic functionality of the Most Popular lists has remained the same, they certainly have evolved over time (almost a decade!) since they first appeared.</p>
<p><br />
&nbsp;</p>
        </div>

<!--END BLOG TEXT AREA-->
     

<div id="pagetitle">&nbsp;</div>
<a name="comments"></a>

<!--BLOG COMMENT AREA-->
<div id="page_text">
	<h2>Comments</h2>
			<div class="comment">
			<p>Hey, this is absolutely true. Here I must say that you have talent of writing, this post I found awesome. Actually I am from a <a href="http://www.rakebackpoker.com/">rakeback poker</a> site that offer good <a href="http://www.rakeback.co.uk/">rakeback</a> amount, but have intention to write decoratively. Thanks for sharing.</p>

			<div class="comment_info">
				<p>
											Posted by
						<span class="black">Marks</span>
						<span class="red"> | </span>
					
					<span class="lightg">25 February 2010 at 3:01AM</span>
				</p>
			</div>
		</div>
			<div class="comment">
			<p>Hi,

   This is David . Ya it is right . It is really true . Bye the way I have a good <a href="http://www.mrcraps.com/">online craps</a> game . when I play this game then I get enjoy . So, I suggest that you can play this . Bye.Have a good day ....</p>

			<div class="comment_info">
				<p>
											Posted by
						<span class="black">David</span>
						<span class="red"> | </span>
					
					<span class="lightg">23 February 2010 at 5:29AM</span>
				</p>
			</div>
		</div>
			<div class="comment">
			<p>Hi,
It is a fact that people choice that person who has popularity. In this case media plays a vital role. As an example Briteney Spears, she is world famous, people like her not only for her voice but also for her popularity.
By the way I am from pokerrakeback.com team, it offers up to 40% <a href="http://www.pokerrakeback.com/">rakeback</a>.</p>

			<div class="comment_info">
				<p>
											Posted by
						<span class="black">Markdaniel</span>
						<span class="red"> | </span>
					
					<span class="lightg">22 February 2010 at 7:35AM</span>
				</p>
			</div>
		</div>
			<div class="comment">
			<p>They give us Michael Jackson instead of the facts of health-care reform or the facts of climate danger or the facts of runaway agribusiness, abandoning these debates for Jackson and the like while vested interests (Chamber of Commerce and corporate PR departments) swamp us with distortions and outright lies.

<a href="http://www.prorakeback.net/rakeback/104870/full-tilt-poker.html">full tilt rakeback</a></p>

			<div class="comment_info">
				<p>
											Posted by
						<span class="black">jim</span>
						<span class="red"> | </span>
					
					<span class="lightg">02 February 2010 at 5:20PM</span>
				</p>
			</div>
		</div>
			<div class="comment">
			<p>In a world dominated by for-profit news media, the "Most Popular" paradigm simply adds energy to the herd behavior of the consuming masses, and it justifies the baser instincts of news editors to "give them what they want' instead of exercising their journalistic judgment (if any) to give us what we need to improve our society. So they give us Michael Jackson instead of the facts of health-care reform or the facts of climate danger or the facts of runaway agribusiness, abandoning these debates for Jacko and the like while vested interests (Chamber of Commerce and corporate PR departments) swamp us with distortions and outright lies. The journalistic entities we depend on to preserve democracy are too busy chasing the Most Popular while brushing aside the Most Important.</p>

			<div class="comment_info">
				<p>
											Posted by
						<span class="black">Brian Bragg</span>
						<span class="red"> | </span>
					
					<span class="lightg">15 July 2009 at 12:02PM</span>
				</p>
			</div>
		</div>
	</div>
<!--END BLOG COMMENT AREA-->

<!--POST BLOG COMMENT-->
<div id="page_text">
	<div id="commentPost">
		<h3>Post Comment</h3>
		<div id="comment_form">
			<script>
				function checkCommentForm(form){
					var errorMessage = "";

					if(form.name.value == "")
						errorMessage = errorMessage + "\tYou must enter your name.\n";

					if(form.email.value == "")
						errorMessage = errorMessage + "\tYou must enter your email.\n";

					if(form.field.value == "")
						errorMessage = errorMessage + "\tYou must enter your comment.\n";

					if(errorMessage != ""){
						alert("The following errors were encountered:\n" + errorMessage);
						return false;
					}

					return insertComment(form, true, commentReturnFunction);
				}
			</script>

			<div id="my_form">
				<form id="commentform" class="generalForm" onSubmit="return checkCommentForm(this);">
					<input type="hidden" name="path" id="path" value="/Most_Popular.html#comments">

					<label>Name:</label>
					<input type="text" name="name" value="">

					<label>Email Address (Not displayed with comment):</label>
					<input type="text" name="email" value="">

					<label>Comments:</label>
					<textarea name="field" value=""></textarea>

					<div id="submit_btns">
						<input type="submit" value="Submit">
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<!--END POST BLOG COMMENT-->


</div>

  									<div id="right">
	
<div id="sidebar_box">
	<h2>About Jeff Freund</h2><img src="http://media.localpeaks.com/designimages/mugshot2.jpg" width="100" height="149" alt="" title="" border="0" /> 
	<p>

		<strong>Jeff Freund</strong></p>
	<p>CEO and CTO, Clickability</p>
	<p><a href="http://www.clickability.com"><u>www.clickability.com</u></a><p>
	
               <p> <a href="http://www.localpeaks.com/About_Jeff_Freund.html">&raquo;  Profile</a></p> 
               <p> <a href="/contact">&raquo; Contact Me</a></p> 
      <p> <a href="/localpeaks.rss">&raquo; Subscribe to This Blog</a></p> 
	<div class="clear"></div>

	<div class="clear"></div>
</div>


    <div id="sidebar_box">
        <h2>Local Peaks Poll</h2>
         <p><strong>What should the new Adobe/Omniture combination be called?</strong><br /><br /><br /><br />
                        
           <FORM ACTION="http://polls.clickability.com/polls">    
            <INPUT TYPE="HIDDEN" NAME="pid" VALUE="63823827" /> 
            <INPUT TYPE="HIDDEN" NAME="cid" VALUE="8500341" /> 
            <INPUT TYPE="HIDDEN" NAME="mr" VALUE="1000" /> 
            <INPUT TYPE="HIDDEN" NAME="rurl" VALUE="http://www.localpeaks.com/Most_Popular.html?pollSubmit=y" />
            
               
                                  <p><INPUT TYPE=RADIO NAME="oid" VALUE=1>  Adobiture </p>
                                  <p><INPUT TYPE=RADIO NAME="oid" VALUE=2>  Omnobe </p>
                                 
               
               <p><br /><input type="submit" value="Vote"></p>
               </form>
                
                </p>
    
        <div class="clear"></div>
        
    </div>


<a href="http://www.mysqlconf.com">
<img src="http://assets.en.oreilly.com/1/event/21/mysql2009_spkr_120x240.gif" width="120" height="240"  border="0"  alt="MySQL Conference & Expo 2009" title="MySQL Conference & Expo 2009"  />
</a>


</div>

				
				<div id="fauxline"></div>
			</div>
			<!--END CONTENT AREA-->

		
		<div id="bottom">
			
			<div id="utilities">

				<p>
					&copy; 2010 All Rights Reserved by Jeff Freund | <a href="http://technorati.com/claim/brp2yjyr9q" rel="me">Technorati Profile</a>
														</p>
			</div>
			<!--END UTILITIES-->
		</div>
	</div>


<!-- Begin Google Tracking Code-->

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-87640-1";
urchinTracker();
</script>
<!-- End Google Tracking Code-->

<!-- Retargeter.com Tag -->
<img src="http://ad.adtegrity.net/pixel?id=557227&t=2" width="1" height="1" />	
<img src="http://ad.doubleclick.net/activity;src=2053556;dcnet=4591;boom=22516;sz=1x1;ord=1?" width="1" height="1" border="0" alt="" />
<!-- End of Retargeter.com Tag -->

<SCRIPT TYPE='text/javascript' LANGUAGE='JavaScript' SRC='http://www.localpeaks.com/includes/elqCfg.js'></SCRIPT>
<SCRIPT TYPE='text/javascript' LANGUAGE='JavaScript' SRC='http://www.localpeaks.com/includes/elqImg.js'></SCRIPT>
</body>
</html>