//Roton Javascript by MB Dragan

//Dynamic form insert

function insertForm(){
	var formHTML = '<form id="miniSearch" action="/search" method="GET"><input type="text" name="q" value="Cauta muzica" onfocus="if(this.value == \'Cauta muzica\'){this.value = \'\';}" class="query" /><button class="buton">Cauta</button></form>';
	if($("#left div.box:first h2.heading").html().length < 45 && $("#left div.box:first h2.heading").attr('rel') != 'noSearch'){
		$("#left div.box:first h2.heading").append(formHTML);
	}
}

function parseAlbumsAndSingles(){
	$("ul.items li[class='li_album']").append('<span class="badge-album"></span>');
	$("ul.items li[class='li_track']").append('<span class="badge-single"></span>');
}


var positions = [
		[0, 0],
		[22, 150],
		[33, 250],
		[43, 350],
		[53, 450]
	];

var sizes = [217, 170, 150, 130, 110];

var Slider = {
	init: function(id){
		Slider.id = id;
		Slider.pages = $(Slider.id + " div.item").length - 2/*first and last dummy*/ - 4/*last four*/;
		Slider.currentPage = 1;
		Slider.barrier = true;
		Slider.rewBarrier = true;
		Slider.all = $(Slider.id + " div.item").not(Slider.id + " div.item:first").not(Slider.id + " div.item:last");
		
		$(Slider.id + " div.item").each(function(item){
			$(this).css('z-index', $(this).prev().css('z-index') - 1);
		});
		
		$("#big-component div.sliderControls a.next").bind('click', function(e){
			e.preventDefault();
			Slider.rewBarrier = true;
			if(Slider.barrier == true){
				Slider.barrier = false;
				Slider.advance();
			}
		});

		$("#big-component div.sliderControls a.prev").bind('click', function(e){
			e.preventDefault();
			Slider.barrier = true;
			if(Slider.rewBarrier == true){
				Slider.rewBarrier = false;
				Slider.regress();
			}
		});
	},
	
	advance: function(){
		Slider.all.each(function(item){
			$(this).stop(true, true).animate(
				{
					'top': $(this).prev().css('top'),
					'left': $(this).prev().css('left'),
					'width': $(this).prev().css('width'),
					'height': $(this).prev().css('height'),
					'opacity': $(this).prev().css('opacity'),
					'z-index': $(this).prev().css('z-index')
				},
				150,
				"swing",
				function(){
					//execute callback only for the last animation
					if(item == Slider.all.length - 1){
						$(Slider.id + " div.item:last").before($(Slider.id + " div.item:eq(1)").css('z-index', $(Slider.id + " div.item:last").css('z-index')));
						$(Slider.id + " div.item").each(function(item){
							$(this).css('z-index', $(this).prev().css('z-index') - 1);
						});
						Slider.barrier = true;
					}
				}
			);//animate
		});//each
	},
	
	regress: function(){
		$(Slider.id + " div.item:first").after($(Slider.id + " div.item:eq(" + (Slider.all.length) + ")").css('z-index', Slider.all.length));
		$(Slider.id + " div.item").each(function(item){
			$(this).css('z-index', $(this).prev().css('z-index') - 1);
		});

		Slider.all.each(function(item){
			$(this).stop(true, true).animate(
				{
					'top': $(this).next().css('top'),
					'left': $(this).next().css('left'),
					'width': $(this).next().css('width'),
					'height': $(this).next().css('height'),
					'opacity': $(this).next().css('opacity'),
					'z-index': $(this).next().css('z-index')
				},
				150,
				"swing",
				function(){
					//execute callback only for the last animation
					if(item == Slider.all.length - 1){
						Slider.rewBarrier = true;
					}
				}
			);//animate
		});//each
	}
}

$(document).ready(function(){
	Slider.init("#slider");
	insertForm();
	parseAlbumsAndSingles();
});