window.addEvent('domready', function() {
			/* progress bar */
			var progressBar = new dwProgressBar({
				container: $('progress-bar'),
				startPercentage: 0,
				speed:750,
				boxID: 'box',
				percentageID: 'perc',
				displayID: 'text',
				displayText: true
			});
			
			
			/* preloading */
			var images = ['imgs/portfolio/1.jpg', 'imgs/portfolio/2.jpg','imgs/portfolio/3.jpg','imgs/portfolio/4.jpg','imgs/portfolio/5.jpg','imgs/portfolio/6.jpg','imgs/portfolio/7.jpg','imgs/portfolio/8.jpg','imgs/portfolio/9.jpg', 'imgs/portfolio/10.jpg','imgs/portfolio/11.jpg','imgs/portfolio/12.jpg','imgs/portfolio/13.jpg','imgs/portfolio/14.jpg','imgs/portfolio/15.jpg','imgs/portfolio/16.jpg','imgs/portfolio/17.jpg','imgs/portfolio/18.jpg','imgs/portfolio/19.jpg','imgs/portfolio/20.jpg'];
			var loader = new Asset.images(images, {
				onProgress: function(counter,index) {
					progressBar.set((counter + 1) * (100 / images.length));
				},
				onComplete: function() {
					images.each(function(im) {
						new Element('img',{ src:im, width:300 }).inject($('images-holder'));
					});
					
				$('loader').set('class', 'hide');		
	
					
				}
			});
		});