//var language = lang;

var selectedGenre = 'tws';


window.addEvent('domready', function() {
	var genres = new Array();
	genres[0] = 'tws';
	genres[1] = 'look';
	genres[2] = 'subscription';
	genres[3] = 'join';
	genres[4] = 'support';
	
	var container = $('project_list');
	
	var tws = $$('#project_list div');
	var look = $$('#project_list div.look');
	var subscription = $$('#project_list div.subscription');
	var join = $$('#project_list div.join');
	var support = $$('#project_list div.support');
	
	var events = {'tws':tws,'look':look,'subscription':subscription,'join':join,'support':support};
	
	var filter = $$('#projects ul li a');
	var selBtn = $$('#projects ul li a img');
	
		
	filter.each(function(item, i){
		item.addEvent('mouseover', function(e){
				e = new Event(e).stop();
				e.preventDefault();
				str = e.target.src;
				
				e.target.src = str.replace("_off.gif","_on.gif");
				/*

				if(e.target.id.substring(7) != 'label'){
					if(selectedGenre == '' || selectedGenre == e.target.id.substring(7)){
						str = e.target.src
 						e.target.src = str.replace("-on.gif","-mo.gif");
	 				}
	 				else{
	 					str = e.target.src
 						e.target.src = str.replace("-off.gif","-mo.gif");
	 				}
	 			}
*/
		});
			
		item.addEvent('mouseout', function(e) {
				e = new Event(e).stop();
				e.preventDefault();
				str = e.target.src;
				if(selectedGenre == e.target.id.substring(7)){
					str = e.target.src;
 					e.target.src = str.replace("_off.gif","_on.gif");
	 			}
	 			else{
	 				str = e.target.src;
 					e.target.src = str.replace("_on.gif","_off.gif");
	 			}
 
			});
			
		item.addEvent('mousedown', function(e) {
			e = new Event(e).stop();
			e.preventDefault();
			str = e.target.src;
				if(selectedGenre != e.target.id.substring(7)){
					
					for(var i=0; i<selBtn.length; i++){
						if(selBtn[i].id.substring(7) != e.target.id.substring(7)){
							str = selBtn[i].src;
							selBtn[i].src = str.replace("_on.gif","_off.gif");
						}
						else{
							selectedGenre = selBtn[i].id.substring(7);
						}
					}
					
					container.removeProperty('class');
					container.addClass(selectedGenre);
					
					
					for(var i=0; i<genres.length; i++){
						if(selectedGenre != genres[i]){
						}
						else{
							showEvents(selectedGenre);
						} 
					}
	
	 			}
		});

	});
	
	function showEvents(genre){
		//$$('#project_list .'+genre).each(function(item){showEvent(item)});
		var target = $$('#project_list div').each(function(item){
		
			if(genre =='tws'){
				showEvent(item);
			}
			else{
				if(item.hasClass(genre)){
					showEvent(item);
				}
				else{
					hideEventImd(item);
				}
			}
		});
		
		$$('#project_list .'+genre).each(function(item){showEvent(item)});
	}
	
	function hideEvents(genre){
		$$('#project_list .'+genre).each(function(item){hideEvent(item)});
	}
	
	function showEvent(item){
		//item.style.display = 'block';
		var hideEventFx = item.effect('opacity', {duration: 400, transition: Fx.Transitions.Cubic.easeOut, wait: false});
		hideEventFx.start(1);
	}
	
	function hideEvent(item){
		var hideEventFx = item.effect('opacity', {duration: 400, transition: Fx.Transitions.Cubic.easeOut, wait: false});//, onComplete: function(item){item.style.display = 'none';}});
		hideEventFx.start(0.2);
	}
	
	function hideEventImd(item){
		item.setStyle('opacity',0.2);
	}
	
	
});