var glink, busy, timer, loadedImages=[], gallery, progress, bar, path, images, galleryImgs, fx, i, image, imgEffect, links;

function myMooTools(){					
	busy = false;
	loadedImages = [];
	links = [];
	gallery = $('gallery');
	progress = $('progress');
	bar = $E('#progress .bar'); 
	path = 'IMG/main/';
	images = [

		path + '1-ColumbiaUniv_StudioKolatan.jpg',
		path + '2-ParrotFishEye.jpg',
		path + '3-iCulture.jpg',
		path + '4-WVP_SSSinstallation.jpg',
		path + '5-DWR_TimeCapsule.jpg'	
	];
	
	links['main0.jpg'] = '/portfolio/architecture'; 
	links['main1.jpg'] = 'photography.php'; 
	links['main2.jpg'] = '/portfolio/computer art'; 
	links['main3.jpg'] = '/portfolio/fine art'; 
	links['main4.jpg'] = '/portfolio/product design'; 
	links['ColumbiaUniv_StudioKolatan.jpg'] = '/portfolio/architecture'; 
	links['DWR_TimeCapsule.jpg'] = '/portfolio/product design'; 
	links['ParrotFishEye.jpg'] = '/portfolio/fine art'; 
	links['Trogir.jpg'] = '/portfolio/fine art'; 
	links['iCulture.jpg'] = '/portfolio/photography'; 
	links['1-ColumbiaUniv_StudioKolatan.jpg'] = '/architecture'; 
	links['2-DWR_TimeCapsule.jpg'] = '/product_design/DWR-ChampagneChairContest'; 
	links['3-ParrotFishEye.jpg'] = '/fine art/TAM-ArtCompetition'; 
	links['4-iCulture.jpg'] = '/photography/MOA-PhotographyCompetition'; 
	links['5-Trogir.jpg'] = ''; 
	links['5-WVP_SSSinstallation.jpg'] = '/special_events/WVP-SouthStSeaportInstallation'; 
	links['2-ParrotFishEye.jpg'] = '/fine_art/TAM-ArtCompetition'; 
	links['3-iCulture.jpg'] = '/photography/MOA-PhotographyCompetition'; 
	links['4-WVP_SSSinstallation.jpg'] = '/special_events/WVP-SouthStSeaportInstallation'; 
	links['5-DWR_TimeCapsule.jpg'] = '/product_design/DWR-ChampagneChairContest'; 
	
	galleryImgs = $$('#gallery img');
	fx = $('gallery').effect('opacity').start(1);

	gallery.setStyles({'opacity': 0, 'display': 'none'});
	progress.setStyle('visibility', 'hidden');
	 
		if (!busy) {
	 
			if (galleryImgs.length > 0) galleryImgs.each(function(image) {	image.remove();	});
	 
			busy = true;
			progress.setStyle('visibility', 'visible');
			gallery.setStyle('display', 'block');
			
			new Asset.images(images, {
				onProgress: function(i) {
					this.setStyles({
						'position': 'absolute',
						'opacity': 0,
						'left': (gallery.getCoordinates().width / 2) - (this.width / 2),
						'top': (gallery.getCoordinates().height / 2) - (this.height / 2)
					});
					
					var j;	
					var original_index = 0;
					// To have loadedImages in same order as images
					for (j=0; j<images.length; j++) {
						if(this.src.contains(images[j])) {
							original_index = j;
							break;	
						}
					}							
				
					loadedImages[original_index] = this;										
					
					var percent = ((i + 1) * progress.getStyle('width').toInt()) / images.length;
					bar.setStyle('width', percent).setHTML(i + 1 + ' / ' + images.length);
				},
				onComplete: function() {
					progress.setStyle('display', 'none');
					
					showSlide();

				}
			});
		}

		$('about_us').addEvents({
			'click': function() {		
				window.location = 'about/';
			},
			'mouseover': function() {		
				this.setStyle('background-image', 'url(IMG/layout/TextFrame_Big_hover.png)');
			},
			'mouseout': function() {		
				this.setStyle('background-image', 'url(IMG/layout/TextFrame_Big.png)');
			}
		});

		$('news').addEvents({
			'click': function() {		
				window.location = 'news/';
			},
			'mouseover': function() {		
				this.setStyle('background-image', 'url(IMG/layout/TextFrame_Big_hover.png)');
			},
			'mouseout': function() {		
				this.setStyle('background-image', 'url(IMG/layout/TextFrame_Big.png)');
			}
		});

		$('investors').addEvents({
			'click': function() {		
				window.location = 'investing/';
			},
			'mouseover': function() {		
				this.setStyle('background-image', 'url(IMG/layout/TextFrame_Small_hover.png)');
			},
			'mouseout': function() {		
				this.setStyle('background-image', 'url(IMG/layout/TextFrame_Small.png)');
			}
		});

/*  
		$('blog').addEvents({
			'click': function() {		
				window.location = 'blog/';
			},
			'mouseover': function() {		
				this.setStyle('background-image', 'url(IMG/layout/TextFrame_Small_hover.png)');
			},
			'mouseout': function() {		
				this.setStyle('background-image', 'url(IMG/layout/TextFrame_Small.png)');
			}
		});		
*/
}

i=0;

function showSlide() {				
	var index = loadedImages[i%loadedImages.length].src.substr(loadedImages[i%loadedImages.length].src.lastIndexOf('/')+1) ;

	glink = new Element('a', {
    'href': links[index]
	});
	


	image = loadedImages[i%loadedImages.length];
	image.inject(glink);
	glink.inject(gallery);
				
			imgEffect = image.effect('opacity', {duration: 750});
			imgEffect.start(1).chain(function() {		
				setTimeout("hideSlide()", 2500);
			});
}

function hideSlide() {
			imgEffect.start(0).chain(function() {						
					image.remove();
					glink.remove();
					i++;
					showSlide();
			});
}

window.addEvent('domready', myMooTools);