$(function() {
	
	$('.jqtransform').jqTransform();
	
	$('.vertical-scroll,').jScrollPane({ 'showArrows' : true, 'scrollbarWidth' : 21, 'scrollbarMargin': 2 });
	
	$('#notice .close').live('click', function() {
		close_notice();
		return false;
	});

	$('#home-slider .theslider .buttons a').live('click', function() {
		var container = $('#home-slider .theslider .images .content').not(':animated');
		if (!container.length) {
			return false;
		}
		var images = '#home-slider .theslider .images .slider_image .reflected';
		var possibleMoves = $(images).length;
		var firstElement = $(images+':first');
		var lastElement = $(images+':last');
		var currentElement = $('#home-slider .theslider .images .big .reflected');
		var nextElement = "";
		
		if ($(this).hasClass('next')) {
			nextElement = currentElement.parent().next().find("img");
			if (nextElement.length == 0) {
				nextElement = firstElement;
				delta = 151;
			} else {
			    delta = 207;
			}
			nextSong(nextElement.attr("ref"));
		} else if ($(this).hasClass('prev')) {
			nextElement = currentElement.parent().prev().find("img");
			if (nextElement.length == 0) {
				nextElement = lastElement;
			}
			nextSong(nextElement.attr("ref"));
			delta = 151;
		}
		
		container.animate({
			'left': (-1 * $(nextElement).position().left + delta) + 'px'
		});
		
		currentElement.parent().animate({
			'width': '134px',
			'height': '262px',
			'marginTop': '30px'
		});
		currentElement.animate({
			'width': '134px',
			'height': '134px'
		});
		currentElement.next().animate({
		    'width': '134px'
		});
		nextElement.parent().animate({
			'width': '190px',
			'height': '341px',
			'marginTop': '0'
		});
		nextElement.animate({
			'width': '190px',
			'height': '190px',
			'marginTop': '0'
		});
		nextElement.next().animate({
		    'width': '190px'
		});
		
		currentElement.parent().removeClass('big').addClass('thumb');
		nextElement.parent().removeClass('thumb').addClass('big');
		
		return false;
	});
	
	$('.artists-toggler a').live('click', function() {
		var rel = $(this).attr('rel');
		$('.artists-toggler a').removeClass('active');
		if (rel == 'show') {
			$('#artists').slideDown();
		} else {
			$('#artists').slideUp();
		}
		$(this).addClass('active');
		return false;
	});
	
	//$('.slider-gallery .slider .content a').live('click', function() {
	//	return false;
	//});
	
	$('.slider .buttons a').live('click', function() {
        var slider = $(this).parents('.slider:eq(0)');
        var fragments = slider.find('.content li');
        var container = slider.find('.content');
        
        var currentPage = slider.data('position');
        if (!currentPage) {
            currentPage = 1;
        }
        var fragments_count = fragments.length;
        var fragmet_width = 106;
        var perPage = 1;
        var numPages = Math.ceil(fragments_count/perPage) - 2;
        var stepMove = fragmet_width*perPage;
        var firstPosition = 0;
        var lastPosition = -1*((numPages-1)*stepMove);
        
        if ($(this).hasClass('next')) {
            currentPage ++;
            if (currentPage > numPages) {
                slider.data('position', 1);
                container.animate({'left': firstPosition});
                return false;
            }
            container.animate({'left': -((currentPage - 1)*stepMove)});
        }
        if ($(this).hasClass('prev')) {
            currentPage --;
            if (currentPage < 1) {
                slider.data('position', numPages);
                container.animate({'left': lastPosition});
                return false;
            }
            container.animate({'left': -((currentPage-1)*stepMove)});
        }
        slider.data('position', currentPage);
        
        return false;
    });

});

function close_notice() { $('#notice').slideUp(); }

function nextSong(id){
    $.post("/artists/load_homepage_data/", { id: id },
        function(html){
            $('#homepage_player').html(html);
    });
}