// PIATO.hu új oldal - js

$(document).ready(function() {
	// Handler for .ready() called.
	// az ikoncsuszkák szélességét már a legelején betöltjük az ikonszámok alapján PHP ban számoltatva
	if (csaladElotagKodbol != 'markak') {
		// termékek kezelése
		document.getElementById('felsocsuszkabeleulogarn').style.width = ugcsdivwidth + "px";
		document.getElementById('felsocsuszkabeletap').style.width = tapdivwidth + "px";	
	} else {
		// márkák kezelése
		document.getElementById('felsocsuszkabelemarkak').style.width = markakdivwidth  + "px";
	}

	// katid alapján a PHP rakja bele a fejben az $egyediJs
	csuszkaBejon(csaladElotagKodbol);
});


var felulrojBejottE = 0;
var csuszkaltE = 0;

// CSUSZKA IKONOK ANIMÁLTAN BEJÖNNEK >>>
function csuszkaBejon (csaladElotag) {
	if ( (csuszkaltE == 0) && (felulrojBejottE == 0) ) {
		// ha még nem mozgattuk el a csuszkát a valós ikonokkal sehova, akkor felülről jövünk be
		function felulrolBe0(csaladElotag) { // első ikon
			var csaladElotagX = csaladElotag+'0';
			$('#'+csaladElotagX).delay(10).animate({
					top: '+=140px',
					left: '-=60px'
				}, {
					duration: 1000,
					specialEasing: {
					  top: 'easeOutBack',
					  left: 'linear'
				},
					complete: function() {
					  $(this).after();
				}
			});
		}
		function felulrolBe1(csaladElotag) { // második ikon
			var csaladElotagX = csaladElotag+'1';
			$('#'+csaladElotagX).delay(200).animate({
					top: '+=140px',
					left: '-=40px'
				}, {
					duration: 1000,
					specialEasing: {
					  top: 'easeOutBack',
					  left: 'linear'
				},
					complete: function() {
					  $(this).after();
				}
			});
		}
		function felulrolBe2(csaladElotag) { // harmadik ikon
			var csaladElotagX = csaladElotag+'2';
			$('#'+csaladElotagX).delay(400).animate({
					top: '+=140px',
					left: '-=20px'
				}, {
					duration: 1000,
					specialEasing: {
					  top: 'easeOutBack',
					  left: 'linear'
				},
					complete: function() {
					  $(this).after();
				}
			});
		}
		function felulrolBe3(csaladElotag) { // negyedik ikon
			var csaladElotagX = csaladElotag+'3';
			$('#'+csaladElotagX).delay(600).animate({
					top: '+=140px',
					left: '+=20px'
				}, {
					duration: 1000,
					specialEasing: {
					  top: 'easeOutBack',
					  left: 'linear'
				},
					complete: function() {
					  $(this).after();
				}
			});
		}
		function felulrolBe4(csaladElotag) { // ötödik ikon
			var csaladElotagX = csaladElotag+'4';
			$('#'+csaladElotagX).delay(800).animate({
					top: '+=140px',
					left: '+=40px'
				}, {
					duration: 1000,
					specialEasing: {
					  top: 'easeOutBack',
					  left: 'linear'
				},
					complete: function() {
					  $(this).after();
				}
			});
		}
		function felulrolBe5(csaladElotag) { // hatodik ikon
			var csaladElotagX = csaladElotag+'5';
			$('#'+csaladElotagX).delay(1000).animate({
					top: '+=140px',
					left: '+=60px'
				}, {
					duration: 1000,
					specialEasing: {
					  top: 'easeOutBack',
					  left: 'linear'
				},
					complete: function() {
					  $(this).after();
				}
			});
		}

		// behozzuk a kamuikonokat
		felulrolBe0(csaladElotag);
		felulrolBe1(csaladElotag);
		felulrolBe2(csaladElotag);
		felulrolBe3(csaladElotag);
		felulrolBe4(csaladElotag);
		felulrolBe5(csaladElotag);
		// felülről bejött már a csuszka
		felulrojBejottE = 1;
		// kamucsuszka eltüntetés, valódi megmutatása
		//document.getElementById('felsocsuszkabelsokeretbele').style.display = "block";
		//document.getElementById('felsocsuszkabelsokeretbeleanim').style.display = "none";
		
		switch ( csaladElotagKodbol ) {
			case 'ugcs':
				$('#felsocsuszkabelsokeretbeleulogarn').delay(2400).hide({
				});
				$('#felsocsuszkabeleulogarn').delay(1950).show({
				});
				$('#abcsorUgcs').delay(2000).show(
				"fast"
				);
				csuszkaId = 'felsocsuszkabeleulogarn';
				abcCsuszkaId = 'abcsorUgcs';		
				vegeikonszam = ugcsvegeikonszam;
				csaladokszama = ugcsaladokszama;
				document.getElementById('termkatcsuszkanyil').style.left = 195 + "px";
			break;
			case 'tap':
				$('#felsocsuszkabelsokeretbeletapeta').delay(2400).hide({
				});
				$('#felsocsuszkabeletap').delay(1950).show({
				});
				$('#abcsorTap').delay(2000).show(
				"fast"
				);
				csuszkaId = 'felsocsuszkabeletap';
				abcCsuszkaId = 'abcsorTap';		
				vegeikonszam = tapvegeikonszam;
				csaladokszama = tapcsaladokszama;
				document.getElementById('termkatcsuszkanyil').style.left = 703 + "px";
			break;
			case 'markak':
				$('#felsocsuszkabelsokeretbelemarkak').delay(2400).hide({
				});
				$('#felsocsuszkabelemarkak').delay(1950).show({
				});
				$('#abcsorTermcs').delay(2000).show(
				"fast"
				);
				csuszkaId = 'felsocsuszkabelemarkak';
				abcCsuszkaId = 'abcsorTermcs';		
				vegeikonszam = markakvegeikonszam;
				csaladokszama = markakcsaladokszama;
			break;
		}
	}	
	
}
// <<< CSUSZKA IKONOK ANIMÁLTAN BEJÖNNEK



