/************************************************************************/
/************************ ajax START ************************************/
/************************************************************************/
function AjaxTelepules(AJAXRQST,FORM_ID,FORM_VALUE,DIV_ID,SEL_VALUE,CLEAR){
	var value = $('#'+FORM_VALUE).val();
	if(CLEAR == 'true'){ SEL_VALUE = ''; }
	$('#'+DIV_ID).load('includes/common.php?ajaxrqst='+ AJAXRQST + '&formid=' + FORM_ID +'&ajaxID=' + value + '&sel_value=' + SEL_VALUE);
}
// Banner statisztika
function AjaxBanner(AJAXRQST,ID){
	$.ajax({ type: "GET", url: "includes/common.php", data: 'ajaxrqst='+ AJAXRQST + '&bannerID=' + ID });	
}
// Foglalt username keresese
function AjaxUserExist(AJAXRQST,FORM_VALUE,DIV_ID){
	var value = $('#'+FORM_VALUE).val();
	$('#'+DIV_ID).load('includes/common.php?ajaxrqst='+ AJAXRQST + '&username=' + value);
}
// Galeria kep betoltes
function AjaxLoadPic(AJAXRQST,PIC_ID,PIC_SIZE,DIV_ID,PIC_PAGING){
	if(PIC_PAGING!=1){
		if(PIC_SIZE==1){
			 $('#pic_mid').empty(); $('#pic_big').empty();
		} else if(PIC_SIZE==2){
			 $('#pic_small').empty();
		} else if(PIC_SIZE==3){
			 $('#pic_mid').empty();
		}
	}
	$('#'+DIV_ID).load('includes/common.php?ajaxrqst='+ AJAXRQST + '&picID=' + PIC_ID + '&picSize=' + PIC_SIZE,function(){
		$('#'+DIV_ID).center();
		$('#'+DIV_ID).fadeIn('slow');
	});
}
/************************************************************************/
/************************ ajax END *************************************/
/************************************************************************/

