var fade_on=null;
var content_on=7;
var page_nr=page_on=0;
var page_cnt=Array(6,4,4,1,0,3);
function init_box(box_nr) {
  $(document.getElementById('box'+box_nr)).click(function() { //alert(content_on+' '+page_nr+' '+page_on);
  if(content_on==7) { document.getElementById('content'+content_on).style.display="none"; content_on=0; }
  if(!fade_on) {
    fade_on=1;
    document.getElementById('content_right').style.display='block';
    if(content_on && content_on!=box_nr) {
       $(document.getElementById('box'+content_on+'_img')).animate({opacity: 0.0});
       if(document.getElementById('caption'+content_on)) $(document.getElementById('caption'+content_on)).css({color: '#3d3d3d'});
       $(document.getElementById('content'+content_on)).fadeOut('slow', function() {
         if(document.getElementById('caption'+content_on)) document.getElementById('caption'+content_on).style.backgroundImage='url(img/button_unsel.png)';
         if(document.getElementById('caption'+box_nr)) document.getElementById('caption'+box_nr).style.backgroundImage='url(img/button_sel.png)';
         $(document.getElementById('content'+box_nr)).fadeIn('slow', function() {
           content_on=box_nr;
           fade_on=0;
         });
       });
    } else {
      $(document.getElementById('content'+box_nr)).fadeIn('slow', function() {
        if(document.getElementById('caption'+box_nr)) document.getElementById('caption'+box_nr).style.backgroundImage='url(img/button_sel.png)';
        content_on=box_nr;
        fade_on=0;
      });
    }
    if(box_nr>0 && box_nr<4) {
       if(page_on) {
         document.getElementById('navi'+content_on+'_'+page_on).className="unexp";
         document.getElementById('page'+content_on+'_'+page_on).style.display="none";
         page_on=0;
       }
       $(document.getElementById('page'+box_nr+'_0')).fadeIn('slow');
       }
    $(document.getElementById('box'+box_nr+'_img')).animate({opacity: 1.0});
    if(document.getElementById('caption'+box_nr)) $(document.getElementById('caption'+box_nr)).css({color: '#750059'});
  }
  });
}

init_box('1');
init_box('2');
init_box('3');
init_box('4');
init_box('6');
//init_box('7');

function display_page(page_nr) {
  if(!fade_on) {
    fade_on=1;
    document.getElementById('page'+content_on+'_'+page_on).style.display="none";
   //$(document.getElementById('page'+content_on+'_'+page_on)).fadeOut('slow');
   $(document.getElementById('page'+content_on+'_'+page_nr)).fadeIn('slow', function() {
        if(page_on) document.getElementById('navi'+content_on+'_'+page_on).className="unexp";
        document.getElementById('navi'+content_on+'_'+page_nr).className="exp";
        page_on=page_nr;
        fade_on=0;
   });
  }
}
function init_page(b,p) {
   $(document.getElementById('navi'+(b+1)+'_'+(p+1))).click(function() { display_page(p+1); });
}
b=-1; while(++b<page_cnt.length) {
   p=-1; while(++p<page_cnt[b]) {
      init_page(b,p);
   }
}
//display_page(6);