// TERMÉKKÖR VÁLTÁS A TERMÉKMENÜRE KATTINTÁSSAL >>>
	// ikonnyilacska mozgatásának előkészítése >>>
	var e = 0;
	var cp = 0;
	var animMuvelet = "+=";
	var celnyilpozAtad = 0;
	var aktnyilpoz = 208;
	var celnyilpoz = 0;
	function nyilatMozgat (celnyilpozAtad) {
		if ( aktnyilpoz < celnyilpozAtad ) {
			e = celnyilpozAtad - aktnyilpoz;
			cp = "+="+e+"px";
		}
		if ( aktnyilpoz > celnyilpozAtad ) {
			e = aktnyilpoz - celnyilpozAtad;
			cp = "-="+e+"px";
		}
		if ( aktnyilpoz = celnyilpozAtad ) {
			e = aktnyilpoz;
			cp = "="+aktnyilpoz+"px";
		}
		cp = celnyilpozAtad;
		aktnyilpoz = e;
		return aktnyilpoz;
		return cp;
		return celnyilpozAtad;
	}
	// <<<ikonnyilacska mozgatásának előkészítése
	
	// termékkör menüpontok formázásának váltása >>>
	function termekkorMenuVisszaFormaz () {
		document.getElementById('ulogarniturak').className = 'termkatmenu';
		document.getElementById('klasszikus_fa_butorok').className = 'termkatmenu';
		document.getElementById('matracok').className = 'termkatmenu';
		document.getElementById('agyracsok').className = 'termkatmenu';
		document.getElementById('haloszoba_butorok').className = 'termkatmenu';
		document.getElementById('tapeta').className = 'termkatmenu';
	}	
	// <<< termékkör menüpontok formázásának váltása
	
	// termékkörváltás a menüre kattintással >>>
	function termekkorValt(termekkorNeve) {
		// termékkört megkapjuk a menüpontra kattintva
		// átmozgatjuk a kis nyilacskát
		// átváltjuk a családok csuszkáját
		// alapra állítjuk és később formázzuk a termkatmenü gombjait
		termekkorMenuVisszaFormaz();
		document.getElementById(termekkorNeve).className = 'termkatmenuaktiv';
		// blokk, ami a nyílváltást és a csuszkamozgatást engedélyezi, ha nem arra az ikonra kattintunk, amin állunk
		var csuszkaBlokk = 1;
		
		switch ( termekkorNeve ) {
		// termékkörváltások kezelése, menü, csuszkák mozgatások kezelésével
			case 'ulogarniturak':
			// ez csak akkor futhat le, ha a nem pont itt állunk
			if ( csuszkaId != 'felsocsuszkabeleulogarn' ) {
				celnyilpoz = 195;
				ikoncsuszkapoz = 0;
				elejeikonszam = 0;
				vegeikonszam = ugcsvegeikonszam;
				csaladokszama = ugcsaladokszama;
				document.getElementById('felsocsuszkabeleulogarn').style.left = ikoncsuszkapoz + "px";
				nyilatMozgat(celnyilpoz);
					$('#felsocsuszkabeleulogarn').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+csuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// abccsuszka csere
					$('#abcsorUgcs').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+abcCsuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap jelenlegi tartalmát eltünteti
					$('#'+nyitolapTartalom).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap új tartalmát rakja ki
					$('#ulugarnnyito').fadeIn('slow', function() {
						// Animation complete
					});
					csuszkaId = 'felsocsuszkabeleulogarn';
					abcCsuszkaId = 'abcsorUgcs';
					nyitolapTartalom='nyitotartUgcs';		
				// ikoncyere és csuszkacsere blokk kiold
				csuszkaBlokk = 0;
			}	
			break;
			
			case 'klasszikus_fa_butorok':
			// ez csak akkor futhat le, ha a nem pont itt állunk
			if ( csuszkaId != 'felsocsuszkabeleklasszik' ) {
				celnyilpoz = 327;
				ikoncsuszkapoz = 0;
				elejeikonszam = 0;
				vegeikonszam = kiegvegeikonszam;
				//document.getElementById('felsocsuszkabeleklasszik').style.left = ikoncsuszkapoz + "px";
				nyilatMozgat(celnyilpoz);
					$('#felsocsuszkabeleklasszik').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+csuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// abccsuszka csere
					$('#abcsorKlasszik').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+abcCsuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap jelenlegi tartalmát eltünteti
					$('#'+nyitolapTartalom).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap új tartalmát rakja ki
					$('#klasszikusfanyito').fadeIn('slow', function() {
						// Animation complete
					});
					csuszkaId = 'felsocsuszkabeleklasszik';
					abcCsuszkaId = 'abcsorKlasszik';	
					nyitolapTartalom='klasszikusfanyito';	
					// ikoncsere és csuszkacsere blokk kiold
					csuszkaBlokk = 0;
			}
			break;
			
			case 'matracok':
			if ( csuszkaId != 'felsocsuszkabelematrac' ) {
				celnyilpoz = 440;
				ikoncsuszkapoz = 0;
				elejeikonszam = 0;
				vegeikonszam = ugcsvegeikonszam;
				//document.getElementById('felsocsuszkabelematrac').style.left = ikoncsuszkapoz + "px";
				nyilatMozgat(celnyilpoz);
					$('#felsocsuszkabelematrac').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+csuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// abccsuszka csere
					$('#abcsorMatr').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+abcCsuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap jelenlegi tartalmát eltünteti
					$('#'+nyitolapTartalom).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap új tartalmát rakja ki
					$('#matracoknyito').fadeIn('slow', function() {
						// Animation complete
					});
					csuszkaId = 'felsocsuszkabelematrac';
					abcCsuszkaId = 'abcsorMatr';	
					nyitolapTartalom='matracoknyito';	
					// ikoncsere és csuszkacsere blokk kiold
					csuszkaBlokk = 0;
			}
			break;
			
			case 'agyracsok':
			if ( csuszkaId != 'felsocsuszkabeleagyracs' ) {
				celnyilpoz = 515;
				ikoncsuszkapoz = 0;
				elejeikonszam = 0;
				vegeikonszam = ugcsvegeikonszam;
				//document.getElementById('felsocsuszkabeleagyracs').style.left = ikoncsuszkapoz + "px";
				nyilatMozgat(celnyilpoz);
					$('#felsocsuszkabeleagyracs').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+csuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// abccsuszka csere
					$('#abcsorAgyracs').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+abcCsuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap jelenlegi tartalmát eltünteti
					$('#'+nyitolapTartalom).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap új tartalmát rakja ki
					$('#agyracsoknyito').fadeIn('slow', function() {
						// Animation complete
					});
					csuszkaId = 'felsocsuszkabeleagyracs';
					abcCsuszkaId = 'abcsorAgyracs';	
					nyitolapTartalom='agyracsoknyito';	
					// ikoncsere és csuszkacsere blokk kiold
					csuszkaBlokk = 0;
			}
			break;
			
			case 'haloszoba_butorok':
			// ez csak akkor futhat le, ha a nem pont itt állunk
			if ( csuszkaId != 'felsocsuszkabelehalo' ) {
				celnyilpoz = 615;
				ikoncsuszkapoz = 0;
				elejeikonszam = 0;
				vegeikonszam = halovegeikonszam;
				//document.getElementById('felsocsuszkabelsokeretbelehalo').style.left = ikoncsuszkapoz + "px";
				nyilatMozgat(celnyilpoz);
					$('#felsocsuszkabelehalo').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+csuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// abccsuszka csere
					$('#abcsorHal').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+abcCsuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap jelenlegi tartalmát eltünteti
					$('#'+nyitolapTartalom).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap új tartalmát rakja ki
					$('#haloszobanyito').fadeIn('slow', function() {
						// Animation complete
					});
					csuszkaId = 'felsocsuszkabelehalo';
					abcCsuszkaId = 'abcsorHal';	
					nyitolapTartalom='haloszobanyito';	
					// ikoncsere és csuszkacsere blokk kiold
					csuszkaBlokk = 0;
			}
			break;
			
			case 'tapeta':
			// ez csak akkor futhat le, ha a nem pont itt állunk
			if ( csuszkaId != 'felsocsuszkabeletap' ) {
				celnyilpoz = 703;
				ikoncsuszkapoz = 0;
				elejeikonszam = 0;
				vegeikonszam = tapvegeikonszam;
				csaladokszama = tapcsaladokszama;
				document.getElementById('felsocsuszkabeletap').style.left = ikoncsuszkapoz + "px";
				nyilatMozgat(celnyilpoz);
					$('#felsocsuszkabeletap').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+csuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// abccsuszka csere
					$('#abcsorTap').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+abcCsuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap jelenlegi tartalmát eltünteti
					$('#'+nyitolapTartalom).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap új tartalmát rakja ki
					$('#tapetanyito').fadeIn('slow', function() {
						// Animation complete
					});
					csuszkaId = 'felsocsuszkabeletap';
					abcCsuszkaId = 'abcsorTap';	
					nyitolapTartalom='tapetanyito';	
					// ikoncsere és csuszkacsere blokk kiold
					csuszkaBlokk = 0;
			}	
			break;
			
			case 'kiegeszitok':
			// ez csak akkor futhat le, ha a nem pont itt állunk
			if ( csuszkaId != 'felsocsuszkabelekieg' ) {
				celnyilpoz = 770;
				ikoncsuszkapoz = 0;
				elejeikonszam = 0;
				vegeikonszam = kiegvegeikonszam;
				//document.getElementById('felsocsuszkabelekieg').style.left = ikoncsuszkapoz + "px";
				nyilatMozgat(celnyilpoz);
					$('#felsocsuszkabelekieg').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+csuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// abccsuszka csere
					$('#abcsorKieg').fadeIn('slow', function() {
						// Animation complete
					});
					$('#'+abcCsuszkaId).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap jelenlegi tartalmát eltünteti
					$('#'+nyitolapTartalom).fadeOut('slow', function() {
						// Animation complete
					});
					// nyitólap új tartalmát rakja ki
					$('#kiegeszitonyito').fadeIn('slow', function() {
						// Animation complete
					});
					csuszkaId = 'felsocsuszkabelekieg';
					abcCsuszkaId = 'abcsorKieg';	
					nyitolapTartalom='kiegeszitonyito';	
					// ikoncsere és csuszkacsere blokk kiold
					csuszkaBlokk = 0;
			}
			break;
		}		
		//csaladElotagKodbol = termekkorNeve;
		
		// csuszkanyil mozgatása korábba kiszámolt értékekkel >>>
		if ( csuszkaBlokk == 0 ) {
			$('#termkatcsuszkanyil').animate({
					left: cp
				}, {
					duration: 1000,
					specialEasing: {
					  left: 'easeInOutCubic'
				},
					complete: function() {
					  $(this).after();
				}
			});
			// váltásnál visszarakjuk a lapozónyilakat alapállásba
			document.getElementById('visszanyilikon').className = 'visszanyilinaktiv';
			document.getElementById('elorenyilikon').className = 'elorenyilout';
			// csuszka és nyílblokk bezár
			csuszkaBlokk = 1;	
			// TESZTTTTTTTTTT
		
		}
		// <<< csuszkanyil mozgatása korábba kiszámolt értékekkel
	}	
	// <<< termékkörváltás a menüre kattintással