// Profil szolgaltatas aktivalo
function ActivateService(id,button_id){
	inputID = document.getElementById(id).value;
	if(inputID==1){
		switch(id){
			case 'delivery_active':
				document.getElementById('irsz').disabled = true;
				document.getElementById('telepules_id').disabled = true;
				document.getElementById('cim').disabled = true;
				document.getElementById('d_fullname').disabled = true;
				document.getElementById('d_irsz').disabled = true;
				document.getElementById('d_telepules_id').disabled = true;
				document.getElementById('d_cim').disabled = true;
				document.getElementById(button_id).value = "Nyuszi vagyok, nem bízom az internetes vásárlásban,\nvagy csak úgy érzem, semmi közötök hozzá, hol lakom";
			break;
			case 'newsletter':
				document.getElementById(button_id).value = "Ha csak egy hírlevelet is kapok tőletek,\nfeljelentelek benneteket a vérbe";
			break;
		}		
		document.getElementById(id).value = 0;
		document.getElementById(button_id).className = 'button';
	} else {
		switch(id){
			case 'delivery_active':
				document.getElementById('irsz').disabled = false;
				if(document.getElementById('irsz').value != ''){
					document.getElementById('telepules_id').disabled = false;
				}
				document.getElementById('cim').disabled = false;
				document.getElementById('d_fullname').disabled = false;
				document.getElementById('d_irsz').disabled = false;
				if(document.getElementById('d_irsz').value != ''){
					document.getElementById('d_telepules_id').disabled = false;
				}
				document.getElementById('d_cim').disabled = false;
				document.getElementById(button_id).value = "Szeretnék tárgyakat rendelni majd, ezért megadom\na kisautónak a szállítási és számlázási címet";
			break;
			case 'newsletter':
				document.getElementById(button_id).value = "Szeretném, ha folyamatosan bombáznátok\nérdekes lomografikus hírlevelekkel";
			break;			
		}		
		document.getElementById(id).value = 1;
		document.getElementById(button_id).className = 'button_hover';
	}
}
/************************************************************************/
/************************ jQuery *************************************/
/************************************************************************/
jQuery(function ($) {
	// Login ellenorzo
	$('#confirm-dialog').bind('keyup',function(){
		var username = $('#username').val();
		var password = $('#password').val();
		$('#login_text').load('includes/common.php?ajaxrqst=checkuser&username=' + username +'&password=' + password);
	});
	// Login			 
	$('#confirm-dialog  input.login_button').click(function (e) {
		e.preventDefault();
		if(document.getElementById('username').value ==''){
			Figyelmeztetes("Bejelentkezéshez meg kell adnod a felhasználóneved!", function (){																			
				document.getElementById('username').focus(); return false;
			});
		} else if(document.getElementById('password').value ==''){
			Figyelmeztetes("Bejelentkezéshez meg kell adnod a jelszavad!", function (){																			
				document.getElementById('password').focus(); return false;
			});
		} else {
			var username = $('#username').val();
			var password = $('#password').val();
			var login_success = $('#login_success').val();
			var isAdmin = $('#isAdmin').val();
			$('#login_text').fadeOut('slow');
			if(login_success==1){ // Sikeres bejelentkezes
				if(isAdmin==1){ $('#adminField').show(); }
				$('#login_text').fadeOut('slow');
				$("#login_box").slideUp('slow',function(){
					$('#login_text').load('includes/common.php?ajaxrqst=login&username=' + username +'&password=' + password,function(){
						$("#logged_out").hide();
						$("#logged_in").show();
						$('#login_text').fadeIn('slow');
						$("#login_box").slideDown('slow');
						// Ha oldaltoltes nelkul ki akar jelentkezni
						$('#logout').click(function (e) {
							e.preventDefault();
							$('#login_text').fadeOut('slow');
							$("#login_box").slideUp('slow',function(){
								$('#login_text').load('includes/common.php?ajaxrqst=logout',function(){
									$('#username').val(''); $('#password').val(''); $('#login_success').val('0'); $('#isAdmin').val('0');
									$("#logged_in").hide();
									$("#logged_out").show();
									$('#login_text').fadeIn('slow');
									$("#login_box").slideDown('slow');
								});
							});
						});
					});
				});
			} else if(login_success==0){ // Sikertelen bejelentkezes
				$("#login_box").slideUp('slow',function(){
					$('#login_text').load('includes/common.php?ajaxrqst=login_unsuccess&login=unsuccess',function(){
						$('#username').val(''); $('#password').val('');
						$("#login_box").slideDown('slow');
					});
				});
			}
			$('#login_text').fadeIn('slow');
		}
	});
	// Logout
	$('#logout').click(function (e) {
		e.preventDefault();
		$('#login_text').fadeOut('slow');
		$("#login_box").slideUp('slow',function(){
			$('#login_text').load('includes/common.php?ajaxrqst=logout',function(){
				$('#username').val(''); $('#password').val(''); $('#login_success').val('0'); $('#isAdmin').val('0');
				$("#logged_in").hide();
				$("#logged_out").show();
				$('#login_text').fadeIn('slow');
				$("#login_box").slideDown('slow');
			});
		});
	});
	// Gallery login
	$('#confirm-dialog  input.g_login_button').click(function (e) {
		e.preventDefault();	
		if(document.getElementById('username').value ==''){
			Figyelmeztetes("Bejelentkezéshez meg kell adnod a felhasználóneved!", function (){																			
				document.getElementById('username').focus(); return false;
			});
		} else if(document.getElementById('password').value ==''){
			Figyelmeztetes("Bejelentkezéshez meg kell adnod a jelszavad!", function (){																			
				document.getElementById('password').focus(); return false;
			});
		} else {
			$('#gallery_login').submit();
		}
	});
	// Kep feltoltes
	$('#confirm-dialog  input.img_upload, #submit_imgupload').click(function (e) {
		e.preventDefault();
		if(document.getElementById('img_file').value ==''){
			Figyelmeztetes("Kérlek, tallóz rá a feltöltendő képre!", function (){																			
				document.getElementById('img_file').focus(); return false;
			});
		} else if(document.getElementById('img_cam_id').value ==''){
			Figyelmeztetes("Kérlek, válaszd ki az apparát típusát!", function (){																			
				document.getElementById('img_cam_id').focus(); return false;
			});
		} else {
			$('#img_upload').submit();
		}
	});	
	// Profil ellenorzo
	$('#profile input.submit').click(function (e) {
		e.preventDefault();
		
		text_invemail = "Kérlek, adj meg érvényes e-mail címet!";
		var email = document.getElementById('email');
		var at="@";
		var dot=".";
		var lat=email.value.indexOf(at);
		var lstr=email.value.length;
		var ldot=email.value.indexOf(dot);
		var validChars = /^([a-zA-Z0-9])(([a-zA-Z0-9])*([\._-])?([a-zA-Z0-9]))*@(([a-zA-Z0-9\-])+(\.))+([a-zA-Z]{2,4})+$/;	
		
		if(!document.getElementById('fullname').value){
			Figyelmeztetes("Kérlek, add meg a teljes neved!", function (){																			
				document.getElementById('fullname').focus(); return false;
			});
		} else if(!document.getElementById('username').value){
			Figyelmeztetes("Kérlek, add meg a felhasználóneved!", function (){																			
				document.getElementById('username').focus(); return false;
			});
		} else if(document.getElementById('user_exist').value==1){
			Figyelmeztetes("A megadott felhasználónév már regisztrálva van.<br />Kérlek, adj meg egy másikat!", function (){																			
				document.getElementById('username').focus(); return false;
			});
		} else if(!document.getElementById('password').value){
			Figyelmeztetes("Kérlek, add meg a jelszavad!", function (){																			
				document.getElementById('password').focus(); return false;
			});
		} else if(document.getElementById('password').value != document.getElementById('password2').value){
			Figyelmeztetes("Jelszavad megerősítése sikertelen volt.<br />Kérlek, próbáld meg újra!", function (){																			
				document.getElementById('password2').focus(); return false;
			});
		} else if(!email.value){
			Figyelmeztetes("Kérlek, add meg az e-mail címed!", function (){																			
				document.getElementById('email').focus(); return false;
			});
		} else if(document.getElementById('delivery_active').value==1 && !document.getElementById('d_irsz').value){
			Figyelmeztetes("Kérlek, add meg a szállítási cím irányítószámát!", function (){																			
				document.getElementById('d_irsz').focus(); return false;
			});			
		} else if(document.getElementById('delivery_active').value==1 && !document.getElementById('d_telepules_id').value){
			Figyelmeztetes("Kérlek, válaszd ki a listából a szállítási cím települését!", function (){																			
				document.getElementById('d_telepules_id').focus(); return false;
			});			
		} else if(document.getElementById('delivery_active').value==1 && !document.getElementById('d_cim').value){			
			Figyelmeztetes("Kérlek, add meg az utcát!", function (){																			
				document.getElementById('d_cim').focus(); return false;
			});
		} else if(document.getElementById('email').value && email.value.indexOf(at)==-1){
			Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
			});
		} else if(document.getElementById('email').value && (email.value.indexOf(at)==-1 || email.value.indexOf(at)==0 || email.value.indexOf(at)==lstr)){
				Figyelmeztetes(text_invemail, function (){
					email.focus(); return false;
				});
		} else if(document.getElementById('email').value && (email.value.indexOf(dot)==-1 || email.value.indexOf(dot)==0 || email.value.indexOf(dot)==lstr)){
			Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
			});
		} else if(document.getElementById('email').value && email.value.indexOf(at,(lat+1))!=-1){
			Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
			});
		} else if(document.getElementById('email').value && (email.value.substring(lat-1,lat)==dot || email.value.substring(lat+1,lat+2)==dot)){
			Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
			});
		} else if(document.getElementById('email').value && email.value.indexOf(dot,(lat+2))==-1){
			Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
			});
		} else if(document.getElementById('email').value && email.value.indexOf(" ")!=-1){
			Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
			});
		} else if(document.getElementById('email').value && lstr-ldot<=2){
			Figyelmeztetes(text_invemail, function (){
				email.focus();  return false;
			});
		} else if(document.getElementById('email').value && email.value.search(validChars)==-1){
			Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
			});
		} else {
			$('#profile_form').submit();
		}
	});
	/* Galeria leptetes - inaktiv!!
	$('.button_gallery_prev').click(function (e) {
		e.preventDefault();
		$('#gallery_box').animate({width:'toggle'},2000);
		
	});
	$('.button_gallery_next').click(function (e) {
		e.preventDefault();
		$('#gallery_box').animate({width: 'hide'});
		
	});	
	*/
	/*
	$('#g_content_footer ul li a',this).click(function (e) {
		e.preventDefault();
		$('#slider').empty();
		$('#slider #img_list').empty();
		$('#slider #img_list ul').empty();
		$('#slider #img_list ul li').empty();
		//$('#slider').attr('style','');
		$('#showed_items').val(48);
		$('#max_items').val(439);
		$('#rpp').val(48);
		$('#img_list').load('includes/common.php?ajaxrqst=gallery_order&numrows=439&rpp=48&orderby=' + $(this).attr('id') + '&orderway=DESC');
		//setTimeout( function(){ $("#slider").center(); }, 2000);	
	});
	*/
	// Bizonyos kep megtekintese
	$('#img_list li',this).click(function (e) {
		e.preventDefault();
		var curr_li = parseInt($(this).attr('id'));
		var max_items = parseInt($("#max_items").val()); //Osszes tetel
		
		if((curr_li+1)>max_items){ // Utolso tetel
			var prev_picID = $('#img_list #'+(curr_li-1)).attr('value'); // Elozo kep ID
			var next_picID = $('#img_list #'+1).attr('value'); // Kovetkezo kep ID
		} else if((curr_li-1)==0){ // Elso tetel 
			var prev_picID = $('#img_list #'+max_items).attr('value'); // Elozo kep ID
			var next_picID = $('#img_list #'+(curr_li+1)).attr('value'); // Kovetkezo kep ID
		} else {
			var prev_picID = $('#img_list #'+(curr_li-1)).attr('value'); // Elozo kep ID
			var next_picID = $('#img_list #'+(curr_li+1)).attr('value'); // Kovetkezo kep ID
		}
		AjaxLoadPic('loadpic',$(this).attr('value'),1,'pic_small');
		$('#g_content_footer ul').fadeOut('slow'); $('.gallery_paging').fadeOut('slow');
		$("#currPic").val($(this).attr('id')); // Aktualis sorszam
		$(".button_pic_prev").val(prev_picID);
		$(".button_pic_next").val(next_picID);
		$('#img_list').fadeOut(750,function() {
			$('.button_gallery_up').fadeIn('slow');
			$('.button_gallery_thumbs').fadeIn('slow');
			$('.gallery_zoom').fadeIn('slow');
			$('.picture_paging').fadeIn('slow');											   
		});
		// Aktualis kep sorszama
		var current_pic = parseInt($("#currPic").val()); // Aktualis kep
		var max_items = parseInt($("#max_items").val()); // Osszes tetel
		$("#numPic").data("curPic", current_pic+'/'+max_items); $("#numPic").text($("#numPic").data("curPic"));		
	});
	// Kep leptetese
	$('.button_pic_prev').click(function (e) {
		e.preventDefault();
		// Aktualis kep sorszama
		var current_pic = parseInt($('#currPic').val());		
		var max_items = parseInt($("#max_items").val()); // Osszes tetel
		
		if((current_pic+1)>max_items){ // Utolso tetel
			var prev_picID = $('#img_list #'+(current_pic-1)).attr('value'); // Elozo kep ID
			var next_picID = $('#img_list #'-1).attr('value'); // Kovetkezo kep ID
			$("#currPic").val(current_pic-1);
			$("#numPic").data("curPic", (current_pic-1)+'/'+max_items); 
		} else if((current_pic-1)==0){ // Elso tetel 
			var prev_picID = $('#img_list #'+max_items-1).attr('value'); // Elozo kep ID
			var next_picID = $('#img_list #'+(current_pic+1)).attr('value'); // Kovetkezo kep ID
			$("#currPic").val(max_items);
			$("#numPic").data("curPic", max_items+'/'+max_items);
		} else {
			var prev_picID = $('#img_list #'+(current_pic-1)).attr('value'); // Elozo kep ID
			var next_picID = $('#img_list #'+(current_pic+1)).attr('value'); // Kovetkezo kep ID
			$("#currPic").val((current_pic-1));
			$("#numPic").data("curPic", (current_pic-1)+'/'+max_items);
		}		
		$(".button_pic_prev").val(prev_picID);
		$(".button_pic_next").val(next_picID);
		$(".button_pic_prev").attr("disabled", "disabled"); // Disable-re allitjuk a gombot
		$("#numPic").text($("#numPic").data("curPic"));
		
		var previous_pic = parseInt($('.button_pic_prev').val());
		var next_pic = parseInt($('.button_pic_next').val());
		var picID = $('#picID').val();
		var picSize = $('#picSize').val();
		if(picSize==1){
			$('#pic_small').fadeOut('slow', function(){ AjaxLoadPic('loadpic',previous_pic,1,'pic_small',1); $(".button_pic_prev").attr("disabled", ""); });
		} else if(picSize==2){
			$('#pic_mid').fadeOut('slow', function(){ AjaxLoadPic('loadpic',previous_pic,2,'pic_mid',1); $(".button_pic_prev").attr("disabled", ""); });
		} else if(picSize==3){
			$('#pic_big').fadeOut('slow', function(){ AjaxLoadPic('loadpic',previous_pic,3,'pic_big',1); $(".button_pic_prev").attr("disabled", ""); });
		}
	});
	$('.button_pic_next').click(function (e) {
		e.preventDefault();
		// Aktualis kep sorszama
		var current_pic = parseInt($('#currPic').val());		
		var max_items = parseInt($("#max_items").val()); // Osszes tetel
		
		if((current_pic+1)>max_items){ // Utolso tetel
			var prev_picID = $('#img_list #'+(current_pic-1)).attr('value'); // Elozo kep ID
			var next_picID = $('#img_list #'+1).attr('value'); // Kovetkezo kep ID
			$("#currPic").val(1);
			$("#numPic").data("curPic", 1+'/'+max_items); 
		} else if((current_pic-1)==0){ // Elso tetel 
			var prev_picID = $('#img_list #'+max_items-1).attr('value'); // Elozo kep ID
			var next_picID = $('#img_list #'+(current_pic+1)).attr('value'); // Kovetkezo kep ID
			$("#currPic").val(current_pic+1);
			$("#numPic").data("curPic", (current_pic+1)+'/'+max_items); 
		} else {
			var prev_picID = $('#img_list #'+(current_pic-1)).attr('value'); // Elozo kep ID
			var next_picID = $('#img_list #'+(current_pic+1)).attr('value'); // Kovetkezo kep ID
			$("#currPic").val((current_pic+1));
			$("#numPic").data("curPic", (current_pic+1)+'/'+max_items); 
		}	
		$(".button_pic_prev").val(prev_picID);
		$(".button_pic_next").val(next_picID);
		$(".button_pic_next").attr("disabled", "disabled"); // Disable-re allitjuk a gombot
		$("#numPic").text($("#numPic").data("curPic"));
		
		var previous_pic = parseInt($('.button_pic_prev').val());
		var next_pic = parseInt($('.button_pic_next').val());
		var picID = $('#picID').val();
		var picSize = $('#picSize').val();
		if(picSize==1){
			$('#pic_small').fadeOut('slow', function(){ AjaxLoadPic('loadpic',next_pic,1,'pic_small',1); $(".button_pic_next").attr("disabled", ""); });
		} else if(picSize==2){
			$('#pic_mid').fadeOut('slow', function(){ AjaxLoadPic('loadpic',next_pic,2,'pic_mid',1); $(".button_pic_next").attr("disabled", ""); });
		} else if(picSize==3){
			$('#pic_big').fadeOut('slow', function(){ AjaxLoadPic('loadpic',next_pic,3,'pic_big',1); $(".button_pic_next").attr("disabled", ""); });
		}
	});	
	// Nagyitas
	$('.button_gallery_zoomin').click(function (e) {
		e.preventDefault();
		var picID = $('#picID').val();
		var picSize = $('#picSize').val();
		if(picSize==1){
			$('#pic_small').fadeOut('slow',function(){ AjaxLoadPic('loadpic',picID,2,'pic_mid'); });
		} else if(picSize==2){
			$('#pic_mid').fadeOut('slow',function(){ AjaxLoadPic('loadpic',picID,3,'pic_big'); });
		} else if(picSize==3){
			//
		}
	});
	// Kicsinyites
	$('.button_gallery_zoomout').click(function (e) {
		e.preventDefault();
		var picID = $('#picID').val();
		var picSize = $('#picSize').val();
		if(picSize==1){
			//
		} else if(picSize==2){
			$('#pic_mid').fadeOut('slow',function(){ AjaxLoadPic('loadpic',picID,1,'pic_small'); });
		} else if(picSize==3){
			$('#pic_big').fadeOut('slow',function(){ AjaxLoadPic('loadpic',picID,2,'pic_mid'); });
		}
	});
	// Vissza a legkisebb kepre
	$('.button_gallery_up').click(function (e) {
		e.preventDefault();
		var picID = $('#picID').val();
		var picSize = $('#picSize').val();
		if(picSize==1){
			//
		} else if(picSize==2){
			$('#pic_mid').fadeOut('slow',function(){ AjaxLoadPic('loadpic',picID,1,'pic_small'); });
		} else if(picSize==3){
			$('#pic_big').fadeOut('slow',function(){ AjaxLoadPic('loadpic',picID,1,'pic_small'); });
		}
	});	
	// Thumbok ujra megtekintese
	$('.button_gallery_thumbs').click(function (e) {
		e.preventDefault();
		$('.button_gallery_up').fadeOut('slow');
		$('.button_gallery_thumbs').fadeOut('slow');
		$('.gallery_zoom').fadeOut('slow');
		$('.picture_paging').fadeOut('slow');
		$('#pic_small').fadeOut('slow');$('#pic_mid').fadeOut('slow');$('#pic_big').fadeOut('slow');
		setTimeout(function(){
			// Kep DIV-ek kiuritese
			$('#pic_small').empty(); $('#pic_mid').empty(); $('#pic_big').empty();
			$('#img_list').fadeIn('slow');
			$('#g_content_footer ul').fadeIn('slow');
			$('.gallery_paging').fadeIn('slow');
		}, 500);
	});
	// Hirek tolto
	$('#news_right ul li').click(function (e){
		e.preventDefault();
		var newsID = $(this).attr('id');
		// Kicsereljuk  class-t a mar kijelolteken
		$('#news_right ul li').filter(function(){
			return $(this).attr('class','news_list_selected');
		}).each(function(){
			$(this).removeClass("news_list_selected").addClass("news_list");
		});
		$(this).removeClass('news_list').addClass('news_list_selected');
		$(this).fadeOut('fast').fadeIn('slow'); // Egy kis villanas stilus valtaskor
		$('#news_content').scrollTo('#news'+newsID,800,{easing:'swing'});
		/* Szurt listazas
		$('#news_content').fadeOut('fast', function(){ 
			$('#news_content').load('includes/common.php?ajaxrqst=load_news&newsID='+newsID,function(){
				$('#news_content').fadeIn('fast');
			});
		});
		*/
	});
	
	/* SHOP */
	// Reszletek ablak megnyitasa
	$('.shop_thumb li',this).click(function (e) {
		e.preventDefault();
		var thumbID = $(this).attr('id');
		var openedRow = $('#openedRow');
		var rowID = $(this).parent().attr('id');
		var section = $('#section');
		var cHeight = $(this).attr('value'); // Az ablak merete
		
		 // Megnyitott reszletek
		if(openedRow.val()==0 && thumbID>0){ // Ha nincsen nyitva egy sor sem. Az offsetek nem kattinthatoak
			$('#detail'+rowID).slideDown('slow', function(){ // Megnyitja az uj sort
				$('#detail'+rowID).load('includes/common.php?ajaxrqst=shop_details&pID='+thumbID,function(){ LoadAfterShow(rowID); });
				$.scrollTo('#detail'+rowID,800,{offset:-179,easing:'swing'});
			});
			section.val('product');
			openedRow.val(rowID);
		} else if(openedRow.val()!=rowID && thumbID>0){ // Ha mar van nyitott sor
			$('#detail'+openedRow.val()).slideUp('slow', function(){ // Miutan osszezar, futnak le az alabbi funkciok
				$('#detail'+openedRow.val()+' .shop_detail_content').empty(); // Torli az adatot
				$('#detail'+rowID).slideDown('slow', function(){ // Megnyitja az uj sort
					$('#detail'+rowID).load('includes/common.php?ajaxrqst=shop_details&pID='+thumbID,function(){ LoadAfterShow(rowID); });
					$.scrollTo('#detail'+rowID,800,{offset:-179,easing:'swing'});
				});
				section.val('product');
				openedRow.val(rowID);	// Beirja a nyitott sor ID-jet			
			});
		} else if(section.val()!='product'){ // Ha mas szekcioban volt
			$('#detail'+openedRow.val()).slideUp('slow', function(){ // Miutan osszezar, futnak le az alabbi funkciok
				$('#detail'+openedRow.val()+' .shop_detail_content').empty(); // Torli az adatot
				$('#detail'+rowID + ' .shop_detail_content').attr('style','min-height: '+cHeight+'px;');
				$('#detail'+rowID).slideDown('slow', function(){ // Megnyitja az uj sort
					$('#detail'+rowID).load('includes/common.php?ajaxrqst=shop_details&pID='+thumbID,function(){ LoadAfterShow(rowID); });
					$.scrollTo('#detail'+rowID,800,{offset:-179,easing:'swing'});
				});
				section.val('product');
				openedRow.val(rowID);	// Beirja a nyitott sor ID-jet			
			});
		} else if(thumbID>0){
			section.val('product'); 
			$('#detail'+rowID).load('includes/common.php?ajaxrqst=shop_details&pID='+thumbID,function(){ LoadAfterShow(rowID); }); 
			$.scrollTo('#detail'+rowID,800,{offset:-179,easing:'swing'});
		}
	});
	// Kosar megnyitasa a fenti menubol
	$('#cekker').click(function (e) {
		e.preventDefault();
		var userID = $('#userID').val();
		var openedRow = $('#openedRow');
		var section = $('#section');
		var cHeight = $(this).attr('value'); // Az ablak merete
		
		if(openedRow.val()==0){ // Elso oldalbetoltes
			$('#detail1 .shop_detail_content').attr('style','min-height: '+cHeight+'px;');
			$('#detail1').slideDown('slow',function(){
				$('#detail1').load('includes/common.php?ajaxrqst=shop_cart&section=cart&uID='+userID,function(){
					LoadAfterShow(1);
					getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',10,true);
				});
				$.scrollTo('#detail1',800,{offset:-179,easing:'swing'});
			});
			openedRow.val(1);
			section.val('cart');
		} else if(openedRow.val()==1 && section.val()=='cart'){ // Ha benne van mar
			$.scrollTo('#detail1',800,{offset:-179,easing:'swing'});
		} else {
			$('#detail'+openedRow.val()).slideUp('slow',function(){
				$('#detail'+openedRow.val()+' .shop_detail_content').empty(); // Torli az adatot												 
				$('#detail1 .shop_detail_content').attr('style','min-height: '+cHeight+'px;');
				$('#detail1').slideDown('slow', function(){ // Megnyitja az uj sort
					$('#detail1').load('includes/common.php?ajaxrqst=shop_cart&section=cart&uID='+userID,function(){
						LoadAfterShow(1);
						getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',10,true);
					});
					$.scrollTo('#detail1',800,{offset:-179,easing:'swing'});
				});
			});
			openedRow.val(1);
			section.val('cart');
		}
	});
	// Meret meghatarozasa
	function getCartHeight(divMain,divLeft,divRight,TBmargin,table){
		var LeftHeight = $(divLeft).height();
		var RightHeight = $(divRight).height();
		
		if(LeftHeight>=RightHeight){
			var Height = LeftHeight;
			var mainHeight = LeftHeight+TBmargin;
		} else {
			var Height = RightHeight;
			var mainHeight = RightHeight+TBmargin;
		}
		if(table==true){
			var TableHeight = $(divMain+' table').height();
			var TableMargin = mainHeight-TableHeight-63;
			$(divMain+' table').attr('style','margin-bottom: '+TableMargin+'px;');
		}
		//$(divMain).attr('style','min-height: '+mainHeight+'px;');
		$(divLeft).attr('style','min-height: '+Height+'px;');
		$(divRight).attr('style','min-height: '+Height+'px;');
	}
	// Ajax lefutas utan. Megnyitott ablakok
	function LoadAfterShow(rowID){
		// Kosarba dobas
		$('.button_addtocart').click(function (e) {
			e.preventDefault();
			var userID = $('#userID').val();
			var pID = $('#pID').val();
			var attrID = $(this).attr('id');
			var section = $('#section');
			var cHeight = $(this).attr('value'); // Az ablak merete
			
			$('#cart_action').load('includes/common.php?ajaxrqst=add_to_cart&pID='+pID+'&attrID='+attrID+'&qty=1');
			$('#detail'+rowID).slideUp('slow',function(){
				$('#detail'+rowID+' .shop_detail_content').empty(); // Torli az adatot												 
				$('#detail1 .shop_detail_content').attr('style','min-height: '+cHeight+'px;');
				$('#detail1').slideDown('slow', function(){ // Megnyitja az uj sort
					$('#detail1').load('includes/common.php?ajaxrqst=shop_cart&section=cart&uID='+userID,function(){
						LoadAfterShow(1);
						getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',10,true);
					});
					$.scrollTo('#detail1',800,{offset:-179,easing:'swing'});
				});
			});
			$('#openedRow').val(1);
			$('#section').val('cart');
		});
		// Mennyiseg valtoztatas
		$('.button_qty').click(function (e) {
			e.preventDefault();
			var action = $(this).attr('id');
			var rowID = $(this).parent().attr('id');
			var tmpID = $('#product_id'+rowID).val();
			var attrID = $('#attribute_id'+rowID).val();
			var qty = parseInt($('#qty'+rowID).val());
			var tableRow = '#tableRow'+rowID;
			if(action=='increase'){
				var new_qty = qty+1;
			} else if(action=='decrease'){
				var new_qty = qty-1;
			}
			$('#cart_action').load('includes/common.php?ajaxrqst=add_to_cart&change=true&tmpID='+tmpID+'&attrID='+attrID+'&qty='+new_qty,function(){
				if(new_qty>0){
					$('#qty'+rowID).val(new_qty);
					$(tableRow).fadeOut('slow',function(){ // Frisstijuk az ertekeket
						$(tableRow+' #qty_value').data("new_qty", new_qty+' db');
						$(tableRow+' #qty_value').text($(tableRow+' #qty_value').data("new_qty"));
						$(tableRow).fadeIn('slow');
						getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',10,true);
					});
				} else { // Ha nulla az ertek, akkor toroljuk a sort es a megrendeles gombot
					$('#qty'+rowID).remove();
					$(tableRow).fadeOut('slow',function(){
						$(tableRow).remove();
						getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',10,true);
						if($('.shop_cart_right table tr').length==0){
							$('#detail1').slideUp('slow',function(){
								$('#detail1').load('includes/common.php?ajaxrqst=shop_cart&section=cart&uID='+$('#userID').val(),function(){
									$('#detail1').slideDown('slow',function(){
										getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',10,true);
									});
									LoadAfterShow(1);
									$.scrollTo('#detail1',800,{offset:-179,easing:'swing'});
								});										  
							});					
						}
					});
					
				}
			});
		});
		// Tovabb a megrendeles befejezesehez
		$('.button_checkout').click(function (e) {
			e.preventDefault();
			if(!$('#userID').val()){
				Figyelmeztetes("Vásárláshoz be kell, hogy lépj!", function (){
					$('#username').focus(); return false;
				});
			} else {
				$('#detail1').slideUp('slow',function(){
					$('#detail1').load('includes/common.php?ajaxrqst=shop_cart&section=checkout&uID='+$('#userID').val(),function(){
						$('#detail1').slideDown('slow',function(){
							getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',-240,true);
						});
						LoadAfterShow(1);
						$.scrollTo('#detail1',800,{offset:-179,easing:'swing'});
					});										  
				});
			}
		});
		// Vissza a kosarhoz
		$('.button_checkout_back').click(function (e) {
			e.preventDefault();
			$('#detail1').slideUp('slow',function(){
				$('#detail1 .shop_detail_content').empty(); // Torli az adatot
				$('#detail1').load('includes/common.php?ajaxrqst=shop_cart&section=cart&uID='+$('#userID').val(),function(){
					$('#detail1').slideDown('slow',function(){
						getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',10,true);
					});
					LoadAfterShow(1);
					$.scrollTo('#detail1',800,{offset:-179,easing:'swing'});
				});
			});
		});
		// Megrendeles befejezese
		$('.button_checkout_finish').click(function (e) {
			e.preventDefault();
			if($('#saveDatas').is(':checked')){ // Mentsuk-e az adatokat
				var save = 1;
			} else {
				var save = 0;
			}
			
			// Szallitasi adatok
			var fullname = $('#fullname').val();
			var d_telepules_id = $('#d_telepules_id').val();
			var d_cim = $('#d_cim').val();
			 // Szamlazasi adatok
			var f_fullname = $('#f_fullname').val();
			var telepules_id = $('#telepules_id').val();
			var cim = $('#cim').val();
			var email = $('#email');
			var phone = $('#phone').val();
			var comment = $('#comment').val();
			
			text_invemail = "Kérlek, adj meg érvényes e-mail címet!";
			var at="@";
			var dot=".";
			var lat=email.val().indexOf(at);
			var lstr=email.val().length;
			var ldot=email.val().indexOf(dot);
			var validChars = /^([a-zA-Z0-9])(([a-zA-Z0-9])*([\._-])?([a-zA-Z0-9]))*@(([a-zA-Z0-9\-])+(\.))+([a-zA-Z]{2,4})+$/;
			
			if(!fullname){
				Figyelmeztetes("Megrendeléshez meg kell adnod a teljes neved!", function (){
					$('#fullname').focus(); return false;
				});
			} else if(!d_telepules_id){
				Figyelmeztetes("Megrendeléshez meg kell adnod az irányítószámot, ill. ki kell választanod a települést (ha ez lehetséges)!", function (){
					$('#d_telepules_id').focus(); return false;
				});
			} else if(!d_cim){
				Figyelmeztetes("Megrendeléshez meg kell adnod az utca nevét, ill. a házszámot!", function (){
					$('#d_cim').focus(); return false;
				});
			} else if(!cim && telepules_id){
				Figyelmeztetes("Kérlek, add meg a számlázási cím utca nevét, ill. házszámát!", function (){
					$('#cim').focus(); return false;
				});
			} else if(!email.val()){
				Figyelmeztetes("Megrendeléshez meg kell adnod az e-mail címed!", function (){
					$('#email').focus(); return false;
				});
			} else if(email.val() && email.val().indexOf(at)==-1){
				Figyelmeztetes(text_invemail, function (){
					email.focus(); return false;
				});
			} else if(email.val() && (email.val().indexOf(at)==-1 || email.val().indexOf(at)==0 || email.val().indexOf(at)==lstr)){
					Figyelmeztetes(text_invemail, function (){
						email.focus(); return false;
					});
			} else if(email.val() && (email.val().indexOf(dot)==-1 || email.val().indexOf(dot)==0 || email.val().indexOf(dot)==lstr)){
				Figyelmeztetes(text_invemail, function (){
					email.focus(); return false;
				});
			} else if(email.val() && email.val().indexOf(at,(lat+1))!=-1){
				Figyelmeztetes(text_invemail, function (){
					email.focus(); return false;
				});
			} else if(email.val() && (email.val().substring(lat-1,lat)==dot || email.val().substring(lat+1,lat+2)==dot)){
				Figyelmeztetes(text_invemail, function (){
					email.focus(); return false;
				});
			} else if(email.val() && email.val().indexOf(dot,(lat+2))==-1){
				Figyelmeztetes(text_invemail, function (){
					email.focus(); return false;
				});
			} else if(email.val() && email.val().indexOf(" ")!=-1){
				Figyelmeztetes(text_invemail, function (){
					email.focus(); return false;
				});
			} else if(email.val() && lstr-ldot<=2){
				Figyelmeztetes(text_invemail, function (){
					email.focus();  return false;
				});
			} else if(email.val() && email.val().search(validChars)==-1){
				Figyelmeztetes(text_invemail, function (){
					email.focus(); return false;
				});
			} else {			
				$('#detail1').slideUp('slow',function(){
					$('#detail1 .shop_detail_content').empty();
					$.ajax({
						type: "POST",
						url: "includes/common.php",
						// E-mail kuldes
						data: 'ajaxrqst=finish_order&uID='+$('#userID').val()+'&save='+save+'&fullname='+fullname+'&d_telepules_id='+d_telepules_id+'&d_cim='+d_cim+'&f_fullname='+f_fullname+'&telepules_id='+telepules_id+'&cim='+cim+'&email='+email.val()+'&phone='+phone+'&comment='+comment,
						success:
							function(){
								$('#detail1').load('includes/common.php?ajaxrqst=shop_cart&section=cart&uID='+$('#userID').val(),function(){
									$('#detail1').slideDown('slow',function(){
										getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',10,true);
									});
									LoadAfterShow(1);
									$.scrollTo('#detail1',800,{offset:-179,easing:'swing'});
									Figyelmeztetes('Köszönjük megrendelésed!<br />A róla szóló bizonylatot elküldtük e-mailben.');
								});
							}
					});
				});
			}
		});		
		// Megrendeles torlese
		$('.button_checkout_cancel').click(function (e) {
			e.preventDefault();
			Figyelmeztetes("Biztos vagy benne, hogy törölni szeretnéd a megrendelésed!", function (){
				$('#detail1').slideUp('slow',function(){
					$('#detail1').load('includes/common.php?ajaxrqst=shop_cart&section=cancel&uID='+$('#userID').val(),function(){
						$('#detail1').slideDown('slow',function(){
							getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',10,true);
						});
						LoadAfterShow(1);
						$.scrollTo('#detail1',800,{offset:-179,easing:'swing'});
					});
				});
			},true);			
		});
		// Shop bejelentkezes
		$('.button_login_shop').click(function (e) {
			e.preventDefault();
			var defUsernameText = 'felhasználónév...';
			var defPasswordText = 'jelszó...';
			var username = $('#username').val();
			var password = $('#password').val();
			if(!username || username==defUsernameText){
				Figyelmeztetes("Bejelentkezéshez meg kell adnod a felhasználóneved!", function (){
					$('#username').focus(); return false;
				});
			} else if(!password || password==defPasswordText){
				Figyelmeztetes("Bejelentkezéshez meg kell adnod a jelszavad!", function (){
					$('#password').focus(); return false;
				});				
			} else {
				$('#cart_action').load('includes/common.php?ajaxrqst=shop_login&username='+username+'&password='+password,function(){
					if($('#userID').val()){
						$('#detail1').load('includes/common.php?ajaxrqst=shop_cart&section=cart&uID='+$('#userID').val(),function(){
							LoadAfterShow(1);
							getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',20,true);
						});									  
					} else {
						Figyelmeztetes("Sajnálom, de a bejelentkezési adatok nem megfelelőek!", function (){
							$('#username').focus(); return false;
						});
					}
				});
			}
		});
		// Shop kijelentkezes
		$('.button_logout_shop').click(function (e) {
			e.preventDefault();
			$('#cart_action').load('includes/common.php?ajaxrqst=shop_logout',function(){
				$('#detail1').load('includes/common.php?ajaxrqst=shop_cart&section=cart&uID='+$('#userID').val(),function(){
					LoadAfterShow(1);
					getCartHeight('.shop_detail_content','.shop_cart_left','.shop_cart_right',10,true);
				});
			});
		});
		// Felhasznalonev es jelszomezo torlese / visszaallitasa
		$('#username').focus(function(){
			var input = $('#username');
			var defValue = 'felhasználónév...';
			if(input.val()==defValue){ input.val(''); }
		});
		$('#username').blur(function(){
			var input = $('#username');
			var defValue = 'felhasználónév...';
			if(!input.val()){ input.val(defValue); }
		});
		$('#password').focus(function(){
			var input = $('#password');
			var defValue = 'jelszó...';
			if(input.val()==defValue){ input.val(''); }
			document.getElementById('password').setAttribute('type','password');
		});
		$('#password').blur(function(){
			var input = $('#password');
			var defValue = 'jelszó...';
			if(!input.val()){ document.getElementById('password').setAttribute('type','text'); input.val(defValue); }
		});
		// Jelszoemlekezteto
		$('#forgot_password').click(function (e) {
			e.preventDefault();
			$(".shop_cart_left").load('includes/common.php?ajaxrqst=shop_forgot_password',function(){
				LoadAfterShow(1);
				$('#fp_email').focus(function(){
					var input = $('#fp_email');
					var defValue = 'e-mail cím...';
					if(input.val()==defValue){ input.val(''); }
				});
				$('#fp_email').blur(function(){
					var input = $('#fp_email');
					var defValue = 'e-mail cím...';
					if(!input.val()){ input.val(defValue); }
				});
			});
		});
		$('#send_password').click(function (e) {
			e.preventDefault();
			var email = $('#fp_email');
			text_invemail = "Kérlek, adj meg érvényes e-mail címet!";
			var at="@";
			var dot=".";
			var lat=email.val().indexOf(at);
			var lstr=email.val().length;
			var ldot=email.val().indexOf(dot);
			var validChars = /^([a-zA-Z0-9])(([a-zA-Z0-9])*([\._-])?([a-zA-Z0-9]))*@(([a-zA-Z0-9\-])+(\.))+([a-zA-Z]{2,4})+$/;			
			if(email.val()=='e-mail cím...'){
				Figyelmeztetes("A jelszó elküldéséhez meg kell adnod a regisztrált e-mail címed!", function (){
					email.focus(); return false;
				});
			} else if(email.val() && email.val().indexOf(at)==-1){
				Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
				});
			} else if(email.val() && (email.val().indexOf(at)==-1 || email.val().indexOf(at)==0 || email.val().indexOf(at)==lstr)){
				Figyelmeztetes(text_invemail, function (){
					email.focus(); return false;
				});
			} else if(email.val() && (email.val().indexOf(dot)==-1 || email.val().indexOf(dot)==0 || email.val().indexOf(dot)==lstr)){
				Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
				});
			} else if(email.val() && email.val().indexOf(at,(lat+1))!=-1){
				Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
				});
			} else if(email.val() && (email.val().substring(lat-1,lat)==dot || email.val().substring(lat+1,lat+2)==dot)){
				Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
				});
			} else if(email.val() && email.val().indexOf(dot,(lat+2))==-1){
				Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
				});
			} else if(email.val() && email.val().indexOf(" ")!=-1){
				Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
				});
			} else if(email.val() && lstr-ldot<=2){
				Figyelmeztetes(text_invemail, function (){
				email.focus();  return false;
				});
			} else if(email.val() && email.val().search(validChars)==-1){
				Figyelmeztetes(text_invemail, function (){
				email.focus(); return false;
				});
			} else {
				$(".shop_cart_left").load('includes/common.php?ajaxrqst=shop_send_password&fp_email='+$('#fp_email').val());
				setTimeout(function(){
					$('#detail1').load('includes/common.php?ajaxrqst=shop_cart&section=cart&uID='+$('#userID').val(),function(){
						LoadAfterShow(1);
					});
				},5000);
			}	
		});		
		/* Buborekablak, muszaj ujra betolteni */
		$(function () {
		  $('.bubbleInfo4').each(function () {
			// options
			var top_size = parseInt($(this).attr('id')*(-1));
			var left_size = 5;
			var distance = 2;
			var time = 250;
			var hideDelay = 500;
		
			var hideDelayTimer = null;
		
			// tracker
			var beingShown = false;
			var shown = false;
			
			var trigger = $('.trigger', this);
			var popup = $('.popup', this).css('opacity', 0);
		
			// set the mouseover and mouseout on both element
			$([trigger.get(0), popup.get(0)]).mouseover(function () {
			  // stops the hide event if we move from the trigger to the popup element
			  if (hideDelayTimer) clearTimeout(hideDelayTimer);
		
			  // don't trigger the animation again if we're being shown, or already visible
			  if (beingShown || shown) {
				return;
			  } else {
				beingShown = true;
		
				// reset position of popup box
				popup.css({
				  top: top_size,
				  left: left_size,
				  display: 'block' // brings the popup back in to view
				})
		
				// (we're using chaining on the popup) now animate it's opacity and position
				.animate({
				  top: '-=' + distance + 'px',
				  opacity: 1
				}, time, 'swing', function() {
				  // once the animation is complete, set the tracker variables
				  beingShown = false;
				  shown = true;
				});
			  }
			}).mouseout(function () {
			  // reset the timer if we get fired again - avoids double animations
			  if (hideDelayTimer) clearTimeout(hideDelayTimer);
			  
			  // store the timer so that it can be cleared in the mouseover if required
			  hideDelayTimer = setTimeout(function () {
				hideDelayTimer = null;
				popup.animate({
				  top: '-=' + distance + 'px',
				  opacity: 0
				}, time, 'swing', function () {
				  // once the animate is complete, set the tracker variables
				  shown = false;
				  // hide the popup entirely after the effect (opacity alone doesn't do the job)
				  popup.css('display', 'none');
				});
			  }, hideDelay);
			});
		  });
		});
	}
});

