$(document).ready(function() {
	//Ha van javascript támogatás, nem hagyjuk a clicket
	$('#eredmeny').hide();
	$('#noscript').hide();
	$('#eredmeny input').click(function(){
		$(this).select();
	});
	$('#magic').click(function(){
		$('#eredmeny').hide();
		var mehet = true;
		if ($('#nev').val().length == 0) {
			$('#nev').focus();
			alert('We need a Twitter user name to create the picture for you!');
			mehet = false;
		}
		if(mehet){
			$('<img src="pictures/elemek/loading.gif" id="loading" />')
			.appendTo('#tartalom')
			.css('position','absolute')
			.css('top', '50px')
			.css('right', '300px')
			var vkep = $("input[name='dizajn[]']:checked").val();
			var vnev = $("#nev").val();
			var vava = $("#kep").val();
			$.get("i/ajaxstuff.php", function(data) {
				var url = data+"pictures/picture.php?a="+vava+"&p="+vkep+"&n="+vnev;
				$("#direkt").val(url);
				$("#html").val("<a href='http://www.twitter.com/"+vnev+"'><img src='"+url+"' alt='"+vnev+"' /></a>Created with <a href='"+data+"'>"+data+"</a>");
				$("#bbc").val("[URL=http://www.twitter.com/"+vnev+"][IMG]"+url+"[/IMG][/URL]Created with [URL="+data+"]"+data+"[/URL]");
				$("#altbbc").val("[URL=http://www.twitter.com/"+vnev+"][IMG="+url+"][/IMG][/URL]Created with [URL="+data+"]"+data+"[/URL]");
				$("#eredmeny_kep").attr("src",url);
				$("#eredmeny_kep").attr("alt",vnev);
				$("#eredmeny").fadeIn('slow');
				$("#loading").remove();
			});
		
		}
		return false;
	});
	//Ha kellenek neki avatarok, akkor képeket vált
	var kep = false;
	$('#kep').change(function(){
		if(!kep){
			kep = true;
			for(i=1;i<5;i++){
				$("#dizajn"+i).attr('src','pictures/peldak/'+i+'a.png');
			}
		} else {
			kep = false;
			for(i=1;i<5;i++){
				$("#dizajn"+i).attr('src','pictures/peldak/'+i+'.png');
			}
		}
	});
	//Tool tips
	$('[title]').hover(function(e) {
		// Hover over code
		var titleText = $(this).attr('title');
		$(this)
		.data('tipText', titleText)
		.removeAttr('title');
		$('<p class="tooltip"></p>')
		.text(titleText)
		.appendTo('body')
		.css('position','absolute')
		.css('width','150px')
		.css('border','1px solid #cccccc')
		.css('background-color','#ffffff')
		.css('top', (e.pageY - 10) + 'px')
		.css('left', (e.pageX + 20) + 'px')
		.fadeIn('slow');
	}, function() {
		// Hover out code
		$(this).attr('title', $(this).data('tipText'));
		$('.tooltip').remove();
	}).mousemove(function(e) {
		// Mouse move code
		$('.tooltip')
		.css('top', (e.pageY - 10) + 'px')
		.css('left', (e.pageX + 20) + 'px');
	});
});