var projectTop;
var totalProjects;

function projectGoRight(event) {
	if(event) {
		event.stop();
	}
	if(FlashDetect.installed){
		if($('carousel')[0]){
			$('carousel')[0].__GoLeft();
		}
		else{
			$('carousel').__GoLeft();
		}
	}
	else{
		carousel.prev();
	}
	projectTopNext();
}

function projectGoLeft(event) {
	if(event) {
		event.stop();
	}
	if(FlashDetect.installed){
		if($('carousel')[0]){
			$('carousel')[0].__GoRight();
		}
		else{
			$('carousel').__GoRight();
		}
	}
	else{
		carousel.next();
	}
	projectTopBack();
}

window.addEvent('domready', function() {
	if(!$('items')) {
		return;
	}
	var images = [];
	$('items').getElements('img').each(function(el){
		images.push(el.get('src'));
	}); 
	
	projectTop = Math.floor(images.length / 2);
	totalProjects = images.length;
	
	if(FlashDetect.installed){
		var flashvars = {
			width: window.getSize().x,
			height: 390,
			itemWidth: 565,
			itemHeight: 430,
			zoom: 0.75,
			zoomOffset: 5,
			images: images.join("#")
		};
		var params = {};
		params.allowScriptAccess = "always";
		params.allownetworking = "all";
		params.wmode = "transparent";
		var attributes = {};
		attributes.id = "carousel";
		attributes.name = "CarouselName";
		swfobject.embedSWF("../javascript/Carousel.swf", "movie", "2000", "600", "10.0.0", false, flashvars, params, attributes);
	}
	
	$('arrow_left').addEvent('click', projectGoLeft);
	$('arrow_right').addEvent('click', projectGoRight);
	
	$('carousel_overlay').addEvent('click', function() {
		//$('project_lightbox_container').load($$('.items a')[projectTop].get('href'));
		//$('project_lightbox_container').setStyle('display', 'block');
		Mediabox.open($$('.items a')[projectTop].get('href') + "/popup", '', '970 495');
		//(function() {$("carousel").setStyle('visibility', 'visisble')}).delay(2000);
	});
	
	if(window.location.hash.trim() != "" && window.location.hash.substring(1).trim() != "") {
		(function() {
			findProject(window.location.hash.substring(1).trim());
			$('carousel_overlay').fireEvent('click');
		}).delay(1000);
	} else {
		(function() {
			goToProject(totalProjects - 1);
		}).delay(2000);
	}	
	
	if(FlashDetect.installed){
		(function() {
			//$('carousel').setStyle('margin-left', 10);	1182
			$('carousel').style.margin="0 0 0 -" + ((window.getSize().x-1182)/29) + "px";
			$('carousel').__ResizeCarousel(window.getSize().x);
			//$('carousel').setStyle('margin-left', -(window.getSize().x-1182)/30).ResizeCarousel(window.getSize().x);
		}).delay(1000);
	}

	/*$('filter').addEvent('click', function(event){
		event.preventDefault();
		
		var filteredImages = [];
		filteredImages.push(images[0]);
		filteredImages.push(images[1]);
		filteredImages.push(images[2]);
		filteredImages.push(images[3]);
		filteredImages.push(images[4]);
		
		if($('carousel')[0])
		{));
		}
			$('carousel')[0].filterImages(filteredImages.join("#"
		else
		{
			$('carousel').filterImages(filteredImages.join("#"));
		}
	});*/
});



window.addEvent('resize', function(){
	if(FlashDetect.installed){
		if($('carousel')[0]){
			//$('carousel')[0].setStyle('margin-left', -(window.getSize().x-1182)/30).ResizeCarousel(window.getSize().x);
			$('carousel')[0].style.margin="0 0 0 -" + (window.getSize().x-1182)/29 + "px";
			$('carousel')[0].__ResizeCarousel(window.getSize().x);
		}
		else{
			$('carousel').style.margin="0 0 0 -" + (window.getSize().x-1182)/29 + "px";
			$('carousel').__ResizeCarousel(window.getSize().x);
			//$('carousel').setStyle('margin-left', -(window.getSize().x-1182)/30).ResizeCarousel(window.getSize().x);
			//$('carousel').resizeCarousel(window.getSize().x);
		}
	}
});


function toggleButtons(){
	if($('filter_buttons').getStyle('display')=='none'){
		$('filter_buttons').setStyle('display', 'block');

	} else {
		$('filter_buttons').setStyle('display', 'none');
	}	
}

function projectTopNext() {
	if(projectTop >= totalProjects - 1) {
		projectTop = 0;
	} else {
		projectTop++;
	}
}

function projectTopBack() {
	if(projectTop == 0) {
		projectTop = totalProjects - 1;
	} else {
		projectTop--;
	}
}

function projectLightboxClose() {
	//$('project_lightbox_container').setStyle('display', 'none');
	Mediabox.close();
}

/* IE */
if((document.all)&&(navigator.appVersion.indexOf("MSIE")!=-1)){
	document.onkeyup = keyCheck;
	function keyCheck(){
		var keyID = event.keyCode;
		switch(keyID){
			// Left arrow
			case 37: projectGoLeft(); break;	
			// Right arrow
			case 39: projectGoRight(); break;
			// Enter button
			case 13: $('carousel_overlay').fireEvent('click', event); break;
			// Escape button
			case 27: projectLightboxClose(); break;
		}
	}
}

window.addEvent('keyup', function(event) {
	switch(event.key) {
		case 'esc':		projectLightboxClose(); break;
		case 'left':	projectGoLeft(); break;
		case 'right':	projectGoRight(); break;
		case 'enter':	$('carousel_overlay').fireEvent('click', event); break;
	}
});

function findProject(normalizedName) {
	var length = $$('.items a').length;
	for(var i = 0; i < length; i++) {
		var name = $$('.items a')[projectTop].get('href').substr(12);
		if(normalizedName == name) {
			break;
		}
		projectGoRight();
	}
	if(!FlashDetect.installed){
		(function() {
			projectGoLeft();
		}).delay(600);
		(function() {
			projectGoRight();
		}).delay(1300);
	}
}

function goToProject(index) {
	var length = $$('.items a').length;
	for(var i = 0; i < length; i++) {
		if(projectTop == index) {
			break;
		}
		projectGoRight();
	}
	if(!FlashDetect.installed){
		(function() {
			projectGoLeft();
		}).delay(600);
		(function() {
			projectGoRight();
		}).delay(1300);
	}
}