function LayersOSTemplates(){
	
}

LayersOSTemplates.prototype.toolbarPlaceholder = function(){
	return '<div id="layersOS_transparentHelper"></div><div id="layersOS">\
            	<div id="layersOS_popupboard" style="display: none;"></div>\
	            <div id="layersOS_log" style="display: none;">\
	                <a id="layersOS_log_close" href="#" onclick="return false;"><img src="http://edita.layers.com/deploy/img/layer_close.gif" alt="close" title="close"></a>\
	                <ul id="layersOS_log_messages"></ul>\
	            </div>\
	            <div class="jqmConfirm" id="layersOS_confirm" style="display: none;">\
					<div class=" class="jqmConfirmWindow">\
						<h1>Confirmation por favor...</h1><a href="#" class="jqmClose"><em>Close</em></a>\
					</div>\
					<div class="jqmConfirmContent">\
	 					<p class="jqmConfirmMsg"></p>\
	  					<p>Continue?</p>\
	  				</div>\
	  				<input type="submit" value="no" />\
					<input type="submit" value="yes" />\
			    </div>\
	            <div id="layersOS_objectboard"></div>\
	            <div id="layersOS_dock_full">\
	                <div id="layersOS_dock_shadow">\
	                	<div id="layersOS_dock"></div>\
					</div>\
	            </div>\
        	</div>\
       	 	<div id="debug"></div>';
	
}

LayersOSTemplates.prototype.notLoggedToolbarHTML = function(){
	return '<div id="layersOS_dock_left"><div id="layersOS_dock_icon"><a href="http://www.layers.com"><img title="layers.com" alt="layers.com" src="http://edita.layers.com/deploy/img/OS_brand_large.gif"/></a></div>'
				+'<div id="layersOS_dock_join" class="layersOS_dock_item_clickable" title="Join!">JOIN!</div>'
				+'<div id="layersOS_dock_login" class="layersOS_dock_item_clickable" title="Log in">LOG IN</div>'
				+'<div id="layersOS_dock_left_window" class="layersOS_dock_window"></div>'
			+'</div>'
			+'<div id="layersOS_dock_right">'
			    +'<div id="layersOS_dock_layers_over_page" class="layersOS_dock_item_clickable" dock_list="layersOS_layers_over_page"><img class="layersOS_not_logged" src="http://edita.layers.com/deploy/img/over_open_down.gif"/>' + STRING_layers_over_this_page + '</div>'
			    +'<div id="layersOS_layers_over_page" class="layersOS_dock_window layersOS_list layersOS_not_logged" style="display: none;">'
			        +'<!--<span class="layersOS_list_title">Layers over this page</span>-->'
			        +'<a href="#" class="layersOS_list_close"><img src="http://edita.layers.com/deploy/img/layer_close.gif" alt="close" title="close" /></a>'
			        +'<div class="layersOS_list_loading"><img src="http://edita.layers.com/deploy/img/loading.gif" class="layersOS_loading_image" alt="loading" /></div>'
			        +'<div id="layersOS_layers_over_page_content" class="layersOS_list_content" style="display: block;">' 
						+'<div id="layersOS_item_container"></div>'
					+'</div>'
			    +'</div>'
			+'</div>';
}

