var nr=0;
var ant=0;
var tVideo="miliuna,swf";
var tWidth=320;
var tHeight=240;
var Pic=new Array();
function more1() {
     document.getElementById('flash').style.visibility='hidden';
     document.getElementById('flor2').style.visibility='visible';
     document.getElementById('gallery').style.visibility='visible';
     document.getElementById('gallery').innerHTML=""+
     "<table width='100%'><tr><th align='right'><a href='#' "+
     "onClick=showHide('flash')><img src='xbutton.png' border='0'></a></td></tr></table>"+
     "<table width='100%' border='0'><tr><th align='center'><br><br>"+
     "<!--a href='#' onClick=more1()>"+
     "<img valign='bottom' onMouseOver=this.src='moreof.png' onMouseOut=this.src='moreon.jpg'  src='moreon.jpg' border='0'></a-->"+
     "</th></tr></table>"+
     "<div align='center'>"+
     "<table border='0'>"+
     "<tr><th height='60px'>&nbsp;</th></tr>"+
// --- Menu 0
     "<tr><th>"+
       "<a href='http://www.youtube.com/jessibabellydancer' target='_new'>"+
       "<img valign='bottom' onMouseOver=this.src='youtubeof.png' onMouseOut=this.src='youtubeon.jpg' src='youtubeon.jpg' border='0'>"+
       "</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+
       "<a href='http://jessiba.wordpress.com' target='_new'>"+
       "<img valign='bottom' onMouseOver=this.src='blogof.png' onMouseOut=this.src='blogon.jpg' src='blogon.jpg' border='0'></a>"+
     "</th></tr>"+
// --- Menu 1
     "<tr><th>"+
       "<a href='#' onClick=showHide('more')>"+
       "<img valign='bottom' onMouseOver=this.src='menu1of.png' onMouseOut=this.src='menu1on.jpg' src='menu1on.jpg' border='0'></a>"+
     "</th></tr>"+
// --- Menu 2
     "<tr><th>"+
       "<a href='#' onClick=more2()>"+
       "<img valign='bottom' onMouseOver=this.src='menu2of.png' onMouseOut=this.src='menu2on.jpg' src='menu2on.jpg' border='0'></a>"+
     "</th></tr>"+
// --- Menu 3
     "<tr><th>"+
       "<a href='#' onClick=more3x()>"+
       "<img valign='bottom' onMouseOver=this.src='menu3of.png' onMouseOut=this.src='menu3on.jpg' src='menu3on.jpg' border='0'></a>"+
     "</th></tr>"+
// --- Menu 4
     "<tr><th>"+
       "<a href='#' onClick=more4()>"+
       "<img valign='bottom' onMouseOver=this.src='menu4of.png' onMouseOut=this.src='menu4on.jpg' src='menu4on.jpg' border='0'></a>"+
     "</th></tr>"+
// --- Menu 5
     "<tr><th>"+
       "<a href='#' onClick=more5()>"+
       "<img valign='bottom' onMouseOver=this.src='menu5of.png' onMouseOut=this.src='menu5on.jpg' src='menu5on.jpg' border='0'></a>"+
     "</th></tr>"+
// --- Menu 6
     "<tr><th>"+
       "<a href='#' onClick=more6()>"+
       "<img valign='bottom' onMouseOver=this.src='menu6of.png' onMouseOut=this.src='menu6on.jpg' src='menu6on.jpg' border='0'></a>"+
     "</th></tr>"+
     "</table></tr></table>";
}
function more2() {
     document.getElementById('gallery').style.visibility='visible';
     document.getElementById('flor2').style.visibility='visible';
     document.getElementById('gallery').innerHTML=""+
     "<table width='100%'><tr><td align='right'><a href='#' "+
     "onClick=showHide('flash')><img src='xbutton.png' border='0'></a></td></tr></table>"+
     "<table width='100%' border='0'><tr><th align='center'>"+
     "<a href='#' onClick=more1()>"+
     "<img valign='bottom' onMouseOver=this.src='moreof.png' onMouseOut=this.src='moreon.jpg'  src='moreon.jpg' border='0'></a>"+
     "</th></tr></table>"+
     "<div align='center'>"+
     "<table border='0'><tr><th colspan='2'>"+
       "<a href='http://www.youtube.com/jessibabellydancer' target='_new'>"+
       "<img valign='bottom' onMouseOver=this.src='youtubeof.png' onMouseOut=this.src='youtubeon.jpg' src='youtubeon.jpg' border='0'>"+
       "</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+
       "<img valign='bottom' onMouseOver=this.src='blogof.png' onMouseOut=this.src='blogon.jpg' src='blogon.jpg' border='0'>"+
       "<a href='http://jessiba.wordpress.com' target='_new'></a>"+
     "</th></tr>"+
     "<tr><th colspan='2'>"+
       "<font style='font-size:15;font-family:Toledo,Arial'><b>Other bellydancers/classes</th></tr>"+
     "<tr><th>"+
       "<a style='font-size:15' href='http://www.esalimdanza.com' target='_new'>"+
       "<img src='esalim.jpg' border='0'><br>Malaga - Esalim</a>"+
     "</th><th>"+
       "<a style='font-size:15' href='http://www.rakhshandabelly.com' target='_new'>"+
       "<img src='rakhshanda.jpg' border='0'><br>Malaga - Rakhshanda</a></th></tr>"+
     "<tr><th>"+
       "<a style='font-size:15' href='http://www.claudiacenci.com' target='_new'>"+
       "<img src='claudia.jpg' border='0'><br>Madrid - Claudia Cenci</a></th>"+
     "<th>"+
       "<a style='font-size:15' href='http://www.kayra-danza-oriental.com/' target='_new'>"+
       "<img src='kayra.jpg' border='0'><br>Madrid - Kayra</a></th></tr>"+
     "<tr><th><a style='font-size:15' href='http://www.teresatomas.es' target='_new'>"+
       "<img src='teresa.jpg' border='0'><br>Valencia - Teresa Tomas</a>"+
     "</th><th>"+
       "<a style='font-size:15' href='http://www.yasminaaminah.com' target='_new'>"+
       "<img src='yasmina.jpg' border='0'><br>Tenerife - Yasmina</a>"+
     "</th></tr>"+
     "</div>"+
     "<table><tr><td align='center'>"+
     "<a style='background:#792F77;' href='http://www.bellydanceclasses.net/spain/' target='_new'>Dance classes in other countries and towns at bellydanceclasses.net</a>"+
     "</td></tr></table></tr></table>";
}
function more3() {
     document.getElementById('gallery').style.visibility='visible';
     document.getElementById('flor2').style.visibility='visible';
     document.getElementById('gallery').innerHTML=""+
     "<table width='100%' border='0'><tr><td align='right'><a href='#' "+
     "onClick=showHide('flash')><img src='xbutton.png' border='0'></a></td></tr></table>"+
     "<table width='100%' border='0'><tr><th align='center'>"+
     "<a href='#' onClick=more1()>"+
     "<img valign='bottom' onMouseOver=this.src='moreof.png' onMouseOut=this.src='moreon.jpg'  src='moreon.jpg' border='0'></a>"+
     "</th></tr></table>"+
     "<table border='0'><tr><th colspan='2'>Bellydance essentials</th></tr>"+
      "<tr><th class='rub' width='50%' align='left' valign='top'>Dancing springs from music and rythm.</th>"+
       "<th class='rub' width='50%' align='left' valign='top'>El origen del baile es musica y ritmo.</th></tr>"+
       "<tr><td class='txt' valign='top'>Music and rythm makes a dancer move, fast or slow, with elegance or emotion or agility. "+
       "The base of all forms of art is communication.<br>Art that does not communicate anything, that does not move "+
       "anyone, is dead.</td>"+
       "<td class='txt' valign='top'>Ritmo y musica hace que la bailarina se mueve, rapido o lento, elegante o con agilidad o con emoción. "+
       "Lo más fundamental de todas las artes es la comunicación.</td></tr>"+
       "<tr><th class='rub' align='left' valign='top'>The way art moves us, is by creating an emotional impact.</th>"+
       "<th class='rub' align='left' valign='top'>Arte nos mueve con crear un impacto emocional.</th></tr>"+
       "<tr><td class='txt' valign='top'>Emotional impact is created by  being in communication with and by letting the audience "+
       "participate. Emocional impact is often created with a level of technical excellence or surprise "+
       "that border to the incredible, like in a circus number. In that case more surprise is needed for each show and the audience "+
       "is made into spectators. "+
       "The joy and freedom of the dance performance diminishes rapidly and the audience get bored. "+
       "Dancers who communicate contribute to the quality of life of their public.</td>"+
       "<td class='txt' valign='top'>Ritmo y musica hace que la bailarina se mueve, rapido o lento, elegante o con agilidad o con emoción. "+
       "Lo más fundamental de todas las artes es la comunicación.</td></tr>"+
       "<tr><th class='rub' align='left' valign='top'>Demonstrate sufficient technical excellence to "+
       "create an emotional impact.</th>"+
       "<th class='rub' align='left' valign='top'>Demuestra excelencia tecnica suficiente para crear un impacto "+
       "emocional.</th></tr>";
     "</table>";
}
function more4() {
     document.getElementById('gallery').innerHTML=""+
     "<table width='100%' border='0'><tr><td align='right'><a href='#' "+
     "onClick=showHide('flash')><img src='xbutton.png' border='0'></a></td></tr></table>"+
     "<table width='100%' border='0'><tr><th align='center' colspan='2'>"+
     "<a href='#' onClick=more1()>"+
     "<img valign='bottom' onMouseOver=this.src='moreof.png' onMouseOut=this.src='moreon.jpg'  src='moreon.jpg' border='0'></a>"+
     "</th></tr></table><iframe width='680' height='500px' src='http://www.jessiba.com/instruments.html'></iframe>";
     document.getElementById('flor2').style.visibility='hidden';
     document.getElementById('gallery').style.visibility='visible';
//     "<table width='100%'><tr><td align='right'><a href='#' "+
//     "onClick=showHide('flash')><img src='xbutton.png' border='0'></a></td></tr></table>"+
}
//Arabic rhythms are a succession of ‘doms’ and ‘taks’. Dom is a bass beat, whereas tak is the treble, a sharper sound; in tablah (a goblet drum also called darbuka or dumbelek in Turkish), for example, the dom is obtained by striking the middle of the skin and the tak by striking the rim of the drum.
//Doms are usually more suited for grounded downwards movements, such as hip drops, while taks are better accompanied by hip lifts.
//Usually Egyptian rhythms start with a dom, also they have more doms in them than for example Turkish rhythms and require more grounded movements, such as hip drops. Turkish rhythms consist of fewer doms and more taks than Egyptian rhythms and therefore Turkish belly dance has more hip lifts.
//Every rhythm, which is a pattern of beats and accent, can then be played at different speeds or tempo, such as, for example, 4/4, 2/4 or 8/4.
//BALADI belly dance rhythm
//There are many baladi rhythms, but the most common is the following:
//Dom-dom tak-a-tak.
//Dom tak-a-tak.


