anchor.diff:      <!-- Hidden link to open fancybox when creating a new excursion -->
       <a id="launch_excursion_details" href="#excursiondetails" style="display: none;"></a>
   
  -      <!-- Initial screen to input the basic exursion data (Title, Description, etc.) -->
  -      <div style='display:none'>		
  -		<form id='excursiondetails'>
  -        	<div id="excursion_details_fields">
  -	      		<label for="excursion_title">
  -	      			<div class="textintro1 textintromargin1">Title</div>
  -	      		</label>
  -	      		<input id='excursion_title' class="input_text_fancy title1 formsizefancy3" type="text" name="excursion_title" placeholder="Excursion title">	
  -				<img id="start_tutorial" src="/assets/tutorialimage_blank.png"/>
  -				<label for="excursion_description">
  -					<div class="textintro1 textintromargin2">Description</div>
  -				</label>
  -				<textarea id='excursion_description' class="input_text_fancy description1 formsizefancy4" name="excursion_description" placeholder="Describe the excursion in a few words..."></textarea>
  -				<div class="tagBoxIntro">
  -            <ul class="tagList tagListIntro"></ul>
  -        </div>
  -				<div id="thumbnails_in_excursion_details">
  -					<label for="excursion_avatar">
  -						<div class="textintro1 textintromargin3">Thumbnail</div>
  -					</label>
  -					<div id="avatars_carrousel"></div>
  -					<input type="hidden" id="excursion_avatar" value="">
  -				</div>
  -				
  -				<input id='save_excursion_details' submit='disable' class='button buttonintro' value="Continue">
  -		   		<p id="excursion_details_error" class="error_intro" style='display:none'>Please, enter a title</p>
  -	   		</div>
  -	   	</form>
  -      </div>
  -      
  -      
  -	  <div style='display:none'>
  -	    <div id='thumbcontent'>
  -	      <div class='templatethumb' template='1'>
  -		      <img src='/assets/templatesthumbs/t1.png' />
  -	      </div>
  -	      <div class='templatethumb' template='2'>
  -		      <img src='/assets/templatesthumbs/t2.png' />
  -	      </div>
  +    <!-- Initial screen to input the basic exursion data (Title, Description, etc.) -->
  +    <div style='display:none'>    
  +      <form id='excursiondetails'>         
  +        <div id="excursion_details_fields">
  +          <label for="excursion_title">
  +            <div id="tutorialstart" class="textintro1 textintromargin1">Title</div>
  +          </label>
  +          <input id='excursion_title' class="input_text_fancy title1 formsizefancy3" type="text" name="excursion_title" placeholder="Excursion title"> <img id="start_tutorial" src="/assets/tutorialimage_blank.png"/>
  +          <label for="excursion_description">
  +            <div class="textintro1 textintromargin2">Description</div>
  +          </label>
  +          <textarea id='excursion_description' class="input_text_fancy description1 formsizefancy4" name="excursion_description" placeholder="Describe the excursion in a few words..."></textarea>
  +          <div class="tagBoxIntro">
  +            <ul class="tagList"></ul>
  +          </div>
  +          <div id="thumbnails_in_excursion_details">
  +            <label for="excursion_avatar">
  +              <div class="textintro1 textintromargin3">Thumbnail</div>
  +            </label>
  +            <div id="avatars_carrousel"></div>
  +            <input type="hidden" id="excursion_avatar" value="">
  +          </div>
  +        
  +          <input id='save_excursion_details' submit='disable' class='button buttonintro' value="Continue">
  +          <p id="excursion_details_error" class="error_intro" style='display:none'>Please, enter a title</p>
  +        </div>
  +      </form>
  +    </div>  
  +      
  +      
  +    <div style='display:none'>
  +      <div id='thumbcontent'>
  +        <img id='help_template_selection' src='/assets/helptutorial_circle_blank.png'/>
  +        <div class='templatethumb' template='1'>
  +          <img src='/assets/templatesthumbs/t1.png' />
  +        </div>
  +        <div class='templatethumb' template='2'>
  +          <img src='/assets/templatesthumbs/t2.png' />
  +        </div>
             <div class='templatethumb' template='3'>
  -		      <img src='/assets/templatesthumbs/t3.png' />
  -	      </div>
  +          <img src='/assets/templatesthumbs/t3.png' />
  +        </div>
             <div class='templatethumb' template='4'>
  -		      <img src='/assets/templatesthumbs/t4.png' />
  -	      </div>
  +          <img src='/assets/templatesthumbs/t4.png' />
  +        </div>
             <div class='templatethumb' template='5'>
  -		      <img src='/assets/templatesthumbs/t5.png' />
  -	      </div>
  +          <img src='/assets/templatesthumbs/t5.png' />
  +        </div>
             <div class='templatethumb' template='6'>
  -		      <img src='/assets/templatesthumbs/t6.png' />
  -	      </div>
  +          <img src='/assets/templatesthumbs/t6.png' />
  +        </div>
             <div class='templatethumb' template='7'>
  -		      <img src='/assets/templatesthumbs/t7.png' />
  -	      </div>
  -          
  -	    </div>
  -	  </div>
  +          <img src='/assets/templatesthumbs/t7.png' />
  +        </div>
  +        <div style='display:none' class='templatethumb' template='8'>
  +          <img src='/assets/templatesthumbs/t8.png' />
  +        </div>
  +        <div style='display:none' class='templatethumb' template='9'>
  +          <img src='/assets/templatesthumbs/t9.png' />
  +        </div>
  +      </div>
  +    </div>
   
     
  -	  <div style='display:none'>
  -	  	
  -	    <div id='menuselect' class="menuselect_hide">
  -			  <div class='menuicon textthumb' title="Text"></div>
  -	      <a class="addpicture" href="#picture_fancybox">
  -	        <div class='menuicon picthumb' title="Image"></div>
  -	      </a>
  -	      <a class="addflash" href="#flash_fancybox">
  -	        <div class='menuicon flashthumb' title="Flash"></div>
  -	      </a>
  -	      <a class="addvideo" href="#video_fancybox">
  -	        <div class='menuicon videothumb' title="Video"></div>
  -	      </a>
  -	    </div>
  -	    
  -	    <div id='menuselect_for_header' class="menuselect_hide">
  -			  <div class='menuicon_small textthumb textthumb_small' title="Text"></div>
  -	      <a class="addpicture" href="#picture_fancybox">
  -	        <div class='menuicon_small picthumb_small' title="Image"></div>
  -	      </a>	      
  -	    </div>
  -	    
  -	  </div>
  -	  
  -	  
  -	  <!-- PROMPT USER IF SHE IS SURE TO DELETE ITEM -->
  -	  <div style='display:none'>
  -	  	<input type="hidden" id="prompt_answer" value="false"></input>
  -	  	<div id='prompt_form'>	  		
  -	  		<img id="image_template_prompt" class="delete_img" src="/assets/templatesthumbs/default.png"/>
  -	  		<img id="delimg" class="delimg" src="/assets/delete_border.png"><a class="deltext"> are you sure? </a>
  -	  		<a href="#" onclick="$('#prompt_answer').val('true'); $.fancybox.close();" class="prompt_button button button1">delete</a>
  -	  		<a href="#" onclick="$('#prompt_answer').val('false'); $.fancybox.close();" class="prompt_button button button2">no</a>
  -	  	</div>
  -	  </div>
  -	  
  -	  <!-- PROMPT USER WHEN NOT MET MINIMUM REQUIREMENTS -->
  +    <div style='display:none'>
  +      
  +      <div id='menuselect' class="menuselect_hide">
  +        <div class='menuicon textthumb' title="Text"></div>
  +        <a class="addpicture" href="#picture_fancybox">
  +          <div class='menuicon picthumb' title="Image"></div>
  +        </a>
  +        <a class="addflash" href="#flash_fancybox">
  +          <div class='menuicon flashthumb' title="Flash"></div>
  +        </a>
  +        <a class="addvideo" href="#video_fancybox">
  +          <div class='menuicon videothumb' title="Video"></div>
  +        </a>
  +        <a style='display:none' class="addLive" href="#live_fancybox">
  +          <div class='menuicon videothumb' title="Live"></div>
  +        </a>
  +      </div>
  +      
  +      <div id='menuselect_for_header' class="menuselect_hide">
  +        <div class='menuicon_small textthumb textthumb_small' title="Text"></div>
  +        <a class="addpicture" href="#picture_fancybox">
  +          <div class='menuicon_small picthumb_small' title="Image"></div>
  +        </a>        
  +      </div>
  +      
  +    </div>
  +    
  +    
  +    <!-- PROMPT USER IF SHE IS SURE TO DELETE ITEM -->
  +    <div style='display:none'>
  +      <input type="hidden" id="prompt_answer" value="false"></input>
  +      <div id='prompt_form'>        
  +        <img id="image_template_prompt" class="delete_img" src="/assets/templatesthumbs/default.png"/>
  +        <img id="delimg" class="delimg" src="/assets/delete_border.png">
  +        <span class="deltext">are you sure?</span>
  +        <div class="buttons_together">
  +          <a href="#" onclick="$('#prompt_answer').val('true'); $.fancybox.close();" class="prompt_button button button220">delete</a>
  +          <a href="#" onclick="$('#prompt_answer').val('false'); $.fancybox.close();" class="prompt_button button button2">no</a>
  +        </div>
  +      </div>
  +    </div>
  +  
  +   <!-- PROMPT USER WHEN NOT MET MINIMUM REQUIREMENTS -->
       <div style='display:none'>
         <div id='requirements_form_wrapper'>
           <div id='requirements_form'>      
  -          <img id="image_template_prompt" class="warning_requirements" src="/assets/warning.png"/>
  +
             <span class="deltext requirementsText">Your browser does not meet the minimum requirements to init Vish Editor, please update your browser.</span> 
             <div id="recomended_browsers">
               <div class="recomended_browser">
  