LayersOSTemplates.prototype.loggedToolbarHTML = function(){
	return '<div id="layersOS_dock_left_logged">'
			    +'<a id="layersOS_dock_icon" target="_blank" href="http://www.layers.com"><img src="http://edita.layers.com/deploy/img/ico_layers.gif" alt="layers.com" title="layers.com"/></a>'
			    +'<div class="layersOS_dock_item_clickable" id="layersOS_dock_identities"><div class="help_tip" style="display: none;"><img src="http://edita.layers.com/deploy/img/display_arrow.gif" />'  + STRING_helptip_identities + '</div><img width="24" height="24" src="" id="layersOS_dock_identities_avatar" title=""/></div>'				
			    +'<div id="layersOS_identities" class="layersOS_list" style="visibility: hidden">'
			        +'<ul><div id="layersOS_identities_content" class="layersOS_list_content" style="display: none;"></div></ul>'
			    +'</div>'
			    +'<div id="layersOS_dock_mylayer_title" class="layersOS_dock_item_clickable" alt="">' + STRING_layer_default_title + '</div>'
			    +'<div id="layersOS_mylayer_title" class="layersOS_dock_window" style="display: none;">'			
			    +'</div>'
			    +'<div id="layersOS_dock_add" class="layersOS_dock_item_clickable"><div class="help_tip" style="display: none;"><img src="http://edita.layers.com/deploy/img/display_arrow.gif" />' + STRING_create_new_layer + '</div><img title="' + STRING_add_object + '" alt="' + STRING_add_object + '" src="http://edita.layers.com/deploy/img/ico_newlayer.gif" /></div>'
			    +'<div id="layersOS_dock_publish" class="layersOS_dock_item_disabled">' +  STRING_share_layer + '</div>'
				+'<div id="layersOS_new_layer_options" class="layersOS_list" style="display:none;">'
					+'<div id="layersOS_new_layer" class="layersOS_dock_item_clickable">' +  STRING_layer_options_new + '</div>'
					+'<div id="layersOS_new_re_layer" class="layersOS_dock_item_clickable">' +  STRING_layer_options_re + '</div>'
				+'</div>'				
			+'</div>'
			+'<div id="layersOS_dock_center_logged">'
				+'<div id="layersOS_dock_info_layer" class="layersOS_dock_item_clickable"><div class="help_tip" style="display: none;"><img src="http://edita.layers.com/deploy/img/display_arrow.gif" />'  + STRING_helptip_about_layer + '</div><img title="' + STRING_helptip_about_layer + '" alt="' + STRING_helptip_about_layer + '" src="http://edita.layers.com/deploy/img/ico_infolayer.gif" /></div>'
			    +'<div id="layersOS_dock_email" class="layersOS_dock_item_clickable"><div class="help_tip" style="display: none;"><img src="http://edita.layers.com/deploy/img/display_arrow.gif" />'  + STRING_helptip_email_layer + '</div><img title="' + STRING_helptip_email_layer + '" alt="' + STRING_helptip_email_layer + '" src="http://edita.layers.com/deploy/img/ico_email.gif" /></div>'
				+'<div id="layersOS_dock_comment" class="layersOS_dock_item_clickable"><div class="help_tip" style="display: none;"><img src="http://edita.layers.com/deploy/img/display_arrow.gif" />'  + STRING_helptip_comment_layer + '</div><img title="' + STRING_helptip_comment_layer + '" alt="' + STRING_helptip_comment_layer + '" src="http://edita.layers.com/deploy/img/ico_comment.gif" /></div>'
				+'<div id="layersOS_dock_like" class="layersOS_dock_item_clickable"><div class="help_tip" style="display: none;"><img src="http://edita.layers.com/deploy/img/display_arrow.gif" />'  + STRING_helptip_like_layer + '</div><img title="' + STRING_helptip_like_layer + '" alt="' + STRING_helptip_like_layer + '" src="http://edita.layers.com/deploy/img/ico_ilikeit_off.gif" /></div>'
				+'<div id="layersOS_dock_report" class="layersOS_dock_item_clickable"><div class="help_tip" style="display: none;"><img src="http://edita.layers.com/deploy/img/display_arrow.gif" />'  + STRING_helptip_report_layer + '</div><img title="' + STRING_helptip_report_layer + '" alt="' + STRING_helptip_report_layer + '" src="http://edita.layers.com/deploy/img/ico_report_off.gif" /></div>'			    
			+'</div>'
			+'<div id="layersOS_toolbar" style="display: none;"></div>'
			+'<div id="layersOS_dock_right_logged">'
			    +'<div id="layersOS_dock_layers_myfriends" class="layersOS_dock_item_clickable" style="visibility:hidden"><div class="help_tip" style="display: none;"><img src="http://edita.layers.com/deploy/img/display_arrow.gif" />' + STRING_helptip_myfriends_layers + '</div><img title="' + STRING_helptip_myfriends_layers + '" alt="' + STRING_helptip_myfriends_layers + '" src="http://edita.layers.com/deploy/img/ico_friend_layers.gif" /></div>'
			    +'<div id="layersOS_layers_myfriends" class="layersOS_list" style="display: none;">'
			        +'<div class="layersOS_myfriends_list_title">' + STRING_all_myfriends_layers + '</div>'
			        +'<a href="#" class="layersOS_list_close"><img src="http://edita.layers.com/deploy/img/layer_close.gif" alt="' + STRING_close + '" title="' + STRING_close + '" /></a>'
			        +'<div class="layersOS_list_loading"><img src="http://edita.layers.com/deploy/img/loading.gif" class="layersOS_loading_image" alt="loading"/></div>'					
			        +'<div id="layersOS_layers_myfriends_content" class="layersOS_list_content" style="display: none;">'
						+'<div id="layersOS_myfriends_other_item_container"></div>' 
					+'</div>'
			    +'</div>'
			    +'<div id="layersOS_dock_layers_over_page" class="layersOS_dock_item_clickable"><img src="http://edita.layers.com/deploy/img/over_open_down.gif" />' + STRING_layers_over_this_page + '</div>'			
			    +'<div id="layersOS_layers_over_page" class="layersOS_list layers_over_page_fixed" style="display: none;">'
			        +'<a href="#" class="layersOS_list_close"><img src="http://edita.layers.com/deploy/img/layer_close.gif" alt="' + STRING_close + '" title="' + STRING_close + '" /></a>'			      
			        +'<div style="display:none">'
			            +'<div class="layersOS_list_title layersOS_list_title_2" style="visibility: hidden">' + STRING_my_friends_layers + '</div>'
			            +'<div id="friendsLayers" style="visibility: hidden">'
			                +'<div class="layersOS_list_loading" style="visibility: hidden"><img src="http://edita.layers.com/deploy/img/loading.gif" class="layersOS_loading_image" alt="loading"/></div>'
			                +'<div id="layersOS_layers_over_page_myfriends_content" class="layersOS_list_content" style="visibility: hidden">'
								+'<div id="layersOS_myfriends_item_container"></div>'
							+'</div>'
			            +'</div>'
			        +'</div>'
			        +'<div>'
			            +'<div class="layersOS_list_title">' + STRING_other_layers + '</div>'
			            +'<div id="otherLayers">'
			                +'<div class="layersOS_list_loading"><img src="http://edita.layers.com/deploy/img/loading.gif" class="layersOS_loading_image" alt="loading"/></div>'
			                 +'<div id="layersOS_layers_over_page_others_content" class="layersOS_list_content" style="display: none;">'
							 	+'<div id="layersOS_others_item_container"></div>'
							 +'</div>'
			            +'</div>'
			        +'</div>'
					 +'<div>'
			            +'<div class="layersOS_list_title layersOS_list_title_2">' + STRING_my_layers + '</div>'
			            +'<div id="myLayers">'
			                +'<div class="layersOS_list_loading"><img src="http://edita.layers.com/deploy/img/loading.gif" class="layersOS_loading_image" alt="loading"/></div>'
			                +'<div id="layersOS_layers_over_page_mylayers_content" class="layersOS_list_content" style="display: none;">'
								+'<div id="layersOS_mylayers_item_container"></div>' 
							+'</div>'
			            +'</div>'
			        +'</div>'
			    +'</div>'
				+'<div dock_list="layersOS_layers_myfriends" class="layersOS_dock_item_clickable" id="layersOS_dock_notifications" style="visibility:hidden"><div class="help_tip" style="display: none;"><img src="http://edita.layers.com/deploy/img/display_arrow.gif" />' + STRING_helptip_dock_notifications + '</div><img src="http://edita.layers.com/deploy/img/ico_notifications.gif" alt="" title=""/></div>'
     			+'<div dock_list="layersOS_layers_myfriends" class="layersOS_dock_item_clickable" id="layersOS_dock_install"><div class="help_tip" style="display: none;"><img src="http://edita.layers.com/deploy/img/display_arrow.gif" />' + STRING_helptip_dock_install + '</div><img src="http://edita.layers.com/deploy/img/ico_install.gif" alt="" title=""/></div>'
			+'</div>';
}