function showVideo(tVideo,tWidth,tHeight) {
     document.getElementById('gallery').style.visibility='visible';
     document.getElementById('flor2').style.visibility='visible';
     document.getElementById('gallery').innerHTML=""+
     "<table width='100%'><tr><td align='right'><a href='#' "+
     "onClick=showHide('flash')><img src='xbutton.png' border='0'></a></td></tr></table>"+
     "<table width='100%' border='0'><tr><th align='center'>"+
     "<a href='#' onClick=more1()><img valign='bottom' onMouseOver=this.src='moreof.png' onMouseOut=this.src='moreon.jpg'  src='moreon.jpg' border='0'></a>"+
     "</th></tr></table>"+
     "<table border='0' height='400'>"+
     "<tr><th>"+
     "<a href='javascript:showVideo(\"videos/VTS_01_1_1.swf\",356,200)'>"+
         "<img src='videos/fstrip.jpg' border='0' class='shad'>"+
         "<img src='videos/valladolid.jpg' border='0' class='shad'></a>"+
     "<a href='javascript:showVideo(\"videos/miliuna.swf\",300,240)'>"+
         "<img src='videos/1001.jpg' border='0' class='shad'></a>"+
     "<a href='javascript:showVideo(\"videos/JessibaMarbella09.swf\",640,404)'>"+
         "<img src='videos/marbella.jpg' border='0' class='shad'></a>"+
//     "<a href='javascript:showVideo(\"valencia_1.swf\",400,300)'>"+
//         "<img src='videos/valencia.jpg' border='0' class='shad'></a>"+
//     "<a href='javascript:showVideo(\"videos/harenperc.swf\",600,450)'>"+
//         "<img src='videos/haren.jpg' border='0' class='shad'></a>"+
     "<a href='javascript:showVideo(\"videos/Jessibabarca.swf\",530,315)'>"+
         "<img src='videos/Jessibabarc.jpg' border='0' class='shad'></a>"+
     "<a href='javascript:showVideo(\"videos/IMGP0117.swf\",400,300)'>"+
         "<img src='videos/jessibamalagasm.jpg' border='0' class='shad'></a>"+
     "</th></tr>"+
     "<tr><td align='center' valign='top' height='450'>"+
     "<object class='shad' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='"+tWidth+"' height='"+tHeight+"'>"+
       "<param name='movie' value='"+tVideo+"'>"+
       "<param name='quality' value='high'>"+
       "<param name='allowScriptAccess' value='sameDomain' />"+
       "<param name='allowFullScreen' value='True' />"+
       "<embed src='"+tVideo+"' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='300' height='240' allowScriptAccess='sameDomain' allowFullScreen='True'>"+
       "</embed>"+
     "</object></td><td rowspan='4' align='center'>"+
     "</td></tr></table>";
}
function showHide(button) {
   document.getElementById('flor2').style.visibility='hidden';
   document.getElementById('flash').style.visibility='hidden';
   document.getElementById('navig').innerHTML="&nbsp;";
if (button=="gallery")
   {
     document.getElementById('gallery').innerHTML=""+
     "<table width='100%'><tr><td align='right'><a href='#' "+
     "onClick=showHide('flash')><img src='xbutton.png' border='0'></a></td></tr></table>"+
     "<center><table border='0'><tr><th>"+
     "<iframe frameborder='0' width='740px' height='560' scrolling='no' src='bilder/jessibagallery.html' />"+
     "</th></tr></table></center>";
     document.getElementById('gallery').style.visibility='visible';
   }
// EVENTS ==================================================================================
if (button=="events")
     {
     document.getElementById('flor2').style.visibility='hidden';
     document.getElementById('gallery').innerHTML=""+
     "<table width='100%'><tr><td align='right'><a href='#' "+
     "onClick=showHide('flash')><img src='xbutton.png' border='0'></a></td></tr></table>"+
     "<table border='0' height='560px'>"+
     "<tr><th width='270px'><img src='poster.jpg'></th><td width='400px'>"+
     "<li>Valladolid May 15 2009"+
     "<li>Malaga May 23 2009"+
     "<li>Madrid May 31 2009"+
     "<li>Stockholm Sweden June 2009"+
     "<li>Benalmádena June 21 2009"+
     "<li>Malaga June 28 2009"+
     "<li>Marbella August 1 2009"+
     "<li>Stockholm Sweden August 2009"+
     "<li>Nerja September 2009"+
     "<li>Valencia November 2009"+
     "<li>Sevilla November 2009"+
     "<li>Lima Perú January 2010"+
     "<li>Barcelona February 2010"+
     "<li>Malaga March 19 2010"+
     "<li>Kairo Egypt April 2010"+
     "<li>Stockholm Sweden May 2010"+
     "</td></tr></table>";
     document.getElementById('gallery').style.visibility='visible';
   }
// CONTACT ==================================================================================
if (button=="conform")
   {
   document.getElementById('flor2').style.visibility='visible';
   document.getElementById('gallery').innerHTML=""+
     "<table width='100%'><tr><td align='right'><a href='#' "+
     "onClick=showHide('flash')><img src='xbutton.png' border='0'></a></td></tr></table>"+
     "<form action='http://www.jessiba.com/sendmail.php' method='POST'>"+
     "<table border='0'><tr><th colspan='3'><p>&nbsp;</p></th></tr>"+
     "<tr><th colspan='3'><b>You are always welcome to communicate to me!</b></th></tr>"+
     "<tr><th colspan='3'><p>&nbsp;</p></th></tr>"+
     "<tr><td width='150px'>&nbsp;</td><td>I am interested in:<br>Me interesa:</td>"+
     "<td><select cols='40' name='tema'>"+
     "<option>Oriental dance classes in Nerja Spain</option>"+
     "<option>Cursos de baile oriental en Nerja España</option>"+
     "<option>Classes in Lima Perú</option>"+
     "<option>Cursos en Lima Perú</option>"+
     "<option>Workshops</option>"+
     "<option>Talleres</option>"+
     "<option>Event performance</option>"+
     "<option>Registrar evento</option>"+
     "<option>Other</option>"+
     "<option>Distinto</select></td></tr>"+
     "<tr><td width='150px'>&nbsp;</td><td>Name - Nombre</td><td><input type='text' name='name' size='40'></td></tr>"+
     "<tr><td width='150px'>&nbsp;</td><td>Surname - Apellido</td><td><input type='text' name='apell' size='40'></td></tr>"+
     "<tr><td width='150px'>&nbsp;</td><td>Address - dirección</td><td><input type='text' name='address' size='40'></td></tr>"+
     "<tr><td width='150px'>&nbsp;</td><td>City - Ciudad</td><td><input type='text' name='city' size='40'></td></tr>"+
     "<tr><td width='150px'>&nbsp;</td><td>Zip code - Codigo postal</td><td><input type='text' name='zip' size='40'></td></tr>"+
     "<tr><td width='150px'>&nbsp;</td><td>Country - País</td><td><input type='text' name='country' size='40'></td></tr>"+
     "<tr><td width='150px'>&nbsp;</td><td>Phone - Telefono</td><td><input type='text' name='phone' size='40'></td></tr>"+
     "<tr><td width='150px'>&nbsp;</td><td>Email - Correo</td><td><input type='text' name='email' size='40'></td></tr>"+
     "<tr><td width='150px'>&nbsp;</td><td>Message - Mensaje</td><td><textarea name='comm' cols='31' rows='6'></textarea></td></tr>"+
     "<tr><td width='150px'>&nbsp;</td><td>&nbsp;</td><td><input type='submit' name='send' value='Send' size='40'></td></tr>"+
     "</table></th></tr>"+
     "</table>"+
     "</form>";
     document.getElementById('gallery').style.visibility='visible';
   }

if (button=="about")
   {
   document.getElementById('gallery').innerHTML=""+
     "<table width='100%' border='0'><tr><td align='right'><a href='#' "+
     "onClick=showHide('flash')><img src='xbutton.png' border='0'></a></td></tr></table>"+
     "<table><tr><th><img src='jessdarb5.jpg' style='border:1px solid black;'></th></tr></table>"+
     "<iframe width='680' src='http://www.jessiba.com/curri.html'></iframe>";
   document.getElementById('gallery').style.visibility='visible';
   }
// MORE ==================================================================================
if (button=="more")
   {
   showVideo("videos/VTS_01_1_1.swf",356,200);
   }

if (button=="flash")
   {
   document.getElementById('gallery').style.visibility='hidden';
   document.getElementById('flash').style.visibility='visible';
   }
}

