/* az oldal scrollozásával csúsztatjuk a visszajelző dobozt is */
$(window).scroll(function() {
$('div#notifier').css('top', $(this).scrollTop() + 10 + "px");
});
$(document).ready(function() {
/* a karácsonyi ingyenes kiszállítós jelvény működése */
$('div#badge').hover(function(){
$(this).find('span').removeClass('hidden');
}, function() {
$(this).find('span').addClass('hidden');
});
/* sidebar dolgai
-----------------------------------------------------------------------------------------------------------------------*/
/* hatástalanítjuk azokat a linkeket amiknek vannak almenüi */
$('ul#product_categories ul.children').prev('a').click(function() {return false;});
/* az aktív főkategória alkategóriáit megjelenítjük. a többi marad rejtve */
$('ul#product_categories li ul.children').css('display', 'none');
/* megjelöljük azokat a kategóriákat amiknek alkategóriái vannak. (csak a legfelső szinten lévőket - azért, hogy megkülönböztetett hátteret rakjunk rájuk) */
$('ul#product_categories > li:has("ul.children") > a').addClass('maincat_with_subcats');
/* megjelöljük az alsóbb kategóriákat is ha vannak alkategóriáik */
$('ul#product_categories > li >ul ul.children').prev('a').addClass('subcat_with_subcats');
/* automatikusan kinyitjuk azt a menü"vonalat" ahol a current-cat van. */
$('li.current-cat').parents('ul').css('display', 'block');
/* a főkategória kiírató linkek kattintásra nyitják és zárják az almenüpontokat (ha vannak almenüpontok) */
$('ul#product_categories li:has("ul.children") a').click(function() {
$(this).parent('li').siblings().find('ul.children').slideUp('fast'); // a linkkel egy szinten lévő minden almenüt bezárunk
if($(this).parent('li').find('ul.children').is(':visible')) { // ha látszanak ennek a kategóriának az almenüi
$(this).parent('li').find('ul.children').slideUp('fast'); // ennek a kategóriának az összes children almenüjét bezárjuk
} else {// ha még nem látszanak az almenük
$(this).next('ul.children').slideDown('fast');// kinyitjuk a szóban forgó almenüt
}
});
/* featuredbox dolgai
-----------------------------------------------------------------------------------------------------------------------*/
var section = 'akcios'; // alapértelmezett fejezet ('akcios', 'ujdonsagok', 'kiemelt')
var item = 0; // alapértelmezett termék azonosító
var interval; // időtartam változó
var changetime = 10000; // mennyi időnként váltsa a képeket
display(section, item); // megjelenítjük az alapértelmezett tartalmat az első termékkel
scroll();
/**
* ez lépteti a tartalmat
*/
function scroll() {
clearInterval(interval); //leállítjuk a számlálót
var akcios_lastitemsnum= $('div#akcios_content').children().size()-1; // az utolsó akciós termék azonosítója
var ujdonsagok_lastitemsnum = $('div#ujdonsagok_content').children().size()-1;
if (section == "akcios" && item > akcios_lastitemsnum) {section = "ujdonsagok";item = 0;} // ha elérttünk az akciós termékek utolsó bejegyzéséhez akkor ugrunk a következő kategóriára
if (section == "ujdonsagok" && item > ujdonsagok_lastitemsnum) {section = "akcios";item = 0;}
display(section, item);
item++; // növeljük a számláló értékét
interval = setInterval(function() {scroll();}, changetime); // újraindítjuk az időzítést
}
/* amikor rákattint a felhasználó egy linkre a bejegyzésben, akkor leállítjuk a léptetőt. (lightbox nézelődés alatt ne léptessen tovább) */
$('div.featuredproduct a').click(function() {clearInterval(interval);});
/* amikor rákattintunk egy fülre, akkor megjelenítjük a tartalmát */
$('div#featuredboxmenu ul li a').click(function() {
if ($(this).attr('class') != 'aktiv') { // ha nem ez az aktuális menüpont, akkor végrehajtjuk a tartalom betöltését
section = $(this).parent('li').attr('class'); // az aktuális fül értéke
display(section, 0); // megjelenítjük az aktuális tartalmat az első termékkel
clearInterval(interval);
}
return false; // a linket nem hajtjuk végre
});
/* amikor rákattintunk egy ledre, akkor az ahhoz tartozó tartalmat jelenítjük meg. */
$('div#pagerbuttons ul li a').click(function() {
if ($(this).attr('class') != 'aktiv') { // ha nem ez az aktuális menüpont, akkor végrehajtjuk a tartalom betöltését
// var itemnum = $(this).attr('rel'); // a kattintott elem száma
var itemnum = $(this).parent('li').index(); // a kattintott elem száma
display(section, itemnum); // megjelenítjük a kiválasztott fejezet kiválasztott termékét
clearInterval(interval);
}
return false; // a linket nem hajtjuk végre
});
/* jobbra mutató nyíl működése */
$('div#featuredboxcontent a.elore').click(function() {
var itemnum = $('div#' + section + '_content div.featuredproduct:visible').index(); // az aktuális elem száma
var lastitem = $('div#' + section + '_content').children().size() - 1; // az utolsó elem száma
var next_itemnum = parseFloat(itemnum)+1; /* számmá alakítjuk az itemnumot és hozzáadunk egyet. */
if (next_itemnum > lastitem) {next_itemnum = 0;} // ha a következő termék száma nagyobb lenne mint amennyi nekünk van, akkor visszalépünk a 0-ra
display(section, next_itemnum);
clearInterval(interval);
// console.log("section: " + section + "| itemcount: " + lastitem + "| itemnum: " + itemnum + "| next itemnum: " + next_itemnum);
return false;
});
/* balra mutató nyíl működése */
$('div#featuredboxcontent a.vissza').click(function() {
// var itemnum = $('div#' + section + '_content div.featuredproduct:visible').attr('rel'); // az aktuális elem száma
var itemnum = $('div#' + section + '_content div.featuredproduct:visible').index(); // az aktuális elem száma
var lastitem = $('div#' + section + '_content').children().size() - 1; // az utolsó elem száma
var prev_itemnum = parseFloat(itemnum)-1;/* számmá alakítjuk az itemnum-ot és elveszünk belőle egyet */
if (prev_itemnum < 0) {prev_itemnum = lastitem;} // ha alacsonyabb számú terméket akarnánk megnézni mint a nulla, akkor ráugrunk az utolsó termékre
display(section, prev_itemnum);
clearInterval(interval);
// console.log("section: " + section + "| itemcount: " + lastitem + "| itemnum: " + itemnum + "| next itemnum: " + prev_itemnum);
return false;
});
/* keresődoboz
-----------------------------------------------------------------------------------------------------------------------*/
// ha nincs kitöltve a keresőmező akkor beírjuk az alapértelmezett szöveget
var defaultSearchString = "Keress az oldalon!";
if ($('input#s').attr('value') == "") {$('input#s').attr('value', defaultSearchString);}
// ha az alapértelmezett szöveg van a keresőmezőben rákattintáskor, akkor kitöröljük.
// ha nem írtunk a keresőmezőbe semmit, akkor visszaírjuk az alapértelmezett szöveget
$('input#s')
.focus(function() {if ($(this).attr('value') == defaultSearchString) $(this).attr('value', '');})
.blur(function() {if ($('input#s').attr('value') == "") {$('input#s').attr('value', defaultSearchString);}});
});
/**
* ez jeleníti meg a paraméterben megadott tartalmat
* section - melyik fejezetet jelenítjük meg
* actual_itemnumber - melyik terméket jelenítsük meg
*/
function display(section, actual_itemnumber) {
/* fülek kezelése */
$('div#featuredboxmenu ul li a').removeClass('aktiv'); // levesszük mindenhonnan az 'aktív' classt
$('div#featuredboxmenu ul li.' + section + ' a').addClass('aktiv'); // a kellő menüpontot aktívvá tesszük
/* ledek kezelése */
$('div#pagerbuttons ul').hide(); // eltüntetjük a pager LEDeket
$('ul#' + section + '_buttons').show();//fadeIn('normal'); // a kellő led dobozt megjelenítjük
$('div#pagerbuttons ul li a').removeClass('aktiv'); // levesszük az aktív classt az összes ledről
$('ul#' + section + '_buttons li:eq(' + actual_itemnumber + ') a').addClass('aktiv'); // aktívvá tesszük az érintett ledet
/* termékek kezelése */
$('div.featuredproducts').hide(); // eltüntetjük a tartalom dobozokat
$('div.featuredproduct').hide(); // megjelenítjük az összes terméket a tartalomdobozokban
$('div#' + section + '_content').show(); // a kellő tartalom dobozt megjelenítjük
// $('div#' + section + '_content div.featuredproduct[rel=' + actual_itemnumber +']').fadeIn('normal'); // láthatóvá tesszük azt az egy terméket ami nekünk kell
$('div#' + section + '_content div.featuredproduct:eq(' + actual_itemnumber + ')').fadeIn('slow'); // láthatóvá tesszük azt az egy terméket ami nekünk kell
/* további termékek link */
/* (az akcios_termekek változót a header.php-ben deklaráljuk) */
if (section == "akcios") {
$('div#further').html('További akciós termékek...');
}
if (section == "ujdonsagok") {
$('div#further').html('További újdonságok...');
}
}