var fnklnk = new Class({
 
              Implements: [Options, Events],

              options: {
				  
				  links:[],
				  page_id: 'content'

              },

              initialize: function(options){
				 
				  this.setOptions(options);
					  this.fancylink(this.options.links,this.options.page_id);
					  $(this.options.page_id).fade('hide');
					  window.addEvent('load',this.golarge.bind(this.options.page_id))

              },
			  fancylink: function(links,page_id) {
				   myEffect3=new Fx.Morph(page_id, {duration: 500, transition: Fx.Transitions.Sine.easeOut});
				    $(page_id).set('load',{onSuccess:function(){
																																		(function () {   myEffect3.start({
																																						   'height': [0, 550], //Morphs the 'height' style from 10px to 100px.
																																						   'margin-top':[280,0]
																																						   
																																						   }); } ).delay(500);
																																		
																																		
																																		   $(page_id).fade('in');	}});
				  $$(links).each(function(lnk){
										  if(lnk.getProperty('rel')==null)
										  {
											 
										  lnk.addEvent('click', function() 
																		 {
																			  $$(links).each(function(lnkk){ lnkk.style.backgroundPosition='left top';});
																			this.style.backgroundPosition='left -35px';
																			 
																			 myEffect3.start({
																							 'height': [550, 0],
																							 
																							 'margin-top':[0,280]
																							 }).chain(function(){
																								 
																								
																								 //alert(page_id); 
																								 $(page_id).load('' + lnk  + '');
																								 
																							 });
																			// $(page_id).fade('out'); 
																			return false;
																		 });
										  }
										  else
										  {
											  
											  $(lnk.rel).setPosition({
																	 relativeTo: lnk,
																	 position: 'upperRight',
																	 offset: {x: -20, y: 0}
																	 });
											  lnk.addEvents({
															 'click': function() {
																 
																 return false;
																 
															 },
															 'mouseover': function(){
																$(lnk.rel).style.visibility='visible';
																 
															 },
															 'mouseout': function(){
																 $(lnk.rel).style.visibility='hidden';
																 
															 }
												
																
															 });
											  $(lnk.rel).addEvents({
															 'click': function() {
																 
																 return false;
																 
															 },
															 'mouseover': function(){
																$(lnk.rel).style.visibility='visible';
																 
															 },
															 'mouseout': function(){
																 $(lnk.rel).style.visibility='hidden';
																 
															 }
																   });
										  }
										  });
				  
				  
			  },
			  golarge: function() {
				 // alert(this);
				   var intro = new Fx.Morph(this, {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
				   
				   intro.start({
							   'height': [0, 550], //Morphs the 'height' style from 10px to 100px.
							   'margin-top':[280,0]
							   
							   });
				   $(this).fade('in');
			  }
			  /*closePg: function() {
				  
				  alert(this);
			  }*/
 
      });