positive.code:                           <button type="button" class="button buttonaddfancy" onclick="VISH.Editor.Object.drawPreviewElement()">Add Content</button>
                        </div>
                </div>
          </div>
  				<div id='tab_flash_repo_content' class="fancy_tab_content">	
                  	<div class="box1 box1fancy2">			  
  					<div class="search_container">
  					  <input type="search" class="input_text_fancy formsizefancy2 marginsfancy2" > </input>
  					</div>
  					
  					<div id="tab_flash_repo_content_carrousel"></div>
  					<div id="tab_flash_repo_content_preview">
  						<div id="tab_flash_repo_content_preview_flash">
  							
  						</div>
  						<div id="tab_flash_repo_content_preview_metadata"></div>
  						<div id="tab_flash_repo_content_preview_foot">
  							<button type="button" class="okButton" onclick="VISH.Editor.Object.Repository.addSelectedObject()">Add</button>
  						</div>
  					</div>
  				</div>
                  </div>	 
  	    </div>
  	  </div>
    
    
    	  <!-- VIDEO -->
  	  <div style='display:none'>
  	    <div id="video_fancybox" class="outer_box">
  				<div class="fancy_tabs">	   
  				    <ul>
  				      <li><a href="#" onclick="VISH.Editor.loadTab('tab_video_from_url')" id="tab_video_from_url" class="fancy_tab">url</a></li>
  				      <li><a href="#" onclick="VISH.Editor.loadTab('tab_video_repo')" id="tab_video_repo" class="fancy_tab">vish</a></li>
  				      <li><a href="#" onclick="VISH.Editor.loadTab('tab_video_youtube')" id="tab_video_youtube" class="fancy_tab"><img src='/assets/youtube.png'/></a></li>
  				    </ul>
  				</div>
  				<div id='tab_video_from_url_content' class="fancy_tab_content">
                  	<div id="box1" class="box1 box1fancy1">
                      	<p class="textfancy"> add video url </p><br>
                      	<img id="image_add_url" class="image_add_url" src="/assets/url_img.png"/>
  				    	<input id="video_url" class="input_text_fancy formsizefancy1 marginsfancy1" type="video_url">
  						<button type="button" class="button buttonfancy previewButton">Preview</button>
                    	</div>
                      <div id="box2" class="box2">
                  		<div id="previewimgbox" class="previewimgbox">
                      	<button type="button" class="button buttonaddfancy" onclick="VISH.Editor.Video.drawPreviewElement()">Add Content</button>
                          </div>
                      </div>
                  </div>
  
  				<div id='tab_video_repo_content' class="fancy_tab_content">		
              <div class="box1 box1fancy2">	
  	            <img src="/assets/repositoryimg.png" class="imagelogotab">	  
  							<div class="search_container">
  							  <input type="search" class="input_text_fancy formsizefancy2 marginsfancy2" > </input>
  							</div>
  							
  							<div id="tab_video_repo_content_carrousel"></div>
  							<div id="tab_video_repo_content_preview" class="content_preview">
  								<div id="tab_video_repo_content_preview_video" class="content_preview_data">
  									
  								</div>
  								<div id="tab_video_repo_content_preview_metadata" class="content_preview_metadata"></div>
  								<div id="tab_video_repo_content_preview_foot" class="content_preview_foot">
  									<button type="button" class="okButton" onclick="VISH.Editor.Video.Repository.addSelectedVideo()">Add</button>
  								</div>
  							</div>
              </div>
  				</div>  
  				
  				<div id='tab_video_youtube_content' class="fancy_tab_content">
                    <div class="box1 box1fancy2">
  					<img src="/assets/youtubelogo.png" class="imagelogotab">
  					<div class="search_container" id="youtube_search_container">
  					  <input type="search" class="input_text_fancy formsizefancy2 marginsfancy2" id="youtube_text_to_search"> </input>
  					</div>
  				 
  				
  					<div id="tab_video_youtube_content_carrousel"></div>
  					<div id="tab_video_youtube_content_preview" class="content_preview">
  						<div id="tab_video_youtube_content_preview_video" class="content_preview_data">
  							
  						</div>
  						<div id="tab_video_youtube_content_preview_metadata" class="content_preview_metadata"></div>
  						<div id="tab_video_youtube_content_preview_foot" class="content_preview_foot">
  							<button type="button" class="okButton" onclick="VISH.Editor.Video.Youtube.addSelectedVideo()">Add</button>
  						</div>
  					</div>
  					
  				  </div>
                  </div>
            </div>
  	    </div>
  	  </div>
  
  
negative.code:   <section class="slides layout-regular template-default" id="slides_panel">
      <div id="menubar_helpsection"><img src="images/menubar_helpsection.png"/></div>
      <div id="joyride_help_button"><img id="help_right" src="/assets/helptutorial_circle.png"/></div>
      <div id='menubar'>
          <div id="menubar_background"><img src="/assets/menubar.png"/></div>
          <div id="menubarButtons">
            <a id="edit_excursion_details" href="#excursiondetails">
              <div id="config_div" class='barbuttonaddsave' title="Edit details"></div>
            </a>
            <a id="save" href="#thumbcontent">
              <div id="save_div" class='barbuttonaddsave' title="Save slides"></div>
            </a>
          </div>  
          <div id="menubarCarrousel">
             <div id="slides_carrousel"></div>   
          </div>
      </div>
      </section>
  
  