var myFigura = 1;
var myHatar = "";
var myNames = new Array();
var myEmails = new Array();
var myCsoport = "";
var errors = "";
var actpage = 1;

$(document).ready(function() {
	$("#osszeg").val("");
	$("#csoport").val("");
	$("#name").val("");
	$("#mail").val("");
	
	$('.typeTatu').hide();	
	$('.typeJezus').hide();	
	$('.typeTelapo').show();
	
	$('#cinkostars').addClass('selected');

	$('#figuraJezus').click(function () {

		$('.typeTelapo').hide();
		$('.typeTatu').hide();		
		$('.typeJezus').show();
		$('#slider').scrollTo($('#item2'), 800);
		$('#menu li').removeClass('selected');
		$('#ertekhatar').addClass('selected');
		actpage = 2;
		myFigura = 2;

	});

	$('#figuraTelapo').click(function () {

		$('.typeTatu').hide();		
		$('.typeJezus').hide();
		$('.typeTelapo').show();
		$('#slider').scrollTo($('#item2'), 800);
		$('#menu li').removeClass('selected');
		$('#ertekhatar').addClass('selected');
		actpage = 2;
		myFigura = 1;
		
	});

	$('#figuraTatu').click(function () {

		$('.typeTelapo').hide();
		$('.typeJezus').hide();
		$('.typeTatu').show();
		$('#slider').scrollTo($('#item2'), 800);
		$('#menu li').removeClass('selected');
		$('#ertekhatar').addClass('selected');
		actpage = 2;
		myFigura = 3;
	});
	
	$('#osszegTovabb').click(function () {
		hatar();
	});
	
	$('#elkuldTovabb').click(function () {
		elkuld();
	});
	
	$('#osszegVissza').click(function () {
		vissza(1,true);
	});

	$('#elkuldVissza').click(function () {
		vissza(2,false);
	});

	$('#visszaTovabb').click(function () {
		vissza(1,true);
	});
	
	$('#sugoButton').click(function () {	
		$('#slider').scrollTo($('#sugo'), 800);
	});
	
	$('#bezaras').click(function () {
		$('#slider').scrollTo($('#item'+actpage), 800);
		
		if (actpage == 1) {
			$('#menu li').removeClass('selected');
			$('#cinkostars').addClass('selected');
		} else if (actpage == 2) {
			$('#menu li').removeClass('selected');
			$('#ertekhatar').addClass('selected');
		} else if (actpage == 3) {
			$('#menu li').removeClass('selected');
			$('#kinek').addClass('selected');
		} else if (actpage == 4) {
			$('#menu li').removeClass('selected');
			$('#utolso').addClass('selected');
		}
	});
	
	$('#info a').click(function () {

		$('#menu li').removeClass('selected');
		$('#info').addClass('selected');

	});		

	var resizeTimer = null;
	$(window).bind('resize', function() {
		if (resizeTimer) clearTimeout(resizeTimer);
		resizeTimer = setTimeout(resizePanel, 100);
	});
	
	$('#sugo').show();
	$('#slider').scrollTo($('#item1'), 0);

    // initialize tooltip 
    $("#figuraJezus").tooltip({ tip: '#tippJezus', relative: true, offset: [-115,-165], position: 'center top', effect: 'slide' }); 
    $("#figuraTelapo").tooltip({ tip: '#tippTelapo', relative: true, offset: [-115,-165], position: 'center top', effect: 'slide' }); 
    $("#figuraTatu").tooltip({ tip: '#tippTatu', relative: true, offset: [-115,-145], position: 'center top', effect: 'slide' }); 

	$("a[rel]").overlay({ expose: '#4597b8', top: 'center' });

});

