// jQuery functions
$(document).ready(function() {
	
	// styling top block title
	var ttstring = jQuery("#top-video-description .block-title");
	var ttresult = ttstring.text().split(' ');
	ttstring.html('');
	for (counter = 0; counter < ttresult.length; counter++) ttstring.append('<span>' + ttresult[counter] + '</span>');	
	
	// hide autocomplete
	$(":input").attr('autocomplete', 'off');
	
	// numbering music trucks
	$("#content > div article.music ol li").each(function(){
		var listIndex = $("#content > div article.music ol li").index(this);
		$(this).children("span").html(listIndex + 1);
	});
	
	$("#content > div article.music ul li.track").each(function(){
		var listIndex = $("#content > div article.music ul li.track").index(this);
		$(this).children("span").html(listIndex + 1);
		$(this).attr('data-number', listIndex);
	});
	
	// highliting li on anchor hover
	$("#content > div article.music ol li, #content > div article.music ul li.track").hover(function(){
		$(this).addClass('active');
		var thisPlaying = $("#audio-player .controls a.button").attr('data-track');
		$("#content > div article.music ul li[data-number='" + thisPlaying + "']").addClass('active');
	}, function(){
		$(this).removeClass('active');
		var thisPlaying = $("#audio-player .controls a.button").attr('data-track');
		$("#content > div article.music ul li[data-number='" + thisPlaying + "']").addClass('active');
	});
	
	// calling our slider
	if ( $("#articles-scroller").length ) {
		slideContent('articles');
	} else if ( $("#pictures-scroller").length ) {
		slideContent('pictures');
	}
	
	// numbering articles and deviding them into 2 columns
	$(".content-gallery > div .article").each(function(){
		//alert('test');
		//console.log(htmlArticle);
		var listIndex = $(".content-gallery > div .article").index(this);
		
		$(this).attr("data-order", listIndex + 1);
		
		var thisClass = $(this).attr("class");
		var thisOrder = $(this).attr("data-order");
		var thisHtml = $(this).html();
		
		//$("#content").html('');
		
		//console.log(thisClass + ' - ' + thisOrder + ' - ' + thisHtml);
		
		var thisAll = "<div class='article " + thisClass + "'>" + thisHtml + "</div>";
		
		if ( thisOrder%2 == 0 ) {
			$(".content-gallery").append('<div class="right-side">' + thisAll + '</div>');

		} else {
			$(".content-gallery").append("<div class='left-side'>" + thisAll + "</div>");
		}
	});
	
	
	
	// temp function
	/*$("a[href='#']").click(function(){
		alert('URI\' are not clickable!');
		return false;
	});*/
	
	if ($("#audio-player").length){
		activateAudioPlayer();
	}
	

	
});

// sliding our different content
function slideContent(content){
	var totIncrement = 0;
	var increment = $("#" + content + "-scroller ul li").outerWidth();
	var elements = $("#" + content + "-scroller ul li").length;
	var maxRightIncrement = increment * (- (elements - 2));
	
	$("#" + content + "-scroller > div").width(increment * elements);
	
	if (totIncrement == 0) $(".nav a.slide-back").css('visibility', 'hidden'); 
	
	$(".nav a.slide-back").click(function(){
		if(totIncrement < 0){
			totIncrement = totIncrement + increment;
			$("#" + content + "-scroller ul").animate({'margin-left': totIncrement + 'px'}, 500);
			$(".nav a.slide-forward").css('visibility', 'visible');
			if (totIncrement == 0) $(this).css('visibility', 'hidden');
		}
		return false;
	});
	
	$(".nav a.slide-forward").click(function(){
		if (totIncrement > maxRightIncrement) {
			totIncrement = totIncrement - increment;
			$("#" + content + "-scroller ul").animate({'margin-left': totIncrement + 'px'}, 500);
			$(".nav a.slide-back").css('visibility', 'visible');
			if (totIncrement == maxRightIncrement) $(this).css('visibility', 'hidden');
		}
		return false;
	});
}




