/* usage */
$(document).ready(function() {	
	$("#main-nav li.page_item").hover( 
		function () { 
			$(this).css("background-color", "#000000"); 
			$(this).css("color", "#ffffff"); 
		}, function () {
			$(this).css("background-color", "#ffffff"); 
			$(this).css("color", "#000000"); 
		} 
	);
	
	//last.fm covers semi-randomizer
	var count = 0;
	var num_albums = 8;
	var $lastfmlist = $("#lastfm_badge_wrapper li");
	var start = Math.floor(Math.random() * $lastfmlist.length);
	if(start > $lastfmlist.length - num_albums) {
		start -= num_albums;
	}
	var end = start + num_albums;
    if (end == $lastfmlist.length) end = undefined;
	$lastfmlist.css('display', 'none');

    if (end) 
		$lastfmlist.slice(start, end).css("display", "inline");   
    else
		$lastfmlist.slice(start).css("display", "inline");

	if($lastfmlist.length == 3)
		$lastfmlist.css('display', 'inline');
	
	$("ul#lastfm_badge_wrapper").css('display', 'block');		
	
	
	//search bar expander
	var input = $('input#s');
	var divInput = $('div.input');
	var width = divInput.width();
	var outerWidth = divInput.parent().width() - (divInput.outerWidth() - width) - 28;
	var submit = $('#searchSubmit');
	var txt = input.val();
	
	input.bind('focus', function() {
	    if(input.val() === txt) {
	        input.val('');
	    }
	    $(this).animate({color: '#000'}, 300); // text color
	    $(this).parent().animate({
	        width: outerWidth + 'px',
	        backgroundColor: '#fff', // background color
	        paddingRight: '33px'
	    }, 300, function() {
	        if(!(input.val() === '' || input.val() === txt)) {
	            if(!($.browser.msie && $.browser.version < 9)) {
	                submit.fadeIn(300);
	            } else {
	                submit.css({display: 'block'});
	            }
	        }
	    }).addClass('focus');
	    
	    $('#lastfm_badge_wrapper li').animate({'left':'-=88px'}, 300);
	    
	}).bind('blur', function() {
	    $(this).animate({color: '#aaa'}, 300); // text color
	    $(this).parent().animate({
	        width: width + 'px',
	        paddingRight: '5px'
	    }, 300, function() {
	        if(input.val() === '') {
	            input.val(txt)
	        }
	    }).removeClass('focus');
	    
	    $('#lastfm_badge_wrapper li').animate({'left':'+=88px'}, 300);
	    
	    
	    if(!($.browser.msie && $.browser.version < 9)) {
	        submit.fadeOut(100);
	    } else {
	        submit.css({display: 'none'});
	    }
	}).keyup(function() {
	    if(input.val() === '') {
	        if(!($.browser.msie && $.browser.version < 9)) {
	            submit.fadeOut(300);
	        } else {
	            submit.css({display: 'none'});
	        }
	    } else {
	        if(!($.browser.msie && $.browser.version < 9)) {
	            submit.fadeIn(300);
	        } else {
	            submit.css({display: 'block'});
	        }
	    }
	});
	
});