LayersOSTemplates.prototype.joinFormHTML = function(){
 	return '<img class="join" src="http://edita.layers.com/deploy/img/display_arrow.gif"/>'
	+'<form id="layersOS_join_form" method="post">'
	+'<input type="text" helptip="Username" name="displayname" id="layersOS_join_displayname" required="required" />'
	+'<input type="text" helptip="E-mail" name="email" id="layersOS_join_email" required="required" />'
	+'<input type="text" helptip="Password" real_password="layersOS_join_password" name="fake_password" id="layersOS_join_fake_password" />'
	+'<input type="password" helptip="Password" fake_password="layersOS_join_fake_password" name="password" id="layersOS_join_password" required="required" />'
	+'<input type="checkbox" name="acceptCheckBox" id="join_checkbox_required" required="required" />'+STRING_join_confirm_message
	+'<input type="submit" value="JOIN!" name="join_submit" class="top_submit" />'
	+'</form>';
}


LayersOSTemplates.prototype.loginFormHTML = function(){
	return '<img class="login" src="http://edita.layers.com/deploy/img/display_arrow.gif"/>'
	+'<form id="layersOS_login_form" method="post">'
		+'<input id="layersOS_login_user" type="text" required="required" helptip="Username" name="username"/>'
		+'<input id="layersOS_login_fake_password" type="text" helptip="Password" real_password="layersOS_login_password" name="fake_password"/>'
		+'<input id="layersOS_login_password" type="password" required="required" helptip="Password" fake_password="layersOS_login_fake_password" name="password" style="display: none;"/>'
		+'<input class="top_submit" type="submit" name="login_submit" value="LOG IN"/>'
		+'<ul class="layersOS_form_log" style="display: none;"/>'
	+'</form>'
+'<div id="layersOS_login_forgot_password">'
+'<a id="layersOS_forgot_password_link" target="_blank" href="http://layers.com/forgot_password">forgot your password?</a>'
+'</div>';
}