// <<< TERMÉKKÖR VÁLTÁS A TERMÉKMENÜRE KATTINTÁSSAL



// KERESŐMEZŐ SZÍNVÁLTÁS >>>
	function keresoAtszinez() {
		document.getElementById('keresodiv').className = 'keresoclassfeher';
		document.getElementById('keresomezo').style.color = '#666';
		document.getElementById('keresogombi').className = 'keresogombkepfeh';
	}	
	function keresoVisszaszinez() {
		document.getElementById('keresodiv').className = 'keresoclass';
		document.getElementById('keresomezo').style.color = '#fff';
		document.getElementById('keresogombi').className = 'keresogombkep';
	}

// <<< KERESŐMEZŐ SZÍNVÁLTÁS



// ÚJ IKONCSUSZKA >>>>>>>>>>>>>>>>>>>>>>>>>>>>>
var kepmeret = 140;
var korrekciosertekuj = 0;
var lepeshossz = 10;
var setTimelepeskoz = 10;
var lephet = 0;
var vegepoz = 0;
var csuszkaId = 'felsocsuszkabelsokeretbele';
//var t;
// kapcsolhatjuk a léptetőt ha az értéke 0
var kapcsolblokk = 0;


// ezek dinamikusan számolódnak
	var ikoncsuszkapoz = 0;
	var elejeikonszam = 0;
	var vegeikonszam = 3;
	var korrekciosertek = 0;

