var slider_interval;
var geoamateurs_interval;
var slider_index = 1;
var geoamateurs_index = 0;

function slider_amateur(name, age, zip, imageurl, videocount, imagecount, url, UID) {
  	this.name = name;
	this.age = age;
	this.zip = zip;
	this.imageurl = imageurl;
	this.videocount = videocount;
	this.imagecount = imagecount;
	this.url = url;
	this.UID = UID;
}

var amateurs_temp = [];


function amateurslider_insert_amateur(key, amateur, selected) {
	
	// add list element
	var list_element = document.createElement('li');
	if(selected == 1) { list_element.setAttribute("class", "selected"); };
	list_element_1_a = document.createElement("a");
	list_element_1_a.setAttribute("href", amateur.url);
	list_element_1_a_1_img = document.createElement("img");
	list_element_1_a_1_img.setAttribute("src", amateur.imageurl);
	list_element_1_a_1_img.setAttribute("width", "84");
	list_element_1_a_1_img.setAttribute("height", "63");
	list_element_1_a.appendChild(list_element_1_a_1_img);
	list_element_1_a_2_div = document.createElement("div");
	list_element_1_a_2_div.setAttribute("class", "name");
	list_element_1_a_2_div_1_text = document.createTextNode(amateur.name);
	list_element_1_a_2_div.appendChild(list_element_1_a_2_div_1_text);
	list_element_1_a.appendChild(list_element_1_a_2_div);
	list_element_1_a_3_div = document.createElement("div");
	list_element_1_a_3_div_1_text = document.createTextNode(amateur.age + " Jahre alt");
	list_element_1_a_3_div.appendChild(list_element_1_a_3_div_1_text);
	list_element_1_a.appendChild(list_element_1_a_3_div);
	list_element_1_a_4_div = document.createElement("div");
	list_element_1_a_4_div_1_text = document.createTextNode("aus " + amateur.zip);
	list_element_1_a_4_div.appendChild(list_element_1_a_4_div_1_text);
	list_element_1_a.appendChild(list_element_1_a_4_div);
	list_element.appendChild(list_element_1_a);
	$('#amateurslider').append(list_element);
	
	// add info element
	var info_element = document.createElement('li');
	info_element.setAttribute("id", "amateurslider_info_index_" + key);
	if(selected == 1) { info_element.setAttribute("class", "selected"); };
	info_element_1_h2 = document.createElement("h2");
	info_element_1_h2.setAttribute("class", "white packed");
	info_element_1_h2_1_text = document.createTextNode("Jetzt für dich online");
	info_element_1_h2.appendChild(info_element_1_h2_1_text);
	info_element.appendChild(info_element_1_h2);
	info_element_2_h1 = document.createElement("h1");
	info_element_2_h1.setAttribute("class", "red");
	info_element_2_h1_1_text = document.createTextNode(amateur.name);
	info_element_2_h1.appendChild(info_element_2_h1_1_text);
	info_element.appendChild(info_element_2_h1);
	info_element_3_h2 = document.createElement("h2");
	info_element_3_h2.setAttribute("class", "red packed");
	info_element_3_h2_1_text = document.createTextNode(amateur.age + " Jahre aus " + amateur.zip);
	info_element_3_h2.appendChild(info_element_3_h2_1_text);
	info_element.appendChild(info_element_3_h2);
	info_element_4_h2 = document.createElement("h2");
	info_element_4_h2.setAttribute("class", "red");
	info_element_4_h2_1_text = document.createTextNode(amateur.videocount + " Videos, " + amateur.imagecount + " Bilder");
	info_element_4_h2.appendChild(info_element_4_h2_1_text);
	info_element.appendChild(info_element_4_h2);
	info_element_5_div = document.createElement("div");
	info_element_5_div.setAttribute("class", "signed");
	info_element_5_div_1_text = document.createTextNode("Deine " + amateur.name);
	info_element_5_div.appendChild(info_element_5_div_1_text);
	info_element.appendChild(info_element_5_div);
	info_element_6_div = document.createElement("div");
	info_element_6_div.setAttribute("class", "button");
	info_element_6_div_1_a = document.createElement("a");
	info_element_6_div_1_a.setAttribute("href", amateur.url);
	info_element_6_div_1_a.setAttribute("class", "button");
	info_element_6_div_1_a_1_span = document.createElement("span");
	info_element_6_div_1_a_1_span_1_text = document.createTextNode("Direkt zum Profil");
	info_element_6_div_1_a_1_span.appendChild(info_element_6_div_1_a_1_span_1_text);
	info_element_6_div_1_a.appendChild(info_element_6_div_1_a_1_span);
	info_element_6_div.appendChild(info_element_6_div_1_a);
	info_element.appendChild(info_element_6_div);
	$('#amateurslider_info').append(info_element);
	
	// add image element
	var image_element = document.createElement('li');
	image_element.setAttribute("id", "amateurslider_image_index_" + key);
	if(selected == 1) { image_element.setAttribute("class", "selected"); };
	image_element_1_img = document.createElement("img");
	image_element_1_img.setAttribute("src", "http://images.pornme.com/userimg_"+amateur.UID+"_250_187_18.jpg");
	image_element_1_img.setAttribute("width", "250");
	image_element_1_img.setAttribute("height", "187");
	image_element.appendChild(image_element_1_img);
	$('#amateurslider_pics').append(image_element);
}