LayersOSTemplates.prototype.getApplicationBarHTML = function(){
	return "<div id=\"layersOS_toolbar_title\">tools</div>"
		 	+"<div id=\"layersOS_toolbar_content\">"
		 	+"</div>";
}


LayersOSTemplates.prototype.editTitleFormHTML = function(layerTitle){
	return '<img src="http://edita.layers.com/deploy/img/display_arrow.gif" />' +
			'<form id="layersOS_mylayer_title_form" method="post">' +
				'<input type="text" name="title" value="' + layerTitle + '" helptip="' + layerTitle + '" required="required" maxlength="140" />' +
				'<ul style="display: none;" class="layersOS_form_log"/>' +
			'</form>';
}

LayersOSTemplates.prototype.identityButtonHTML = function(displayName, imageURL){
	return "<li class='layersOS_identity' id='" + displayName + "'>" +
				"<img width='24' height='24' title='" + displayName + "' alt='" + displayName + "' src='" + imageURL + "'/>"+ 
			"</li>";
}

LayersOSTemplates.prototype.logoutButtonHTML = function(){
	return '<li>' +
				'<a href="#" id="layersOS_logout_link"><img src="http://edita.layers.com/deploy/img/logout.gif" alt="logout" /></a>' +
			'</li>';
}

LayersOSTemplates.prototype.getApplicationButtonHTML = function(AppInfo){
	return "	<span class=\"layersOS_tool layersOS_tool_clickmore layersOS_tool_enabled layersOS_tool_unselected\" id=\"" + AppInfo._id + "\" type=\"" + AppInfo._id.toLowerCase() + "\"><img src=\"" + AppInfo._iconURL + "\" alt=\"" + AppInfo._id.toLowerCase() + "\" title=\"" + AppInfo._id.toLowerCase() + "\" /></span>";
}

LayersOSTemplates.prototype.getLayerItemOverThisPageHTML = function(layer){		
	return '<li class="layersOS_list_layer">\
				<div class="layersOS_list_layer_icons" style="display: block;">\
					<img width="24" height="24" src="http://edita.layers.com/images/' + layer._owner +	'.jpg" alt="' +	layer._owner + '" title="' + layer._owner +	'" />\
					<img width="24" height="24" src="' + layer.getApplicationIcon() + '"/>\
				</div>'+
				'<div id="layersOS_list_layer_main'+layer._id+'" class="layersOS_list_layer_main">\
					<span class="layersOS_list_layer_owner">\
						<a href="' + layersOS_spm_site +	layer._owner + '">' + layer._owner + '</a>\
					</span><br />\
					<span class="layersOS_list_layer_title">' +	layer._title + '</span>\
					<span class="layersOS_list_layer_date">' + layer.getLayerPublishDate() + '</span>\
				</div>\
			</li>';
}

LayersOSTemplates.prototype.getLayerItemHTML = function(layer){

	return '<li id = list_layer_'+layer._id+ ' class="layersOS_list_layer">\
				<div class="layersOS_list_layer_icons" style="display: block;">\
					<img width="24" height="24" src="http://edita.layers.com/images/' + layer._owner +	'.jpg" alt="' +	layer._owner + '" title="' + layer._owner +	'" />\
					<img width="24" height="24" src="' + layer.getApplicationIcon() + '"/>\
				</div>'+
				'<div class="layersOS_list_layer_main">\
					<span class="layersOS_list_layer_owner">\
						<a href="' + layersOS_spm_site +	layer._owner + '">' + layer._owner + '</a>\
					</span><br />\
					<span class="layersOS_list_layer_title">' +	layer._title + '</span> over <a href="' + layersOS_spm_site + layer._owner + '/' + layer._id  + '" target="_blank">' + layer.getDomain() + '</a>\
					<span class="layersOS_list_layer_date">' + layer.getLayerPublishDate() + '</span>\
				</div>\
			</li>';
}

