$(document).ready( init );

basePath = '';

function init() {
		
	$('.scroller').cycle({ 
		fx: 'scrollLeft',
		fit: 0,
		pager: '#pager',
		timeout: 10000,
		width: 690,
		pagerAnchorBuilder: 
			function( index, dom ) {
				return "<a href='#' class='badge_"+ $('.scroller .scrollItem:eq('+ index +')' ).metadata().type +"'> </a>";
			}
	});
	
	/*
	var pagers = new Array();
	$('#pager a').each(
		function() {
			pagers.push( $(this) );
		}
	);
	
	$('.scroller div').each(
		function() {
			
			var type = $(this).metadata().type;
			var index = $(this).metadata().index;
			
			
			$(pagers[ index ]).addClass( 'badge_' + type );
			$(pagers[ index ]).html(' ');
			
		}
	);
	*/
	
	
	$('.flashContainer').each( 
		function() {
			$(this).flash({
				src: $(this).metadata().source,
				width: $(this).metadata().width,
				height: $(this).metadata().height,
				wmode: "transparent",
				style: 'position: relative; z-index: 1'
			});
		}
	);
	
	
	$('.tabs').tabs({
		cache: true, 
		select: 
			function(event, ui) { 
				//alert( $(event.target).attr('id') );
			}
		
	});
	
	/*
	$('.datePicker').each(
		function() {
			$(this).datepicker({dateFormat: 'yy-mm-dd'});
			
		}
	);
	*/
	
	$('.datePicker').each(
		function() {
			$(this).datepicker({
				dateFormat: 'yy-mm-dd',
				duration: '',  
				showTime: true,  
				constrainInput: true,  
				stepMinutes: 1,  
				stepHours: 1,  
				altTimeField: '',  
				time24h: true 
			});
			
		}
	);
	
	$('.tabToggleContainer:not(.active)').hide();
	
	$('.tabToggler:not(.ajaxToggler)').click(
		function() {
			
			var id = $(this).metadata().id;
			var pId = $(this).metadata().parentId;

			$('.tabList_'+pId+' .tabToggleContainer').hide();
			$('.tabToggleContainer_'+id).show();
			
			$('.tabList_'+pId+' .tabToggler').removeClass('active');
			$(this).addClass('active');
			
		}
	
	);
	
	$('.ajaxToggler').click(
		function() {
			loadAjaxTab( $(this) );
		}
	
	);
	
	$('.ajaxToggler:first-child').each(
		function() {
			loadAjaxTab( $( this ) );		
			
		}
	);
	
	
	$('form.validationNeeded').each(
		function() {
			$(this).validate();
		}
	
	);
	
	
	loadRandomQuestion();
	
	
	$('.needConfirm').click(
		function() {
			var confirmed = confirm( $(this).metadata().cofirmText );
			return confirmed;
		}
	);
	
	
}

function loadRandomQuestion() {
	
	
	$('#randomQuestionContainer').load(
		basePath + '/ajax/spina_randomQuestion.php',
		questionLoaded
	);
	
	$("#randomQuestionContainer").unbind( 'click' );
	$('#randomQuestionContainer').css('cursor', 'default');
	
	
}


var myAnswer = -1;

function questionLoaded() {
	
	$('input[name=myAnswer]').click(
		function() {
			
			myAnswer = $(this);
			setTimeout( "questionAnswered();", 100 );
			
		}
	);;
}

function questionAnswered( ) {
	
	$.get(
		basePath + '/ajax/spina_randomQuestionCorrect.php',
		{ myAnswer: $(myAnswer).val() },
		function( data, textStatus ) {
			
			var correct = parseInt( data ) == 1;
			$('#randomQuestionContainer').html( 
				"<div style='text-align: center; '><h3 class='orange'>"+ ( correct ? "Rätt svar!" : "Fel svar." ) +"</h3><span style='border-bottom: 1px dashed #888; line-height: 1.5em;'>Klicka här för att prova dina kunskaper med en ny fråga.</span></div>" 
			);
			
			$('#randomQuestionContainer').css('cursor', 'pointer');

			$('#randomQuestionContainer').click(
				function() {
					loadRandomQuestion();
				}
			);
			
		}
	);
	
	
}


function loadAjaxTab( obj ) {
	
	var tId = $(obj).metadata().togglerId;
	var tURL = $(obj).metadata().ajaxURL;
	
	$(".tabToggleContainer_"+ tId ).show().html('<div style="padding: 20px; text-align: center; ">Laddar...</div>').load(
		tURL,
		function( responseText, textStatus, XMLHttpRequest ) {
			$(this).html( responseText );
		}
	
	);
	
	$('.tabList_'+tId+' .tabToggler').removeClass('active');
	$(obj).addClass('active');
	
}