// előre léptető nyil az ikonoknál >>>
// új rendszerű, rugalmasabb csuszkamozgató
function visszaLeptet () {
	if ( kapcsolblokk == 0 ) {
		if (elejeikonszam > 0) {
		// ha nincs már fönt léptethető ikon, akkor nem engedi a vegepozt átállítani és ezzel lefagyasztani a csuszkát
			vegepoz = ikoncsuszkapoz + kepmeret;
			lephet = 1;
			kapcsolblokk = 1;
			visszanyilup();
		}
	} 	
}

function visszanyilup () {
	if ( (elejeikonszam > 0 ) && (lephet == 1) && (ikoncsuszkapoz != vegepoz) ) {
		ikoncsuszkapoz = ikoncsuszkapoz + lepeshossz;
		document.getElementById(csuszkaId).style.left = (ikoncsuszkapoz - korrekciosertekuj) +"px" ; 
		te=setTimeout("visszanyilup()", setTimelepeskoz);	
	} else {
		vegeikonszam = vegeikonszam + 1;
		elejeikonszam = elejeikonszam - 1;	
		kapcsolblokk = 0;
		lephet = 0;
	}
	if (elejeikonszam == 0) {	
	// ha az utolsó tapétacsíkhoz értünk a bal oldalon, akkor kikapcsolja a balos nyil színváltozását
		document.getElementById('visszanyilikon').className = "visszanyilinaktiv";
	}
	if (vegeikonszam > 0) {	
	// ha az utolsó tapétacsíkhoz értünk a jobbb oldalon, akkor kikapcsolja a jobbos nyil színváltozását
		document.getElementById('elorenyilikon').className = "elorenyilout";
	}
}		