function activateAudioPlayer(){
		var thisVolume = 0.75;
		
		function addSource(track, ogg, mp3) {
			//var audio = $("#audio-player audio");
			var audio = $('<audio>', {
				preload : 'true'
			});
			$("#audio-player #audio").html(audio);
			
    		audio[0].volume = thisVolume;
    		audio.attr('volume', thisVolume);
			
			var source = "<source src='" + ogg + "' /><source src='" + mp3 + "' />";
			audio.html(source);
			$("#audio-player .controls a.button").attr('data-track', track);
			
			if ( track == (songsList - 1)) $("#audio-player .controls a.forward").css({opacity: '0.5', cursor: 'text'});
    		else $("#audio-player .controls a.forward").css({opacity: '1', cursor: 'pointer'});
    		
    		if ( track == 0) $("#audio-player .controls a.back").css({opacity: '0.5', cursor: 'text'});
    		else $("#audio-player .controls a.back").css({opacity: '1', cursor: 'pointer'});
    		
    		$("#content > div article.music ul li").removeClass('active');
    		$("#content > div article.music ul li[data-number='" + track + "']").addClass('active');
    		
    		setTimeout(function(){
    			audio[0].play();
    			$("#audio-player .controls a.button").attr('rel', 'pause');
    		}, 2000);
    		
    		audio[0].addEventListener('ended', function(){ 
    			if ( track == (songsList - 1) ) {
    				addSource(obj[0].order, obj[0].oggFile, obj[0].mp3File);
    			} else {
    				addSource((Number(track) + 1), obj[(Number(track) + 1)].oggFile, obj[(Number(track) + 1)].mp3File);
    			}
    		}, false);
    		
    	};
    	
    	var songsList = $("#content > div article.music ul li[data-number]").length;
    	
    	var obj = [];
    	for(i = 0; i < songsList; i++){
    		var ogg = $("#content > div article.music ul li[data-number='" + i + "'] h5 a").attr('data-file-ogg');
    		var mp3 = $("#content > div article.music ul li[data-number='" + i + "'] h5 a").attr('data-file-mp3');
    		obj.push({order: i, oggFile: ogg, mp3File: mp3});
    	}

    	
    	if (obj != []) {
    		addSource(obj[0].order, obj[0].oggFile, obj[0].mp3File);
    		$("#audio-player .controls a.button").attr('data-track', obj[0].track);
    	}
    	
    	
    	$("#audio-player .controls a.forward").click(function(){
    		
    		var track = $("#audio-player .controls a.button").attr('data-track');
    		track = Number(track) + 1;
			
			if (track != songsList) addSource(track, obj[track].oggFile, obj[track].mp3File);
    		return false;
    	});
    	
    	$("#audio-player .controls a.back").click(function(){
    		
    		var track = $("#audio-player .controls a.button").attr('data-track');
    		track = Number(track) - 1;
			
			if (track >= 0) addSource(track, obj[track].oggFile, obj[track].mp3File);
    		return false;
    	});
    	
    	
    	$("#content > div article.music ul li.track h5 a").click(function(){
    		var thisTrack = $(this).parent().parent().attr('data-number');
    		addSource(obj[thisTrack].order, obj[thisTrack].oggFile, obj[thisTrack].mp3File);
    		return false;
    	});
    	
		$("#slider").slider({
			range: "min",
			value: thisVolume,
			min: 0,
			max: 1,
			step: 0.05,
			slide: function(event, ui) {
				thisVolume = ui.value;
				$("#audio-player #audio audio")[0].volume = thisVolume;
				$("#audio-player #audio audio").attr('volume', thisVolume);
			}
		});
    	
    	$("#audio-player .controls a.button").click(function(){
    		var thisRel = $(this).attr('rel');
    		
    		if ( thisRel == 'play' ) {
    			$("#audio-player #audio audio")[0].play();
    			$(this).attr('rel', 'pause');
    		} else {
    			$("#audio-player #audio audio")[0].pause();
    			$(this).attr('rel', 'play');
    		}
    		return false;
    	});
}









function custom_popup(url,title) 
{
 params  = 'width='+screen.width;
 params += ', height='+screen.height;
 params += ', top=0, left=0'
 params += ', fullscreen=yes';

 newwin=window.open(url,title, params);
 if (window.focus) {newwin.focus()}
 return false;
}

function OpenPopup(url,title){
var width = 480;
var height = 500;

var winl = (screen.width-width)/2;
var wint = (screen.height-height)/2;

var set = "height="+ height +",width="+ width +",top="+ wint +",left="+ winl +",scrollbars=yes,status=no,resizable=0,toolbar=no,directories=no,location=no,status=no";

window.open(url,title,set);
if (window.focus) { newwin.focus(); }
}