var deslocamento=770;
var deslocamento1=150;
var box=0;
var box1=0;
var openbox= new Array();
var openbox1= new Array();
var nbox=7;
var nextwidth=0;
var mostra=1;
inicio();

function inicio(){
   for(x=1;x<=nbox;x++){
      d=deslocamento+(nextwidth);
      document.getElementById('box'+x).style.left=d+'px';
      document.getElementById('painelbox'+x).style.left=d+'px';
      boxwidth=document.getElementById('box'+x).style.width;
      nextwidth=x*(boxwidth.substring(0,(boxwidth.length-2))*1);
      openbox[x]=0;
      openbox1[x]=0;
   }
   window.setTimeout("mostrapainel()","3000");
}
function mostrapainel(){

   if(mostra==1){
      fechapainel1();

      box1=box1+1;

      if(box1>=nbox){mostra=0;box1=0;fechapainel1();}

      abrepainel1();

      
      window.setTimeout("mostrapainel()","900");
   }
}
function abrepainel(id){
   if(mostra==1){
      mostra=0;
      box1=1;
      fechapainel1();
   }
   for(x=1;x<=id;x++){
      if(openbox[x]==0){
         var vleft=document.getElementById('box'+x).style.left;
         vleft=(vleft.substring(0,(vleft.length-2))*1)-deslocamento;
         document.getElementById('box'+x).style.left=vleft+'px';
         document.getElementById('painelbox'+x).style.left=vleft+'px';
         openbox[x]=1;

      }
   }
   box=id;

}
function fechapainel(id){
   for(x=id;x<=nbox;x++){
      if(openbox[x]==1){
         var vleft=document.getElementById('box'+x).style.left;
         vleft=(vleft.substring(0,(vleft.length-2))*1)+deslocamento;
         document.getElementById('box'+x).style.left=vleft+'px';
         document.getElementById('painelbox'+x).style.left=vleft+'px';
         openbox[x]=0;


      }
   }
   box=id;
}
function abrepainel1(){
   for(x=1;x<=box1;x++){
      if(openbox1[x]==0){
         var vleft=document.getElementById('box'+x).style.left;
         vleft=(vleft.substring(0,(vleft.length-2))*1)-deslocamento1;
         document.getElementById('box'+x).style.left=vleft+'px';
         document.getElementById('painelbox'+x).style.left=vleft+'px';
         openbox1[x]=1;
      }
   }
}
function fechapainel1(){
   for(x=box1;x<=nbox;x++){
      if(openbox1[x]==1){
         var vleft=document.getElementById('box'+x).style.left;
         vleft=(vleft.substring(0,(vleft.length-2))*1)+deslocamento1;
         document.getElementById('box'+x).style.left=vleft+'px';
         document.getElementById('painelbox'+x).style.left=vleft+'px';
         openbox1[x]=0;
      }
   }
}
function limpapaineis(id){
   if(mostra==1){
      abrepainel(box1);
   }else{
      var allHTMLTags=document.getElementsByTagName('div');
      for (i=0; i<allHTMLTags.length; i++) {
         if (allHTMLTags[i].className=='painelintrovideo') {
            if (allHTMLTags[i].id=='painelintrovideo_'+id) {

            }else{
               allHTMLTags[i].innerHTML='';
            }
         }
      }
   }
}

function loadmediagrupos(id){
   if(document.getElementById('painelintrovideo_'+id).innerHTML==""){
      ajaxFunction('painelintrovideo_'+id,'entrada/loadvideo.php?grupos='+id);
   }
}
function painel(id){
   limpapaineis(0);
   if(openbox[id]==0){
      abrepainel(id);
      loadmediagrupos(id);
   }else{
      if(id==box){
         fechapainel(id);
         if(openbox[id-1]==1){
             loadmediagrupos(id-1);
         }
      }else{
         if(openbox[id+1]==0){
            fechapainel(id);
         }else{
            fechapainel(id+1);
            loadmediagrupos(id);
         }

      }

   }


}
function painel1(id){
   limpapaineis(id);
   if(openbox[id]==0){
      abrepainel(id);
   }
   if(openbox[id]==1){
      if(id+1<=nbox){
         fechapainel(id+1);
      }
   }
   loadmediagrupos(id);

}