function amateurslider_next(carousel) {

	// scroll to next
	carousel.next();
	
	// select list element
	var selected_list = $('#amateurslider li.selected');
	selected_list.removeClass('selected');
	selected_list.next().addClass('selected');
	
	// make current elements invisible
	$('#amateurslider_info_index_' + slider_index).fadeToggle();
	$('#amateurslider_image_index_' + slider_index).fadeToggle();
	
	// set index
	if(slider_index + 1 >= amateurs_temp.length) {
		slider_index = 0;
	} else {
		slider_index = slider_index + 1;
	}
	
	// make next elements visible
	$('#amateurslider_info_index_' + slider_index).fadeToggle();
	$('#amateurslider_image_index_' + slider_index).fadeToggle();
//	alert(amateurs_temp[slider_index].url);
}

function amateurslider_init_callback(carousel) {
	// start animation
	slider_interval = window.setInterval(function() { amateurslider_next(carousel); }, 3000);
};

function geoamateurs_load_amateur_set(bundesland, carousel) {
	
	$.getJSON('ajax.frontpagegeo.php?BL=' + bundesland, function(data) {
		
		if(data.length >= 1) {
			
			var geoamateurs_set = '<li><ul class="amateurs">';

			for (var i=0; i < 6; i++) {
				if(typeof data[i] == 'object') {
					var amateur = '<li><a href="'+data[i].url+'"><img src="'+data[i].image+'" width="84" height="63" /><div class="name">'+data[i].username+'</div><div>'+data[i].age+' Jahre alt</div><div>aus '+data[i].plz+'</div></a></li>';
					geoamateurs_set = geoamateurs_set + amateur;
				}
			};

			geoamateurs_set = geoamateurs_set + '</ul></li>';
			
		} else {
			geoamateurs_set = '<li><ul class="amateurs"><li>Keine Amateure gefunden</li></ul></li>';
		}
		
		// insert geoamateurs_set
		for (var i = carousel.first; i <= carousel.last; i++) {
			if(carousel.has(i)) {
				continue;
			}

			if(i > carousel.length) {
				break;
			}

			carousel.add(i, geoamateurs_set);
		}
		
		
	});
}

function geoamateurs_next(carousel) {
	
	// set index
	if(geoamateurs_index + 1 >= $("#promo_geoamateurs_control > li").size()) {
		geoamateurs_index = 0;
	} else {
		geoamateurs_index = geoamateurs_index + 1;
	}
	
	// add class to selected element
	$('#promo_geoamateurs_control li').removeClass('selected');
	$('#promo_geoamateurs_control li:eq('+geoamateurs_index+')').addClass('selected');
	
	// load amateurs and scroll to next
	var bl = $('#promo_geoamateurs_control li:eq('+geoamateurs_index+')').attr('id').substr(9);
	geoamateurs_load_amateur_set(bl, carousel);
	carousel.next();
}

function geoamateurs_init_callback(carousel) {
	
	geoamateurs_load_amateur_set('hh', carousel);
	
	$('#promo_geoamateurs_control li a').bind('click', function() {
		
		// stop auto sliding
		window.clearInterval(geoamateurs_interval);
		
		// get selected bundesland
		var bl = $(this).parent('li').attr('id').substr(9);
		
		// add class to selected element
		$('#promo_geoamateurs_control li').removeClass('selected');
		$(this).parent('li').addClass('selected');
		
		// load and set data
		geoamateurs_load_amateur_set(bl, carousel);
		carousel.next();
		return false;
	});
	
	geoamateurs_interval = window.setInterval(function() { geoamateurs_next(carousel); }, 5000);
}



jQuery(document).ready(function() {
	
	// set amateur listing

	$.getJSON('ajax.frontpageamateurs.php', function(data) {

		$('#amateurslider').empty();
//		$('#amateurslider_info').empty();
		$('#amateurslider_info').html('<span></span>');
		$('#amateurslider_pics').empty();

		$.each(data, function(key, val) {
			amateurs_temp.push(new slider_amateur(val.username, val.age, val.plz, val.image, val.numvids, val.numpics, val.url, val.UID));
                });

		$.each(amateurs_temp, function(key, value) { 
			if(key == 1) { selected = 1; } else { selected = 0; }
			amateurslider_insert_amateur(key, value, selected);
		});
		// set amateur carousel

		$('#amateurslider').jcarousel({
	        vertical: true,
			scroll: 1,
			wrap: 'circular',
			initCallback: amateurslider_init_callback
		});
		
	});
	
	
	// geoamateurs carousel
	$('#promo_geoamateurs_slider').jcarousel({
		scroll: 1,
		wrap: 'circular',
		initCallback: geoamateurs_init_callback
	});


});
