function isMouseLeaveOrEnter(e, handler) { 
	if (e.type != 'mouseout' && e.type != 'mouseover') 
	return false; 
	var reltg = e.relatedTarget ? e.relatedTarget :
	 e.type == 'mouseout' ? e.toElement : e.fromElement; 
	while (reltg && reltg != handler) 
	reltg = reltg.parentNode; 
	return (reltg != handler); 
}
function getElementsByClassName(classname,tag) {
 if(!tag) tag = "*";
 var anchs =  document.getElementsByTagName(tag);
 var total_anchs = anchs.length;
 var regexp = new RegExp('\\b' + classname + '\\b');
 var class_items = new Array()
 for(var i=0;i<total_anchs;i++) {
  var this_item = anchs[i];
  if(regexp.test(this_item.className)) {
   class_items.push(this_item);
  }
 }
 return class_items;
}

var flagsDiv;

window.onload = function(){
	flagsDiv = document.getElementById('flagBox');
	document.getElementById('flagBoxBack').style.height = flagsDiv.offsetHeight+'px';
	flagsDiv.start = -flagsDiv.offsetHeight;
	flagsDiv.end = -(flagsDiv.offsetHeight-18-5);
	flagsDiv.tween = new Tween(flagsDiv.style,'top',Tween.strongEaseOut,flagsDiv.start,flagsDiv.end,1,'px');
	flagsDiv.tween.start();
	flagsDiv.onmouseout = function(e){
		if(!e) e = event;
		if (isMouseLeaveOrEnter(e, this)){
			this.tween.continueTo(this.end,0.8);
		}
	}
	flagsDiv.onmouseover = function(e){
		if(!e) e = event;
		if (isMouseLeaveOrEnter(e, this)){
			this.tween.continueTo(0,0.8);
		}							
	}
	
	
	var photos = getElementsByClassName('photoFront','div');
	var le = photos.length;
	for(var i=0;i<le;i++){
		photos[i].parentNode.tween = new OpacityTween(photos[i],Tween.strongEaseOut,100,100,1);
		photos[i].parentNode.onmouseover = function(){
			this.tween.continueTo(0,1);
		}
		photos[i].parentNode.onmouseout = function(){
			this.tween.continueTo(100,1);
		}
	}	
}