///   MyTop
this.MyTop = function(){
 var img=$topimages[Math.floor(Math.random()*$topimages.length)];
 var s=$.SizeImg(img[0]);
 s.rw=495+(120*Math.random()); s.rh=s.rw*(s.h/s.w);
 var t1=new Date(); t1=t1.getTime();
 clearTimeout($timeoutMytop);
 $('#topwait').css({background:'url(img/wait3.gif) right bottom no-repeat'}).unbind('click.mytop').MyTip({text:'En cours de chargement...'});
 var l=(-((s.rw-495)*Math.random())+47)+'px';
 var t=(((s.rh-130)/-2)+20-((s.rh-130)/4)+((s.rh-130)/4*Math.random()))+'px';
 var i=$('<img src="doc/'+img[0]+'" alt="'+img[1]+'" />')
 .css({left:l,top:t,width:s.rw,height:s.rh})
 .hide();

 i.load(function(){
  var t2=new Date(); t2=t2.getTime();
  $('#topimg img').fadeOut(2000,function(){$(this).remove();});
  $(this)
  .fadeIn(500,function(){
    $('#topwait').attr('mysrc',img[0])
    .css({background:'url(shared/blank.png) right bottom no-repeat'})
    .bind('click.mytop',function(){
     var src=$(this).attr('mysrc');
     var title=$('img[src="'+(src)+'"]',$files).attr('title');
     var size=$.SizeImg(src); var r=false;
     size.dw=(size.w+30)-$(window).width();
     size.dh=(size.h+30)-$(window).height();
     if(size.dw>0||size.dh>0){
      if(size.dw>0&&size.dw>size.dh){ r=size.h/size.w; size.rw=$(window).width()-30; size.rh=size.rw*r; }
      else{ r=size.w/size.h; size.rh=$(window).height()-30; size.rw=size.rh*r; }
     }
     $.facebox(
      $('<div></div>').css({width:(!r?size.w:size.rw),height:(!r?size.h:size.rh)})
      .append($('<img src="doc/'+src+'" />').css({position:'absolute',width:(!r?size.w:size.rw),height:(!r?size.h:size.rh),border:'none'}))
       .append($('<b></b>').css({position:'absolute',display:'block',width:(!r?size.w:size.rw),height:(!r?size.h:size.rh),color:'#000',background:'url('+$img_blank+')',padding:0}).append($('<span>'+title+'</span>').css({padding:'2px 5px',color:'#000',fontSize:'110%',background:'#fff'}).fadeTo('fast',0.75)).append($('<span>ESC ou click en dehors ou  <span class="u">fermer</span></span>').css({float:'right',fontWeight:'normal',fontSize:'70%',cursor:'pointer',padding:'2px 5px',color:'#000',background:'#fff'}).fadeTo('fast',0.5).hover( function(){$(this).css({opacity:0.5}).show().stop().fadeTo('normal',0.75);},function(){$(this).stop().fadeTo('normal',0.5);} ).click(function(){$.facebox.close();})))
      .append(r?($('<span>L\'image a été réduite à '+Math.round(size.rh/size.h*100)+'%, afficher la taille réelle</span>').attr('w',size.w).attr('h',size.h).css({position:'absolute',bottom:0,color:'#000',padding:'2px 5px',background:'#fff',cursor:'pointer'})
                .fadeTo('fast',0.5)
                .hover( function(){$(this).css({opacity:0.6}).show().stop().fadeTo('normal',0.9);},function(){$(this).stop().fadeTo('normal',0.5);} )
                .click(function(){var w=$(this).attr('w'); var h=$(this).attr('h'); $(this).parent().css({width:w+'px',height:h+'px'}).children().css({width:w+'px',height:h+'px'}); $(this).remove(); })):'')
     );
    })
    .MyTip({text:img[1]});
   })
   .prependTo('#topimg');
   $timeoutMytop=setTimeout('MyTop();',((t2-t1)>10000?10:(10000-(t2-t1))));
  });

};

///   MyMenu
$.MyMenu=function(){
 (!$isadmin&&!$isuser?($('#menu li a.on').parent().addClass('on')):'');
 var me=$('#menu');
 $('div.back',me).remove();
 var $back=$('<div class="back"><b></b><span></span></div>').appendTo(me);
 var $li=$('li',me);
 var curr=(!$isadmin&&!$isuser?$('li.on',me):$('li.currentl',me));
 function setCurr(el){ //$.jGrowl(el.attr('id'));
  if(!el.length){$back.hide();}
  else{
   $back.css({left:(el.GetPos().left-el.parent().GetPos().left)+'px',width:(el.width())+'px'});
   el.children().css({color:'#fff'});
   curr=el;
  }
 };
 function move(el){
  $back
  .each( function(){ $(this).dequeue(); } )
  .animate({
   width:(!el.length?'0px':(el.width())+'px'),
   left:(!el.length?'0px':(el.GetPos().left-el.parent().GetPos().left)+'px'),
   opacity:(!el.length?0:1)
  }, 333, 'linear' );
  $li.children().each(function(){$(this).css({color:($(this).is('.masked')?'#888':($(this).is('.archieved')?'#6189B5':'#333') )});});
  (!el.length?'':el.children().css({color:'#fff'}));
 };

 $li.not('.back').mouseover(function(){ move($(this)); });
 me.mouseout(function(){ move(curr); });
 $li.bind('click.mymenu',function(e){ setCurr($(this)); });
 setCurr(curr);
};


///   MyImage   // executé sur chaque image