function iwiwshare_click(u){
	t = document.title;
	window.open('http://iwiw.hu/pages/share/share.jsp?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'iwiwshare','toolbar=0,status=0,location=1, width=650,height=600,scrollbars=1');
	return false;
}

function resizePanel() {

	var width = $(window).width();
	var height = $(window).height();

	mask_width = width * $('.item').length;

	$('#slider, .item').css({width: width});
	$('#mask').css({width: mask_width});
	//$('#slider').scrollTo($('a.selected').attr('rel'), 0);
	$('#slider').scrollTo($('#item'+actpage), 0);
		
}

function hatar() {
	if ($("#osszeg").val() == "") {
		$("#osszeg").addClass("hiba");
	} else {
		$("#osszeg").removeClass("hiba");
		myHatar = $("#osszeg").val();
		$('#slider').scrollTo($('#item3'), 800);
		$('#menu li').removeClass('selected');
		$('#kinek').addClass('selected');
		actpage = 3;
	}
}

function isValidEmailAddress(emailAddress) {
	var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return pattern.test(emailAddress);
}

function addAddress() {
	if ($("#name").val() == "") {
		$("#name").addClass("hiba");
		errors = "error";
	} else {
		$("#name").removeClass("hiba");
		errors = "";
	}
	
	if (isValidEmailAddress($("#mail").val())) {		
		$("#mail").removeClass("hiba");
		errors = "";
	} else {
		$("#mail").addClass("hiba");
		errors = "error";
	}
	
	if (errors == "") {
		myNames.push($("#name").val());
		myEmails.push($("#mail").val());
		$("#name").val("");
		$("#mail").val("");
		displayAddress();
	}
}

function displayAddress() {
	$("#addressContainer").hide();
	var Msg = "";
	for (var i=0;i<myNames.length;i++) {
		Msg += myNames[i]+" ("+myEmails[i]+") <a href=\"#\" id=\"delF\" onclick=\"delAddress('"+i+"');\"><img src=\"img/icon_del.png\" valign=\"bottom\" width=\"12\" height=\"12\" alt=\"X\"></a>&nbsp;&nbsp;&nbsp;&nbsp;";
	}
	$("#addressContainer").html(Msg);
	$("#addressContainer").fadeIn();
}

function delAddress(num) {
	myNames.splice(num,1);
	myEmails.splice(num,1);
	displayAddress();
}

function elkuld() {
	if (myNames != "") {
		if ($("#csoport").val() == "") {
			$("#csoport").addClass("hiba");
		} else {
			$("#csoport").removeClass("hiba");
			myCsoport = $("#csoport").val();
						
			var Nevek = "";
			var Emailek = "";
			
			for (var i=0;i<myNames.length;i++) {
				Nevek += "&nev[]="+myNames[i];
				Emailek += "&mail[]="+myEmails[i];
			}
			
			$("#name").removeClass("hiba");
			$("#mail").removeClass("hiba");

			var content_show = "send.php";	
			var contentHolder = $("#koszi");
					
			$.ajax({
				type: "POST",
				url: content_show,
				data: "figura="+myFigura+"&hatar="+myHatar+"&csoport="+myCsoport+Nevek+Emailek,
				success: function(html){ 
					$('#slider').scrollTo($('#item4'), 800);
					$('#menu li').removeClass('selected');
					$('#utolso').addClass('selected');
					actpage = 4;
				}
			});
		}
	} else {
		if ($("#csoport").val() == "") {
			$("#csoport").addClass("hiba");
		}	
		$("#name").addClass("hiba");
		$("#mail").addClass("hiba");
	}
}

function vissza(target,del) {
	if(del == true){
		$("#osszeg").val("");
		$("#csoport").val("");
		$("#name").val("");
		$("#mail").val("");
		myFigura = 1;
		myHatar = "";
		myNames = new Array();
		myEmails = new Array();
		myCsoport = "";
		errors = "";
	}
	$("#addressContainer").html("");
	$('#slider').scrollTo($('#item'+target), 800);
	actpage = target;
	if (actpage == 1) {
		$('#menu li').removeClass('selected');
		$('#cinkostars').addClass('selected');
	} else if (actpage == 2) {
		$('#menu li').removeClass('selected');
		$('#ertekhatar').addClass('selected');
	} else if (actpage == 3) {
		$('#menu li').removeClass('selected');
		$('#kinek').addClass('selected');
	} else if (actpage == 4) {
		$('#menu li').removeClass('selected');
		$('#utolso').addClass('selected');
	}
}
