var storestuff = '';

Event.observe(window, 'load', function() {
	storestuff = $('photo_main_holder').innerHTML;
	$$('.music_item_song').invoke('remove');
	moveStuff();		
	$('photo_main_holder').insert(storestuff);
	showcat('all');
});


Event.observe(window, 'resize', function() {
	moveStuff();				
});


function moveStuff() {
	
	// determine screen width
	
	var window_width =  document.viewport.getWidth();
	
	var holder_potwidth = window_width - 408;
	
	num_rows = Math.floor(holder_potwidth / 192);
	
	holder_width = num_rows * 192;
	
	if(window_width <= 970) { //design must be scooted around
		
		if(window_width >=970) {						
			
			$('photo_main_holder').setStyle({'width':holder_width+'px'});
			
		} else if(window_width >=790) {

			$('photo_main_holder').setStyle({'width':holder_width+'px'});
			
		} else if(window_width >=630) {

			$('photo_main_holder').setStyle({'width':holder_width+'px'});
			
		}
			
			
	} else { // revert to widest layout
	
		$('photo_main_holder').setStyle({'width':holder_width+'px'});
		
	}
			
};

function showcat(cat) {
    
	if(cat == 'all') {
		
		$$('.selectto').invoke('removeClassName','selected');
		$('catlink_all').addClassName('selected');
		$$('.music_item_song').invoke('setStyle', {visibility: 'visible'});
		

		
	} else {
	
		$$('.selectto').invoke('removeClassName','selected');
		$('catlink_'+cat).addClassName('selected');
		$$('.music_item_song').invoke('setStyle', {visibility: 'hidden'});
		$$('.'+cat).invoke('setStyle', {visibility: 'visible'});
	
	}
	
	
}