window.addEvents({
  'domready': function(x){
	
	$$('.projectOpener2').forEach(function(elem){
		var father = elem.getParent().getParent();
	    hoverHead(father); 
	});
	
    $$('.projectOpener').forEach(function(elem){
      var father = elem.getParent().getParent();
      var content = father.getElements('.elementcontent')[0];
      elem.addEvents({
        'mouseenter': function(){
            hoverHead(father);
            if(content.getStyle('display') != 'block'){
              elem.set('src', elementheadArrowBlueDown);
            }
        },
        'mouseleave': function(){
          if(content.getStyle('display') != 'block'){
            unhoverHead(father);
            elem.set('src', elementheadArrowBlackDown);
          }
        },
        'click': function(e){
            e.stop();                        
            if(content.getStyle('display') == 'block'){
                content.setStyles({
                    'display': 'none'
                });
                elem.set('src', elementheadArrowBlueDown);                 
            }else{
              hoverHead(father, elem);
              content.setStyles({
                  'display': 'block'
              });
              elem.set('src', elementheadArrowBlueUp);                 
              preloadImages(elem.getParent().getParent().get('id').slice(4, elem.getParent().getParent().get('id').length));
            }
        }
      });
    });
  }  
});

function preloadImages(id){
	if(typeof all == "undefined") return;
	if(!all[id])return;
	all[id].each(function(elem){
	    if(!elem)
		return;
	    var temp = new Element('img');
	    temp.injectTop(document.body);
	    temp.set({
		'src': elem[0]
	    });
	    temp.setStyles({
		'display': 'none'
	    });
	});
}

function hoverHead(father, elem){
  father.getElements('.elementhead').each(function(child){
    child.addClass('active');
  });
  father.getElements('a')[0].addClass('active');
  father.addClass('opened');
}
function unhoverHead(father, elem){
  father.getElements('.elementhead').each(function(child){
    child.removeClass('active');
  });
  father.getElements('a')[0].removeClass('active');
  father.removeClass('opened');
}