var topNormal = 151, topFull = 0;
var duracion = 400;
var transUp = Fx.Transitions.Cubic.easeOut;
var transDown = Fx.Transitions.Cubic.easeOut;

var fx = new Fx.Elements($('content'), {wait:false, duration:duracion, transition: transUp});
var fxs = {};

function show_desc(e)
{
		e = new Event(e);	
    var a = e.target;	
    a = $(a);
		while(a.get('tag')!="div" || !a.hasClass("sitethumb"))
			a=$(a.getParent());
		if(a.hasClass("sitethumb")) {
			var b = a.getElement('div[class=thumb_desc]');
			b=$(b);		
			if(b) { 
				if(b.getProperty("moving") > 0) 
        {
					fxs[b.getProperty("moving")].cancel();
					b.setProperty("moving",0);
				}
				fx = new Fx.Elements(b, {wait:false, duration:(b.getStyle("top").toInt()/topNormal)*duracion, transition: transUp});
				var o = {};   o[0]={ 'top': [topFull]};					   
				var ran = $random(0,100000);
				fxs[ran]=fx;
				b.setProperty("moving",ran);
				fx.start(o);
			}
		} 
}

function hide_desc(e)
{
		e = new Event(e); 	
    var a = e.target;	
    a = $(a);
		while(a.get('tag')!="div" || !a.hasClass("sitethumb"))
			a=$(a.getParent());
		if(a.hasClass("sitethumb")) {
			var b = a.getElement('div[class=thumb_desc]');
			b=$(b);
			if(b) { 	
        if( b.getProperty("moving") > 0) 
        {
         fxs[b.getProperty('moving')].cancel();
         b.setProperty('moving',0);						
        }
				fx = new Fx.Elements(b, {wait:false, duration:((topNormal-b.getStyle("top").toInt())/topNormal)*duracion, transition: transDown});
			  var o = {};	o[0]={ 'top': [topNormal]};
				b.setProperty("moving",1);
			    var ran = $random(0,100000);
			    fxs[ran]=fx;
			    b.setProperty("moving",ran);						
			    fx.start(o);
			}
		};
}

function pic_on(e)
{
  this.setStyle('border-color','#888');
}

function pic_off(e)
{
  this.setStyle('border-color','#222');
}


function doWP() 
{
  // ACTIVATE MILKBOX
	Milkbox = new Milkbox();
	
	// ACTIVATE SMOOTHSCROLL
  new SmoothScroll({ duration: 2000 }, window);
  
  // ACTIVATE FOLIO DESCR SCROLL
//	$$('.thumb_frame').addEvent("mouseenter",show_desc);		
//	$$('.thumb_frame').addEvent("mouseleave",hide_desc);
  
  // THUMBNAIL HIGHLIGHT
  $$('.thumbpic').addEvent("mouseenter",pic_on);
  $$('.thumbpic').addEvent("mouseleave",pic_off);

  $('img_w').addEvent("mouseenter",function() {  $('img_w').set('src','images/menu_web_on-trans.png'); });
  $('img_w').addEvent("mouseleave",function() {  $('img_w').set('src','images/menu_web_off-trans.png'); });

  $('img_m').addEvent("mouseenter",function() {  $('img_m').set('src','images/menu_mmedia_on-trans.png'); });
  $('img_m').addEvent("mouseleave",function() {  $('img_m').set('src','images/menu_mmedia_off-trans.png'); });

  $('img_r').addEvent("mouseenter",function() {  $('img_r').set('src','images/menu_3d_on-trans.png'); });
  $('img_r').addEvent("mouseleave",function() {  $('img_r').set('src','images/menu_3d_off-trans.png'); });

  $('img_p').addEvent("mouseenter",function() {  $('img_p').set('src','images/menu_print_on-trans.png'); });
  $('img_p').addEvent("mouseleave",function() {  $('img_p').set('src','images/menu_print_off-trans.png'); });

  $('img_s').addEvent("mouseenter",function() {  $('img_s').set('src','images/menu_sketches_on-trans.png'); });
  $('img_s').addEvent("mouseleave",function() {  $('img_s').set('src','images/menu_sketches_off-trans.png'); });
  
  ////// TIPS
  $$('.Tips1').each(function(element,index) {  
     var content = element.get('title').split('::');  
     element.store('tip:title', content[0]);  
     element.store('tip:text', content[1]);  
  });    
  
  var myTips = new Tips('.Tips1');
  
  myTips.addEvent('show', function(tip){
      tip.fade('hide');
      tip.fade('in');
  });
  myTips.addEvent('hide', function(tip){
      tip.fade('show');
      tip.fade('out');
  });
  
  ///// EMAIL PROTECTION
  
 $$('.email').each(function(el) {   
     el.set('href', el.get('href').replace('AT','@'));   
 }); 
  
};

// do call doWP on DOM ready 
window.addEvent('domready', doWP );