$.MyImage=function(obj){
 var float=obj.attr('class');
 if(float=='floatleft'||float=='floatright'){
  var src=obj.attr('src').split('/'); src=src[src.length-1];
  var title=obj.attr('alt');
  var size=$.SizeImg(src);
  var span=$('<span></span>').css({position:'relative',margin:0,padding:'10px',display:'inline'}).addClass('wi'+(Math.floor(Math.random()*(5)+1))).addClass(float);
  obj.removeAttr('class').css({position:'relative',display:'block',margin:0,padding:0}).wrap(span);
  var b=$('<b></b>')
  .hide()
  .css({background:'url(images/i'+(Math.floor(Math.random()*(12)+1))+'.png) '+(Math.floor(Math.random()*(20)+40))+'% '+(Math.floor(Math.random()*(12)+0))+'px no-repeat'})
  .css({position:'absolute',left:10,top:10,zIndex:1,width:(size.w+14)+'px',height:(size.h+14)+'px',border:'1px solid #ddd',cursor:'pointer'})
  .insertAfter(obj)
  .fadeIn('slow');b.MyTip({text:title});
     if($img_zoom){
      $('<img src="'+$img_zoom+'" />').css({border:'none',background:'none'})
      .css({position:'absolute',left:0,top:0})
      .appendTo(b);
     }
 }
 else{
  b=obj;
     if($img_zoom){
      $('<img src="'+$img_zoom+'" />').css({border:'none',background:'none'})
      .css({position:'absolute',left:(b.GetPos().left-$('#content').GetPos().left-parseFloat(b.css('marginLeft'))+parseFloat(b.css('borderLeftWidth'))+2),top:(b.GetPos().top-$('#content').GetPos().top-parseFloat(b.css('marginTop'))+parseFloat(b.css('borderTopWidth'))+2)})
      .appendTo('#content');
     }
 }
 b.bind('click.myimages',function(){
  var img=obj.attr('src').split('/'); img=img[img.length-1];
  var title=obj.attr('alt');
  var src=$('img[thumb="'+(img)+'"]',$files).attr('src');
  var size=$.SizeImg(src); var r=false;
  size.dw=(size.w+30)-$(window).width();
  size.dh=(size.h+30)-$(window).height();
  if(size.dw>0||size.dh>0){
   if(size.dw>0&&size.dw>size.dh){ r=size.h/size.w; size.rw=$(window).width()-30; size.rh=size.rw*r; }
   else{ r=size.w/size.h; size.rh=$(window).height()-30; size.rw=size.rh*r; }
  }
      $.facebox(
       $('<div></div>').css({width:(!r?size.w:size.rw),height:(!r?size.h:size.rh)})
       .append($('<img src="doc/'+src+'" />').css({position:'absolute',width:(!r?size.w:size.rw),height:(!r?size.h:size.rh),border:'none'}))
       .append($('<b></b>').css({position:'absolute',display:'block',width:(!r?size.w:size.rw),height:(!r?size.h:size.rh),color:'#000',background:'url('+$img_blank+')',padding:0}).append($('<span>'+title+'</span>').css({padding:'2px 5px',color:'#000',fontSize:'110%',background:'#fff'}).fadeTo('fast',0.75)).append($('<span>ESC ou click en dehors ou  <span class="u">fermer</span></span>').css({float:'right',fontWeight:'normal',fontSize:'70%',cursor:'pointer',padding:'2px 5px',color:'#000',background:'#fff'}).fadeTo('fast',0.5).hover( function(){$(this).css({opacity:0.5}).show().stop().fadeTo('normal',0.75);},function(){$(this).stop().fadeTo('normal',0.5);} ).click(function(){$.facebox.close();})))
       .append(r?($('<span>L\'image a été réduite à '+Math.round(size.rh/size.h*100)+'%, afficher la taille réelle</span>').attr('w',size.w).attr('h',size.h).css({position:'absolute',bottom:0,color:'#000',padding:'2px 5px',background:'#fff',cursor:'pointer'})
                  .fadeTo('fast',0.5)
                  .hover( function(){$(this).css({opacity:0.5}).show().stop().fadeTo('normal',0.75);},function(){$(this).stop().fadeTo('normal',0.5);} )
                  .click(function(){var w=$(this).attr('w'); var h=$(this).attr('h'); $(this).parent().css({width:w+'px',height:h+'px'}).children().css({width:w+'px',height:h+'px'}); $(this).remove(); })):'')
      );
 });
};

//////////////////////////////////
$topimages=new Array();
$(window).load(function(){
 if(!$isadmin&&!$isuser){
  var obj=$('img',$files); 
  for(var i=0; i<obj.length; i++){ if(obj.eq(i).attr('src')!=''){ $topimages.push([obj.eq(i).attr('src'),obj.eq(i).attr('title')]); } }

  $timeoutMytop=setTimeout('MyTop();',1);
  $('<b id="topwait"></b>').css({position:'absolute',cursor:'pointer',left:47,top:20,width:495,height:130,zIndex:11}).appendTo('#topimg');
  $.MyMenu();
  if($('#reserved').is('div')){$('#reserved').css({position:($ie6?'absolute':'fixed')}).find('a').fadeTo('fast',0.8);}
  $('#content object').each(function(){
   var float=$(this).hasClass('floatright')?'floatright':'floatleft';
   var div=$('<div></div>').css({position:'relative',margin:0,padding:'10px',display:'inline'}).addClass('wi'+(Math.floor(Math.random()*(5)+1))).addClass(float);
   var b=$('<b></b>').css({position:'relative',margin:0,padding:0,display:'block',background:'#fff',border:'1px solid #ddd'});
   $(this)
   .removeAttr('class')
   .css({position:'relative',display:'block',margin:0,padding:0,cursor:'pointer'})
   .wrap(div)
   .wrap(b)
   .click(function(){this.blur();});
  });
 }
});