// Figyelmezteto modal ablak
function Figyelmeztetes(message, callback, isConfirm) {
	if(isConfirm==true){
		$('#simplemodal_cancel').show();
	} else {
		$('#simplemodal_cancel').hide();
	}	
	$('#confirm').modal({
		onOpen: function (dialog) {
			dialog.overlay.fadeIn('fast', function () {
				dialog.data.show();
				dialog.container.fadeIn('fast', function () {
					dialog.data.fadeIn('fast');
				});
			});
		},
		closeHTML: "<a href='#' title='Bezár' class='modal-close'>x</a>",
		position: ["40%",],
		overlayId: 'confirm-overlay',
		containerId: 'confirm-container', 
		onShow: function (dialog) {
			$('.message', dialog.data[0]).append(message);

			// if the user clicks "yes"
			$('.ok', dialog.data[0]).click(function () {
				// call the callback
				if ($.isFunction(callback)) {
					callback.apply();
				}
				// close the dialog
				$.modal.close();
			});
		}
	});
}

/* Buborekablak */
$(function () {
  $('.bubbleInfo, .bubbleInfo2, .bubbleInfo3, .bubbleInfo_gallery_last').each(function () {
    // options
	var top_size = parseInt($(this).attr('id')*(-1));
	var left_size = 5;
    var distance = 2;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('.trigger', this);
    var popup = $('.popup', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup.css({
          top: top_size,
          left: left_size,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});