function visszanyilikonover () {	
		if (elejeikonszam > 0) {
			document.getElementById('visszanyilikon').className = "visszanyilover";
		} else {
			document.getElementById('visszanyilikon').className = "visszanyilinaktiv";
		}
	}

function visszanyilikonout () {
		if (elejeikonszam > 0) {
			document.getElementById('visszanyilikon').className = "visszanyilout";
		} else {
			document.getElementById('visszanyilikon').className = "visszanyilinaktiv";
		}
	}
// <<< VÉGE - fel nyil új a tapétáknál - VÉGE	

// lefelé nyil új a tapétaikonoknál >>>
// új rendszerű, rugalmasabb csuszkamozgató
function eloreLeptet () {
	if ( kapcsolblokk == 0 ) {
		if (vegeikonszam > 0) {
		// ha nincs már lent léptethető ikon, akkor nem engedi a vegepozt átállítani és ezzel lefagyasztani a csuszkát
			vegepoz = ikoncsuszkapoz - kepmeret;
			lephet = 1;
			kapcsolblokk = 1;
			elorenyilup();
		}
	} 	
}

function elorenyilup () {
	if ( (vegeikonszam > 0 ) && (lephet == 1) && (ikoncsuszkapoz != vegepoz) ) {
		ikoncsuszkapoz = ikoncsuszkapoz - lepeshossz;
		document.getElementById(csuszkaId).style.left = (ikoncsuszkapoz - korrekciosertekuj) +"px" ; 
		te=setTimeout("elorenyilup()",setTimelepeskoz);	
	} else {
		vegeikonszam = vegeikonszam - 1;
		elejeikonszam = elejeikonszam + 1;	
		kapcsolblokk = 0;
		lephet = 0;
	}
	if (vegeikonszam == 0) {	
	// ha az utolsó tapétacsíkhoz értünk a bal oldalon, akkor kikapcsolja a balos nyil színváltozását
		document.getElementById('elorenyilikon').className = "elorenyilinaktiv";
	}
	if (elejeikonszam > 0) {	
	// ha az utolsó tapétacsíkhoz értünk a jobbb oldalon, akkor kikapcsolja a jobbos nyil színváltozását
		document.getElementById('visszanyilikon').className = "visszanyilout";
	}
	}		