LayersOSTemplates.prototype.getLayerPaginationButtonsHTML = function(layer){
	return '<div class="layersOS_paging_prev_next">\
				<input type="button" class="layersOS_paging_link layersOS_paging_prev layersOS_paging_disabled" value="prev"/>\
				<input type="button" class="layersOS_paging_link layersOS_paging_next layersOS_paging_disabled" value="next"/>\
			</div>\
	    	<div class="layersOS_paging"></div>';
}


LayersOSTemplates.prototype.getLoadingGaugeHTML = function(){
	return '<div id="loading">Loading Background Page<br /><img src="http://edita.layers.com/deploy/img/loading_bgpage.gif" alt="loading..."/></div>';
}

LayersOSTemplates.prototype.getLayerInfoHTML = function(layer){
	
	return '<ul id="layersOS_current_layer_info" class="layersOS_list">\
				<div class="layersOS_current_layer_title">' + STRING_current_layer_info_title + '</div>\
			    <a href="#" class="layersOS_list_close"><img src="http://edita.layers.com/deploy/img/layer_close.gif" alt="' + STRING_close + '" title="' + STRING_close + '" /></a>\
				<li class="layersOS_info_layer">\
	 				<div style="display: block;" class="layersOS_info_layer_icons">\
						<img width="24" height="24" title="' +	layer._owner + '" alt="' + layer._owner + '" src="http://edita.layers.com/images/' + layer._owner + '.jpg"/>\
						<img width="24" height="24" src="' + layer.getApplicationIcon() + '"/>\
					</div>\
					<span class="layersOS_info_layer_owner">\
						<a href="' + layersOS_spm_site +	layer._owner + '">' + layer._owner + '</a>\
	 				</span>\
					<span class="layersOS_info_layer_title">' +	layer._title + '</span>\
					<span class="layersOS_info_layer_title">http://layers.com/' +	layer._owner + '/' + layer._id + '</span>\
					<span class="layersOS_info_layer_date">' + layer.getLayerPublishDate() + '</span>\
				</li>\
			</ul>';	
}

LayersOSTemplates.prototype.sendEmailFormHTML = function(layer){	
	return '<div id="layersOS_send_email" class="layersOS_list">\
				<div class="layersOS_send_email_title">' + STRING_send_email_title + '</div>\
			    <a href="#" class="layersOS_list_close"><img src="http://edita.layers.com/deploy/img/layer_close.gif" alt="' + STRING_close + '" title="' + STRING_close + '" /></a>\
				<form id="layersOS_email_form" method="post">\
				   	<input type="text" name="email" helptip="Your Friends Emails (comma separated)" required="required" />\
				    <input type="text" name="subject" helptip="Subject" required="required" />\
				    <textarea name="message" helptip="message" required="required" ></textarea>\
				    <input type="button" value="CANCEL" id="layersOS_email_cancel" />\
				    <input type="submit" value="SEND" id="layersOS_email_submit" />\
				</form>\
				<ul class="layersOS_form_log" style="display: none;"/>\
			</div>';
}

LayersOSTemplates.prototype.getCommentsBoxHTML = function(layer){	
	return '<div id="layersOS_comments_box" class="layersOS_list" style="display: none">\
				<div class="layersOS_comments_box_title">' + STRING_comments_box_title + '</div>\
			    <a href="#" class="layersOS_list_close"><img src="http://edita.layers.com/deploy/img/layer_close.gif" alt="' + STRING_close + '" title="' + STRING_close + '" /></a>\
				<div id="layersOS_comments_list_container">\
					<ul id="layersOS_comments_list"/></ul>\
				</div>\
				<form id="layersOS_comment_form" method="post">\
				    <textarea name="message" maxlength="140" helptip="message" required="required" ></textarea>\
				    <input type="submit" value="' + STRING_comment + '" id="layersOS_email_submit" />\
				</form>\
			</div>';
}

LayersOSTemplates.prototype.getCommentItemHTML = function(comment){
	return '<li class="layersOS_comment">\
				<div class="layersOS_list_comment_icons" style="display: block;">\
					<img width="24" height="24" src="http://edita.layers.com/images/' + comment.getIdentity() + '.jpg" alt="' +	comment.getIdentity() + '" title="' + comment.getIdentity() +	'" />\
				</div>\
				<div class="layersOS_list_comment ' + 'layer_selected' + '">\
					<span class="layersOS_comment_layer_owner">\
						<a href="' + layersOS_spm_site +	comment.getIdentity() + '">' + comment.getDisplayName() + '</a>\
					</span><br />\
					<span class="layersOS_comment_text">' +	Utils.prototype.createHyperlinks(comment.getText()) + '</span>\
					<span class="layersOS_comment_date">' + comment.getDate() + '</span>\
				</div>\
			</li>';
}