var MenuRollovers = Class.create();
MenuRollovers.prototype = {
	initialize: function(ids,image_src,active) {
		this.id = ids;
		this.sr = image_src;
		this.ac = active;
    document.observe("dom:loaded", function() {
  		$(this.id).each(function(s) { 
  			Event.observe(s, 'mouseover', this.rollovers.bindAsEventListener(this));
  			Event.observe(s, 'mouseout', this.rollout.bindAsEventListener(this));
  		}.bind(this));
    }.bind(this));
	},
	rollovers: function(event) { 
		Event.element(event).src=this.sr+Event.element(event).readAttribute('id')+this.ac+'.jpg';
	},
	rollout: function(event) { 
		Event.element(event).src=this.sr+Event.element(event).readAttribute('id')+'.jpg';
	}
}

var menu_items = [
	'home',
	'about',
	'technology',
	'products',
	'investors',
	'news',
	'contact'
];

var menu_src = "images/structure/nav/";
var menu_active = "-active";
var nav = new MenuRollovers(menu_items,menu_src,menu_active);

var flickrImgReplace = Class.create();
flickrImgReplace.prototype = {
  initialize: function(ids,imgs, description, titles) {
    this.id = ids;
    this.img = imgs;
    this.descr = description;
    this.title = titles;
    document.observe("dom:loaded", function() {
  		$(this.id).each(function(s) { 
  			Event.observe(s, 'click', this.changeImageContent.bindAsEventListener(this));
  			Event.observe(s, 'mouseover', this.changemouse.bindAsEventListener(this));
  		}.bind(this));
    }.bind(this));
  },
  changeImageContent: function(event) {
    img_id = Event.element(event).readAttribute('id');
    img_desc = this.descr[img_id-1];
    img_url = this.img[img_id-1];
    img_title = this.title[img_id-1];
    $('main_flickr_image').src=img_url;
    $('image_description').innerHTML=img_desc;
    $('image_title').innerHTML=img_title;
  },
  changemouse: function(event) {
    Event.element(event).addClassName('mouse_pointer');
  }
}