function elorenyilikonover () {	
		if (vegeikonszam > 0) {
			document.getElementById('elorenyilikon').className = "elorenyilover";
		} else {
			document.getElementById('elorenyilikon').className = "elorenyilinaktiv";
		}
	}

function elorenyilikonout () {
		if (vegeikonszam > 0) {
			document.getElementById('elorenyilikon').className = "elorenyilout";
		} else {
			document.getElementById('elorenyilikon').className = "elorenyilinaktiv";
		}
	}
// <<< VÉGE - le nyil új a tapétáknál - VÉGE	

// VÉGE - ÚJ TAPÉTA IKONOK CSUSZKA BAL OLDALON <<<<<<<<<<<<<<<<<<<<<<<






// ---------------------------------------------------

var setTimelepeskozBetu = 10;
var lepeshosszBetu = 10;
var celpozicioAtadott = 0;
var elejeikonszamAtadott = 0;
//var vegeikonszamAtadott = 0;
// ALAP FÜGGVÉNY? A MOZGATÁS IRÁNYÁT EZ DÖNTI EL >>>
	function abcMozgat (celpozicioBerkezo, elejeikonszamBerkezo) {
		celpozicioAtadott = celpozicioBerkezo;
		elejeikonszamAtadott = elejeikonszamBerkezo;
		//a kapott célpozíciót összehasonlítjuk a jelenlegi csuszkapozícióval
		if ( ikoncsuszkapoz > celpozicioAtadott ) {
			// előre kell mozgatnunk a csiuszkát
			eloreLeptetBetuhoz();			
			//document.getElementById(csuszkaId).style.left = celpozicio +"px";
		} else {
			// visszafelé kell mozgatnunk a csuszkát
			visszaLeptetBetuhoz();			
			//document.getElementById(csuszkaId).style.left = celpozicio +"px";			
		}		
	}
