window.addEvent('domready', function()
{
	var drop = $('large');
	//var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect,
	 
	$$('.item').each(function(item)
	{
		item.addEvent('click', function(e)
		{
			drop.removeEvents();
			drop.empty();
			var a = item.clone();
			a.inject(drop);
			//dropFx.start('7389AE').chain(dropFx.start.pass('ffffff', dropFx));
			
		});
	 
	});
	
	
	
	document.getElementById('curritems2').style.display = 'none';
	document.getElementById('curritems3').style.display = 'none';
	document.getElementById('curritems4').style.display = 'none';
	document.getElementById('curritems5').style.display = 'none';
	document.getElementById('curritems6').style.display = 'none';
	document.getElementById('curritems7').style.display = 'none';
	document.getElementById('curritems8').style.display = 'none';
	document.getElementById('curritems9').style.display = 'none';
	document.getElementById('curritems10').style.display = 'none';
	
});

window.onload = init;
function init(){
	
}
function showCurrItem(e){
	
	switch(e){
		case 'show1': 
				// show current item
				document.getElementById('curritems').style.display = 'block';
				
				// hide other items
				document.getElementById('curritems2').style.display = 'none';
				document.getElementById('curritems3').style.display = 'none';
				document.getElementById('curritems4').style.display = 'none';
				document.getElementById('curritems5').style.display = 'none';
				document.getElementById('curritems6').style.display = 'none';
				document.getElementById('curritems7').style.display = 'none';
				document.getElementById('curritems8').style.display = 'none';
				document.getElementById('curritems9').style.display = 'none';
				document.getElementById('curritems10').style.display = 'none';
				hideItems('show1');
				break;
		case 'show2': 
				// show current item
				document.getElementById('curritems2').style.display = 'block';
				
				// hide other items
				document.getElementById('curritems').style.display = 'none';
				document.getElementById('curritems3').style.display = 'none';
				document.getElementById('curritems4').style.display = 'none';
				document.getElementById('curritems5').style.display = 'none';
				document.getElementById('curritems6').style.display = 'none';
				document.getElementById('curritems7').style.display = 'none';
				document.getElementById('curritems8').style.display = 'none';
				document.getElementById('curritems9').style.display = 'none';
				document.getElementById('curritems10').style.display = 'none';
				hideItems('show2');
				break;
		case 'show3':
				// show current item
				document.getElementById('curritems3').style.display = 'block';
				
				// hide other items
				document.getElementById('curritems').style.display = 'none';
				document.getElementById('curritems2').style.display = 'none';
				document.getElementById('curritems4').style.display = 'none';
				document.getElementById('curritems5').style.display = 'none';
				document.getElementById('curritems6').style.display = 'none';
				document.getElementById('curritems7').style.display = 'none';
				document.getElementById('curritems8').style.display = 'none';
				document.getElementById('curritems9').style.display = 'none';
				document.getElementById('curritems10').style.display = 'none';
				hideItems('show3');
				break;
		case 'show4': 
				// show current item
				document.getElementById('curritems4').style.display = 'block';
				
				// hide other items
				document.getElementById('curritems').style.display = 'none';
				document.getElementById('curritems2').style.display = 'none';
				document.getElementById('curritems3').style.display = 'none';
				document.getElementById('curritems5').style.display = 'none';
				document.getElementById('curritems6').style.display = 'none';
				document.getElementById('curritems7').style.display = 'none';
				document.getElementById('curritems8').style.display = 'none';
				document.getElementById('curritems9').style.display = 'none';
				document.getElementById('curritems10').style.display = 'none';
				hideItems('show4');
				break;		
		case 'show5': 
				// show current item
				document.getElementById('curritems5').style.display = 'block';
				
				// hide other items
				document.getElementById('curritems').style.display = 'none';
				document.getElementById('curritems2').style.display = 'none';
				document.getElementById('curritems3').style.display = 'none';
				document.getElementById('curritems4').style.display = 'none';
				document.getElementById('curritems6').style.display = 'none';
				document.getElementById('curritems7').style.display = 'none';
				document.getElementById('curritems8').style.display = 'none';
				document.getElementById('curritems9').style.display = 'none';
				document.getElementById('curritems10').style.display = 'none';
				hideItems('show5');
				break;		
		case 'show6': 
				// show current item
				document.getElementById('curritems6').style.display = 'block';
				
				// hide other items
				document.getElementById('curritems').style.display = 'none';
				document.getElementById('curritems2').style.display = 'none';
				document.getElementById('curritems3').style.display = 'none';
				document.getElementById('curritems4').style.display = 'none';
				document.getElementById('curritems5').style.display = 'none';
				document.getElementById('curritems7').style.display = 'none';
				document.getElementById('curritems8').style.display = 'none';
				document.getElementById('curritems9').style.display = 'none';
				document.getElementById('curritems10').style.display = 'none';
				hideItems('show6');
				break;	
		case 'show7': 
				// show current item
				document.getElementById('curritems7').style.display = 'block';
				
				// hide other items
				document.getElementById('curritems').style.display = 'none';
				document.getElementById('curritems2').style.display = 'none';
				document.getElementById('curritems3').style.display = 'none';
				document.getElementById('curritems4').style.display = 'none';
				document.getElementById('curritems5').style.display = 'none';
				document.getElementById('curritems6').style.display = 'none';
				document.getElementById('curritems8').style.display = 'none';
				document.getElementById('curritems9').style.display = 'none';
				document.getElementById('curritems10').style.display = 'none';
				hideItems('show7');
				break;
		case 'show8': 
				// show current item
				document.getElementById('curritems8').style.display = 'block';
				
				// hide other items
				document.getElementById('curritems').style.display = 'none';
				document.getElementById('curritems2').style.display = 'none';
				document.getElementById('curritems3').style.display = 'none';
				document.getElementById('curritems4').style.display = 'none';
				document.getElementById('curritems5').style.display = 'none';
				document.getElementById('curritems6').style.display = 'none';
				document.getElementById('curritems7').style.display = 'none';
				document.getElementById('curritems9').style.display = 'none';
				document.getElementById('curritems10').style.display = 'none';
				hideItems('show8');
				break;
		case 'show9':
				// show current item
				document.getElementById('curritems9').style.display = 'block';
				
				// hide other items
				document.getElementById('curritems').style.display = 'none';
				document.getElementById('curritems2').style.display = 'none';
				document.getElementById('curritems3').style.display = 'none';
				document.getElementById('curritems4').style.display = 'none';
				document.getElementById('curritems5').style.display = 'none';
				document.getElementById('curritems6').style.display = 'none';
				document.getElementById('curritems7').style.display = 'none';
				document.getElementById('curritems8').style.display = 'none';
				document.getElementById('curritems10').style.display = 'none';
				hideItems('show9');
				break;
		case 'show10': 
				// show current item
				document.getElementById('curritems10').style.display = 'block';
				
				// hide other items
				document.getElementById('curritems').style.display = 'none';
				document.getElementById('curritems2').style.display = 'none';
				document.getElementById('curritems3').style.display = 'none';
				document.getElementById('curritems4').style.display = 'none';
				document.getElementById('curritems5').style.display = 'none';
				document.getElementById('curritems6').style.display = 'none';
				document.getElementById('curritems7').style.display = 'none';
				document.getElementById('curritems8').style.display = 'none';
				document.getElementById('curritems9').style.display = 'none';
				hideItems('show10');
				break;
	}
	
}


function hideItems(e){
	
	//alert(e);
	
}