function glosario(){

if(screen.width<=800){
   //alert("chico");
   tamano=500;
   panel=.3;
}else{
   //alert("grande");
   tamano=600;
   panel=.4;   
}	

$("#main_content").html('<div id="wrapper"><div class="slider" id="slider-one"><div class="panel" id="panel_1"><img src="images/glo_1.png" alt="picture" /><h3><span>Valor</span></h3></div><div class="panel" id="panel_2"><img src="images/glo_2.png" alt="picture" /><h3><span>Imagen</span></h3></div><div class="panel" id="panel_3"><img src="images/glo_3.png" alt="picture" /><h3><span>Posicionamiento</span></h3></div><div class="panel" id="panel_4"><img src="images/glo_4.png" alt="picture" /><h3><span>Identificacion</span></h3></div><div class="panel" id="panel_5"><img src="images/glo_5.png" alt="picture" /><h3><span>Personalidad</span></h3></div><div class="panel" id="panel_6"><img src="images/glo_6.png" alt="picture" /><h3><span>Esencia</span></h3></div><div class="panel" id="panel_7"><img src="images/glo_7.png" alt="picture" /><h3><span>Atributos</span></h3></div><div class="panel" id="panel_8"><img src="images/glo_8.png" alt="picture" /><h3><span>Beneficios</span></h3></div><div class="panel" id="panel_9"><img src="images/glo_9.png" alt="picture" /><h3><span>V. Emocional</span></h3></div><div class="panel" id="panel_10"><img src="images/glo_10.png" alt="picture" /><h3><span>Propuesta</span></h3></div><div class="panel" id="panel_11"><img src="images/glo_11.png" alt="picture" /><h3><span>Promesa</span></h3></div><div class="panel" id="panel_12"><img src="images/glo_12.png" alt="picture" /><h3><span>Target</span></h3></div><div class="panel" id="panel_13"><img src="images/glo_13.png" alt="picture" /><h3><span>Infuenciador</span></h3></div><div class="panel" id="panel_14"><img src="images/glo_14.png" alt="picture" /><h3><span>A. Emocionales</span></h3></div></div></div><!-- end wrapper -->');  

$('#slider-one').movingBoxes({
    startPanel   : 1,    // start with this panel
    wrap         : true, // psuedo wrapping - it just runs to the other end
    width        : tamano,  // overall width of movingBoxes
	panelWidth   : panel,
	reducedSize  :.6,
	fixedHeight  : true,
    imageRatio   : 1/1,    // Image ration set to 1:1 (square image)
    buildNav     : true, // if true, navigation links will be added
    navFormatter : function(index, panel){ return panel.find('h3 span').text(); }
   });
   var i, t = '', len = $('#slider-one .panel').length + 1;
   for ( i=1; i<len; i++ ){
    t += '<a href="#" rel="' + i + '">' + i + '</a> ';
   };
}