// <<< vége - ALAP FÜGGVÉNY? A MOZGATÁS IRÁNYÁT EZ DÖNTI EL



//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// CSUSZKA LÉPÉSHOSSZ SZÁMOLÓK MOZGATÓKHOZ
	function lepeshosszElore () { // lépéshossz beállítása a csuszka előre mozgatásához
		if (gyorsit < 10) {
			gyorsit++;
			lepeshossz = lepeshossz+4;				
		}
		if (alapcsuszkafeherPoz > -180){
			if (lepeshossz > 5) {
				lepeshossz = lepeshossz-5;				
			}
		} 
	}

	function lepeshosszVissza () { // lépéshossz beállítása a csuszka balra mozgatásához
		if (gyorsit < 10) {
			gyorsit++;
			lepeshossz = lepeshossz+4;				
		}
		if (alapcsuszkafeherPoz < -330){
			if (lepeshossz > 9) {
				lepeshossz = lepeshossz-5;				
			}
		} 
	}
// vége - CSUSZKA LÉPÉSHOSSZ SZÁMOLÓK MOZGATÓKHOZ
//<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<


// ELŐRE LÉPTETÉS A BETŰ KIVÁLASZTÁSÁVAL >>>
	// új rendszerű, rugalmasabb csuszkamozgató
	function eloreLeptetBetuhoz () {
		if ( kapcsolblokk == 0 ) {
			if (vegeikonszam > 0) {
			// ha nincs már lent léptethető ikon, akkor nem engedi a vegepozt átállítani és ezzel lefagyasztani a csuszkát
				vegepoz = celpozicioAtadott;
				lephet = 1;
				kapcsolblokk = 1;
				eloreLeptetBetu();
			}
		} 	
	}

	function eloreLeptetBetu () {
		if ( (vegeikonszam > 0 ) && (lephet == 1) && (ikoncsuszkapoz != vegepoz) ) {
			ikoncsuszkapoz = ikoncsuszkapoz - lepeshosszBetu;
			document.getElementById(csuszkaId).style.left = (ikoncsuszkapoz - korrekciosertekuj) +"px" ; 
			te=setTimeout("eloreLeptetBetu()",setTimelepeskozBetu);	
		} else {
			//vegeikonszam = vegeikonszam - 1;
			//elejeikonszam = elejeikonszam + 1;
			elejeikonszam = elejeikonszamAtadott;	
			if ( ((csaladokszama - elejeikonszam) - 6) < 0 ) {
				vegeikonszam = 0;
			} else {
				vegeikonszam = (csaladokszama - elejeikonszam) - 6;
			}
			kapcsolblokk = 0;
			lephet = 0;
		}
		if (vegeikonszam == 0) {	
		// ha az utolsó tapétacsíkhoz értünk a bal oldalon, akkor kikapcsolja a balos nyil színváltozását
			document.getElementById('elorenyilikon').className = "elorenyilinaktiv";
		}
		if (elejeikonszam > 0) {	
		// ha az utolsó tapétacsíkhoz értünk a jobbb oldalon, akkor kikapcsolja a jobbos nyil színváltozását
			document.getElementById('visszanyilikon').className = "visszanyilout";
		}
	}		

	function elorenyilikonover () {	
			if (vegeikonszam > 0) {
				document.getElementById('elorenyilikon').className = "elorenyilover";
			} else {
				document.getElementById('elorenyilikon').className = "elorenyilinaktiv";
			}
		}

	function elorenyilikonout () {
			if (vegeikonszam > 0) {
				document.getElementById('elorenyilikon').className = "elorenyilout";
			} else {
				document.getElementById('elorenyilikon').className = "elorenyilinaktiv";
			}
		}

	// <<< VÉGE - ELŐRE LÉPTETÉS A BETŰ KIVÁLASZTÁSÁVAL - VÉGE	
	
	

	// VISSZAFELÉ LÉPTETÉS A BETŰ KIVÁLASZTÁSÁVAL >>>
	// új rendszerű, rugalmasabb csuszkamozgató
	function visszaLeptetBetuhoz () {
		if ( kapcsolblokk == 0 ) {
			if (elejeikonszam > 0) {
			// ha nincs már fönt léptethető ikon, akkor nem engedi a vegepozt átállítani és ezzel lefagyasztani a csuszkát
				vegepoz = celpozicioAtadott;
				lephet = 1;
				kapcsolblokk = 1;
				visszaLeptetBetu();
			}
		} 	
	}
	

	function visszaLeptetBetu () {
		if ( (elejeikonszam > 0 ) && (lephet == 1) && (ikoncsuszkapoz != vegepoz) ) {
			ikoncsuszkapoz = ikoncsuszkapoz + lepeshosszBetu;
			document.getElementById(csuszkaId).style.left = (ikoncsuszkapoz - korrekciosertekuj) +"px" ; 
			te=setTimeout("visszaLeptetBetu()", setTimelepeskozBetu);	
		} else {
			//vegeikonszam = vegeikonszam + 1;
			//elejeikonszam = elejeikonszam - 1;
			elejeikonszam = elejeikonszamAtadott;	
			//vegeikonszam = (csaladokszama - elejeikonszam) - 6;
			if ( ((csaladokszama - elejeikonszam) - 6) < 0 ) {
				vegeikonszam = 0;
			}else {
				vegeikonszam = (csaladokszama - elejeikonszam) - 6;
			}
			kapcsolblokk = 0;
			lephet = 0;
		}
		if (elejeikonszam == 0) {	
		// ha az utolsó tapétacsíkhoz értünk a bal oldalon, akkor kikapcsolja a balos nyil színváltozását
			document.getElementById('visszanyilikon').className = "visszanyilinaktiv";
		}
		if (vegeikonszam > 0) {	
		// ha az utolsó tapétacsíkhoz értünk a jobbb oldalon, akkor kikapcsolja a jobbos nyil színváltozását
			document.getElementById('elorenyilikon').className = "elorenyilout";
		}
	}		

	function visszanyilikonover () {	
			if (elejeikonszam > 0) {
				document.getElementById('visszanyilikon').className = "visszanyilover";
			} else {
				document.getElementById('visszanyilikon').className = "visszanyilinaktiv";
			}
		}

	function visszanyilikonout () {
			if (elejeikonszam > 0) {
				document.getElementById('visszanyilikon').className = "visszanyilout";
			} else {
				document.getElementById('visszanyilikon').className = "visszanyilinaktiv";
			}
		}			
	// <<< VÉGE - VISSZAFELÉ LÉPTETÉS A BETŰ KIVÁLASZTÁSÁVAL - VÉGE	

// VÉGE - <<<<<<<<<<<<<<<<<<<<<<<



// KERESŐPANEL MOZGATÁSA, FUNKCIÓI >>>
	function keresoPanelBecsuk () {
		$('#keresopanel').animate({
				top: '-=570px'
			}, {
				duration: 1000,
				specialEasing: {
				  top: 'easeInOutQuint'
			},
				complete: function() {
				  $(this).after();
					document.getElementById('keresopanelalap').style.display = "none";
			}
		});	
	}

	function keresoPanelKinyit () {
		document.getElementById('keresopanelalap').style.display = "block";
		$('#keresopanel').animate({
				top: '+=570px'
			}, {
				duration: 1000,
				specialEasing: {
				  top: 'easeInOutQuint'
			},
				complete: function() {
				  $(this).after();
			}
		});	
	}
	
	function submitUgcsKereso() {
		document.ulogarnitura_kereses.submit();
	}

// <<< KERESŐPANEL MOZGATÁSA, FUNKCIÓI