var VAPP = function() {
	var menuItems = new Array();

	return {
		activate: function() {
			this.menuItems = $$('.content');
			this.resetMenu();
			this.populateAll();
			setTimeout("VAPP.menuClick('3d_works')", 1000);
		},

		resetMenu: function() {
			this.menuItems.each(function(m){
				id = "link_" + m.readAttribute("id");
				$(id).removeClassName(id + "_selected"); 
				$(id).addClassName(id + "_unselected");
			});
		},

		menuClick: function(pane) {
			p = $(pane);
			this.menuItems.each(function(m) {
				if (m != p && m.visible) {
					m.hide();
				}
			});

			Effect.Appear(p, { duration: 0.3 , queue: 'end'});
			resetMenu();

			link_name = "link_" + pane;
			l = $(link_name);
			l.removeClassName(link_name + "_unselected");
			l.addClassName(link_name + "_selected");
		},

		populateArt: function(artlist, directory, contentDiv, thumbExtension) {
			for (i = 0; i < artlist.length; i++) {
				var div = document.createElement('div');
				Element.extend(div);
				div.addClassName('thumb');

			    var link = document.createElement('a');
			    Element.extend(link);

				thumb = null;
				file = artlist[i];
				if ((l = file.indexOf('.')) == -1) {
				  	ext = ".jpg"
				} else {
					ext  = file.substring(l);
					file = file.substring(0,l)
				}
				
				thumb = (thumbExtension) ? thumbExtension : ext;

				imagePath = 'images/content/' + directory + '/'+ file + ext;
				thumbPath = 'images/content/' + directory + '/thumbs/'+ file + '_thumb' + thumb;

				// create elements
			    link.setAttribute('href', imagePath)
			    link.setAttribute('rel', 'lightbox[' + directory +  ']');
			    var img = document.createElement('img');
				Element.extend(img);
				img.setAttribute('src', thumbPath);
			    link.appendChild(img);
			    div.appendChild(link);	
				$(contentDiv).appendChild(div);	
			}
		},
	
		populateAll: function() {
			this.populateArt([
					'eden_chinadoll',
					'sylphie_crouch',
					'andrew_bug',	
					'boy_5pt',
					'boy_actions',
					'boy_xpressions',
					'camel_gestures',
					'fetus_skull',
					'figure_01',
					'figure_02',
					'girl_5pt',
					'girl_actions',
					'girl_xpressions',
					'mona_liona',
					'page_1',
					'page_2',
					'page_3',
					'page_4',
					'page_5',
					'page_6',
					'page_7',
					'ray_snipe',
					'self_portrait'
				], '2d', '2d_pencil');
			
			this.populateArt([
					'triptick_cover_art',
					'zeitgeist_girl',
					'giger_noveau',	
					'koira',
					'red_widow',
					'scary_kitty',
					'siobahn',
					'vulpine_banner_01',
					'vulpine_banner_02',
					'yso_banner'
					], '2d', '2d_digital');		
				
				this.populateArt([
					'io-ballet-collage.png',
					'io-bohem-collage.png',
					'io-cook-collage.png',
					'io-gardener-collage.png',
					'io-glamour-collage.png',
					'io-jazz-collage.png',
					'io-pop-collage.png',
					'io-latin-collage.png',
					'io-preppy-collage.png',
					'io-rock-collage.png',
					'io-street-collage.png',
					'io-walks-collage.png',
					'vivbeach01',
					'vivbeach02',
					'vivbeach03',
					'vivbeach04',
					'vivgirlsv1',
					'vivboysv1',
					'vivavies',
					'pupv1',
					'doll_dance_collage',
					'doll_expressions_collage',
					'asylum',
					'cathedral',
					'dollbod_collage',
					'doll_wink_collage'
					], '3d', '3d_lo');	
				
				this.populateArt([
					'wip_real_fem_front',
					'wip_real_fem_frontangle',
					'wip_real_fem_side',
					'wip_real_fem_backangle',
					'wip_real_fem_back',
					'ram_collage',	
					'speeder_collage',
					'luna_collage'
					], '3d', '3d_hi');

				this.populateArt([
					'io-walk-ballet.gif',
					'io-walk-bohem.gif',
					'io-walk-glamour.gif',
					'io-walk-pop.gif',
					'io-walk-preppy.gif',
					'io-walk-rock.gif',
					'io-walk-street.gif',
					], '3d', '3d_game', '.png');
				
		}
	}
}();