function toggleInfo(t){
	$('.swidget','#'+t).toggle();
	$('.sinfo','#'+t).toggle();
}

function update_predictor(predictor_id, type) {
	var form_vars = $('#' + predictor_id + ' form').serialize();
	
	var teamsinvolved;
	if (type == 'match') {
		teamsinvolved = $('#' + predictor_id + ' #widget-teama option:selected').attr('class') + '-' + $('#' + predictor_id + ' #widget-teamb option:selected').attr('class');
	} else {
		teamsinvolved = $('#' + predictor_id + ' select option:selected').attr('class');
	}
	teamsinvolved = teamsinvolved.replace(/\s/gi, '_');
	
	$('#' + predictor_id + ' #embedcode textarea').val(function(index, value){
		var embed_widget = value.match(/\/widget\/[a-zA-Z0-9_]*/).slice(0,1).toString().substr(8);
		value = value.replace(/\/widget\/[a-zA-Z0-9_]*\/[a-zA-Z0-9_\-]*/, '/widget/' + embed_widget + '/' + teamsinvolved);
		return value.replace(/\?[a-zA-Z0-9&=]*/i, '?predictor=' + type + '&' + form_vars);
	});
	
	var generated_image = castrol+'/resources/images/predictor/wc10_widget_' + type + '.php?' + form_vars;
	$('#' + predictor_id + ' .generated_image img').attr('src', generated_image);
}

$(document).ready(function() {
	$('.widget .groupPredictor select').live('change', function() {
		var predictor_id = $(this).parents('.widget').attr('id');
		var team_id = $(this).val();
		var team_name = $('#' + predictor_id + ' select option:selected').text();
		var team_flag = webroot+'/resources/images/predictor/flags/sml/' + team_id + '.jpg';
	
		$('#' + predictor_id + ' .selector .col3 img').attr('src', team_flag);
		$('#' + predictor_id + ' .selector .col3 img').attr('alt', team_name);
		update_predictor(predictor_id, 'group');
	});

	$('.widget .matchPredictor select').live('change', function() {
		var predictor_id = $(this).parents('.widget').attr('id');
		if ($('#' + predictor_id + ' #widget-teama').val() != $('#' + predictor_id + ' #widget-teamb').val()) {
			var select_id = $(this).attr('id');
			var team_id = $(this).val();
			var team_name = $('#' + predictor_id + ' #' + select_id + ' option:selected').text();
			var team_flag = webroot+'/resources/images/predictor/flags/sml/' + team_id + '.jpg';
	
			$('#' + predictor_id + ' .' + select_id + ' img').attr('src', team_flag);
			$('#' + predictor_id + ' .' + select_id + ' img').attr('alt', team_name);
			update_predictor(predictor_id, 'match');
		}
	});
	
	$('.widget .opponentPredictor select').live('change', function() {
		var predictor_id = $(this).parents('.widget').attr('id');
		var team_id = $(this).val();
		var team_name = $('#' + predictor_id + ' select option:selected').text();
		var team_flag = webroot+'/resources/images/predictor/flags/sml/' + team_id + '.jpg';
			
		$('#' + predictor_id + ' .selector .col3 img').attr('src', team_flag);
		$('#' + predictor_id + ' .selector .col3 img').attr('alt', team_name);
		update_predictor(predictor_id, 'opponent');
	});

	
	$('.widget .opponentPredictor .widget-tabs a').live('click', function() {
		var predictor_id = $(this).parents('.widget').attr('id');
		var qualify = $(this).attr('id').substr(8);
		$('#' + predictor_id + ' input[name=qualify]').val(qualify);
		$('#' + predictor_id + ' .widget-tabs li').removeClass('active');
		$(this).parent().addClass('active');
		update_predictor(predictor_id, 'opponent');

		return false;
	});
	
	$('.widget .successPredictor select').live('change', function() {
		var predictor_id = $(this).parents('.widget').attr('id');
		var team_id = $(this).val();
		var team_name = $('#' + predictor_id + ' select option:selected').text();
		var team_flag = webroot+'/resources/images/predictor/flags/sml/' + team_id + '.jpg';
	
		$('#' + predictor_id + ' .selector .col3 img').attr('src', team_flag);
		$('#' + predictor_id + ' .selector .col3 img').attr('alt', team_name);
		update_predictor(predictor_id, 'success');
	});

	$('.widget .successPredictor input').live('change', function() {
		var predictor_id = $(this).parents('.widget').attr('id');
		update_predictor(predictor_id, 'success');
	});

	$('.widget .predictor_nav li a').live('click', function() {
		var predictor_id = $(this).parents('.widget').attr('id');
		var type = $(this).parent().attr('class').split(' ').slice(0,1).toString();
		var team_id = $('#' + predictor_id + ' select[name=team], #' + predictor_id + ' select[name=teama]').val();
		
		$('#' + predictor_id).load(webroot+'/widget/index/predictor.php?type=' + type + '&name=' + predictor_id + '&team_id=' + team_id + ' #' + predictor_id + '> *');
		
		return false;
	});

	$('.widget .predictor_nav li').live('click', function() {
		var predictor_id = $(this).parents('.widget').attr('id');
		var type = $(this).attr('class').split(' ').slice(0,1).toString();
		var team_id = $('#' + predictor_id + ' select[name=team], #' + predictor_id + ' select[name=teama]').val();
		
		$('#' + predictor_id).load(webroot+'/widget/index/predictor.php?type=' + type + '&name=' + predictor_id + '&team_id=' + team_id + ' #' + predictor_id + '> *');
	});
});