// responsive functions var screenWidth = $(window).width(); var screenHeight = $(window).height(); // products var tmpLeft = 0; var pcsArr = []; var actualPcs = 1; var sliderWidth = 0; var pscCount = 0; var actualSlider = 1; // call default start scene var alertW = ''; var resize_timer = null; var first_resize = false; var sliderHeight; var claimHeight; var pageWidth; // banners var curBanner = 1; var prevBanner = 1; var countBanner = 5; var bannerTimer = true; var stopBanner = false; var nextCall; var stopTimeInt = 4000; var stopMove = false; // mobile touch var touch; var touchStartX; var touchEndX; // responsive var topMenu = false; // catalog var filterTimeout; var filterParams; var tmpParams; var similarParams; var msgTimeout; var orderByParams = '&o=d'; // more cer. var moreRec = 0; // construct url for catalog send via ajax tmpParams = ''; filterParams = '?l=cs&r='; function getWidth() { screenWidth = $(window).width(); screenHeight = $(window).height(); // rebuild layout if (screenWidth<700) { stopMove = true; // stop timer for top banner clearTimeout(nextCall); $('#slider').css("left", "0px"); $('#slider').css("display", "block"); $('#slider .slider-col img').css("height", "auto"); $('#slider .slider-col .banner-small img').css("height", "auto"); $('#slider').css("height", "auto"); $('#sliderBox').css("height", "auto"); $('#banner-box').css("height", "auto");//.css("height", sliderHeight+"px"); $('#banner-claim img').css("margin-top", "0px"); $('.center2').css("height", "auto"); $('.slider-1').css("width", "100%"); $('.slider-2').css("width", "100%"); //$('#header').css("height", "110px"); $('.next-blogs span').css("height", "auto"); } else { stopMove = false; if (screenWidth<1400) { pageWidth = parseInt(screenWidth*0.96); sliderHeight = parseInt((screenWidth*0.96)/3.2); } else { sliderHeight = parseInt(1400/3.2); pageWidth = 1400; } claimHeight = parseInt((pageWidth/2)/3); $('#slider').css("display", "block"); $('#slider .slider-col img').css("height", sliderHeight+"px"); $('#slider .slider-col .banner-small img').css("height", sliderHeight/2+"px"); $('#slider').css("height", sliderHeight+"px"); $('#sliderBox').css("height", sliderHeight+"px"); $('#sliderArrowRight').css("height", sliderHeight+"px"); $('#sliderArrowLeft').css("height", sliderHeight+"px"); $('#banner-box').css("height", parseInt(pageWidth / 2.6)+"px");//.css("height", sliderHeight+"px"); $('#banner-claim img').css("margin-top", (sliderHeight-claimHeight)/2+"px"); //$('#header').css("height", "100px"); // set width $('.slider-1').css("width", parseInt(pageWidth / 4)+"px"); $('.slider-2').css("width", parseInt(pageWidth / 2)+"px"); // load all banners to array var centerTexts = $(".center").get(); for ( var i = 0; i < centerTexts.length; i++ ) { tmpHeight = $(centerTexts[i]).children("span").height(); $(centerTexts[i]).css("height", tmpHeight+"px"); } centerTexts = $(".center2").get(); for ( var i = 0; i < centerTexts.length; i++ ) { tmpHeight = $(centerTexts[i]).children("span").height(); $(centerTexts[i]).css("height", tmpHeight+"px"); } $('.next-blogs span').css("height", pageWidth/7+"px"); // banner timer nextCall = setTimeout("bannerCall()",stopTimeInt); // detect if browser calculate elem. height if (!sliderHeight || sliderHeight<10) { delay(function(){ getWidth(); }, 500); } else { slide(actualSlider,false); } } } function slide(sendSlider,direction) { if (stopMove) { // cancel all move fc. } else { if (direction) { if (direction=='right') { if (actualSlider>=pscCount) { actualSlider = 1; } else { actualSlider += 1; } } else if (direction=='left') { if (actualSlider<=1) { actualSlider = pscCount; } else { actualSlider -= 1; } } } else { actualSlider = sendSlider; } //actualSlider = this.id; sliderWidth = 0; alertW = ''; if ($('#pcs'+($("#slider .slider-col").length-3)).width()>1) { // slider move for(var i = -1; i <= $("#slider .slider-col").length; i++) { tmpWidth = $('#pcs'+i).width(); // pcsArr[i] // move slider if actual if (actualSlider==i) { // center align: tmpLeft = sliderWidth - (screenWidth - tmpWidth) / 2; tmpLeft = sliderWidth;// + 200 - tmpWidth; if (tmpLeft<0) { tmpLeft = tmpLeft*-1; $('#slider').animate( { left: tmpLeft+"px" }, { queue: false, duration: 1000 }); } else { $('#slider').animate( { left: "-"+tmpLeft+"px" }, { queue: false, duration: 1000 }); } } sliderWidth += tmpWidth; } // set css class $('#slider .slider-col').width(); // pcsArr[i] $("#slider .active").removeClass("active"); $("#slider #pcs"+actualSlider).addClass("active"); $("#thumbs .active").removeClass("active"); $("#thumbs #link"+actualSlider).addClass("active"); $(".textBoxes").css("display", "none"); if ($(".textBoxes").length>1) { $("#textBox"+actualSlider).css("display", "block"); } else { $("#textBox1").css("display", "block"); } if (actualSlider==1) { $('#sliderArrowLeft').css("display", "none"); } else if (actualSlider>=pscCount-1) { $('#sliderArrowRight').css("display", "none"); } // still not load all images, call ones again getWidth() -> slide() -> test load... } else { setTimeout('getWidth()', 200); } } } function validateEmail($email) { var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; if( !emailReg.test( $email ) ) { return false; } else { return true; } } function bannerChange(curBanner) { $('#paging-banners a').css("background-color", "#cccccc"); $('#paging-banners #b'+curBanner).css("background-color","#3f3f3f"); $("#banner-box .banners").css("z-index", "1"); // reset all banners $("#banner"+prevBanner).css("z-index", "10"); // reset prev banner //$("#banner"+curBanner).css("bottom", "540px"); // scroll actual banner to start position $("#banner"+curBanner).css("opacity", "0"); $("#banner"+curBanner).css("z-index", "11"); // change first banner, only for animated GIF banners if (curBanner=='N') { //alert(curBanner); var t = Math.random();//new Date().getTime(); var src = 'http://www.konsepti.com/gallery/banners/111.gif'; $("#banner"+prevBanner+" img").attr("src", src+'?'+t); } $("#banner"+curBanner).animate({ "opacity": "1" }, "slow" ,function(){ clearTimeout(nextCall); if (!stopBanner) nextCall = setTimeout("bannerCall()",stopTimeInt); }); } function bannerCall() { if (curBanner!=0) prevBanner = curBanner; // not for init if (curBanner>=countBanner) { curBanner = 1; prevBanner = countBanner; } else { curBanner += 1; } bannerChange(curBanner); } function orderByFilter(type) { $("#orderby .active").removeClass("active"); if (type=='p') { orderByParams = '&o=p'; $("#order-price").addClass("active"); } else if (type=='n') { orderByParams = '&o=n'; $("#order-az").addClass("active"); } else { orderByParams = '&o=d'; $("#order-top").addClass("active"); } //alert(filterParams+tmpParams+orderByParams); sendFilter(); } function sendFilter() { //alert(filterParams+tmpParams); window.history.pushState("","", filterParams+tmpParams+orderByParams); $("#data-catalog").load('../ajax/catalog.php'+filterParams+tmpParams+orderByParams); } function processAjaxData(response, urlPath){ document.getElementById("content").innerHTML = response.html; document.title = response.pageTitle; window.history.pushState({"html":response.html,"pageTitle":response.pageTitle},"", urlPath); } function catalogDetail(id) { var filterParamsDetail = '?l=cs&r='; if (id>0) { // hide catalog filter & rec. list $('#catalog').css("display", "none"); // update url window.history.pushState("","", filterParams+tmpParams+orderByParams+'&detail='+id); // prepare link to ajax filterParamsDetail += '&p='+id; $("#catalog-detail").load('../ajax/catalog-detail.php'+filterParamsDetail); } } function favDelete(id) { var favParams = '?u=smdqahelktu5atjt531e3h9e60&c=2'; if (id>0) { // prepare link to ajax favParams += '&p='+id; $(".fav span").load('../ajax/favourite-delete.php'+favParams); // set msg to opacity 1 & display block $("#f"+id).css("display", "none"); $("#i"+id).val(0); } } function addFavourite(id) { var favParams = '?u=smdqahelktu5atjt531e3h9e60&c=2'; if (id>0) { // prepare link to ajax favParams += '&p='+id; $(".fav span").load('../ajax/favourite.php'+favParams); // scroll page to top $(document).scrollTop(); // set msg to opacity 1 & display block $(".fav-box .msg").css("display", "block"); $(".fav-box .msg").css("opacity", "1"); clearTimeout(msgTimeout); msgTimeout = setTimeout("hideMsg('.fav-box')",2000); } } function hideMsg (myClass) { $(myClass+" .msg").animate({ "opacity": "0" }, "slow" ,function(){ $(myClass+" .msg").css("display", "none"); }); } function catalogBack() { $("#catalog-detail").empty(); $('#catalog').css("display", "block"); } function sendForm() { var tmp_email = $('#query #email').val(); var tmp_dotaz = $('#query #comment').val(); var msg = ''; if (!validateEmail(tmp_email)) { alert('Zadejte prosĂ­m validnĂ­ email.'); } else { $('#query').submit(); } } $(document).ready(function(){ // prettyPhoto plugin $("a[rel^='prettyPhoto']").prettyPhoto({social_tools:''}); $('.fancybox').fancybox(); // banner START $("body").click(function() { $('#banner-claim').css("display", "none"); }); $("#banner"+prevBanner).css("z-index", "10"); // init banner /* search form */ $('#search').click(function(e) { e.preventDefault(); var tmp_str = $('#search-form input').val(); if (tmp_str.length>1) { $('#search-form').submit(); } }); $('#cart-menu .button').click(function() { //$(document).scrollTop(); $("html, body").animate({ scrollTop: 0 }, 600); $('#overlay').css("display", "block"); }); $('.button-dot-order').click(function(e) { e.preventDefault(); $("html, body").animate({ scrollTop: 0 }, 600); $('#overlay').css("display", "block"); }); $('.link-order').click(function(e) { e.preventDefault(); $("html, body").animate({ scrollTop: 0 }, 600); $('#overlay').css("display", "block"); }); $('.banner').mouseenter(function() { $('.banner-data', this).css("overflow", "auto"); //$(this).css("padding-right", "0px"); }); $('.banner').mouseleave(function() { $('.banner-data', this).css("overflow", "hidden"); //$(this).css("padding-right", "40px"); }); $('#menu-button-next a').click(function(e) { e.preventDefault(); if (!topMenu) { $("#menu").animate({ "top": "0px" }, "slow" ,function(){ topMenu = true; }); } else { $("#menu").animate({ "top": "-259px" }, "slow" ,function(){ topMenu = false; }); } }); /* 226px */ $(document).click(function(e) { if (topMenu) $("#menu").animate({ "top": "-259px" }, "slow" ,function(){ topMenu = false; }); }); $('#overlayClose').click(function() { $('#overlay').css("display", "none"); }); // submenu /* $('.ml a,.sub-menu-close,#header').mouseover(function() { $(".ml").removeClass( "on" ).addClass( "off" ); }); */ $(document).on('click', function(e) { if (!$(e.target).closest('#menu').length) { $(".ml").removeClass( "on" ).addClass( "off" ); } }); $('#m1 strong').click(function() { $("#m1").toggleClass( "on" ); $("#m2").removeClass( "on" ); $("#m3").removeClass( "on" ); $("#m4").removeClass( "on" ); $("#m5").removeClass( "on" ); $("#m6").removeClass( "on" ); }); $('#m2 strong').click(function() { $("#m2").toggleClass( "on" ); $("#m1").removeClass( "on" ); $("#m3").removeClass( "on" ); $("#m4").removeClass( "on" ); $("#m5").removeClass( "on" ); $("#m6").removeClass( "on" ); }); $('#m3 strong').click(function() { $("#m3").toggleClass( "on" ); $("#m2").removeClass( "on" ); $("#m1").removeClass( "on" ); $("#m4").removeClass( "on" ); $("#m5").removeClass( "on" ); $("#m6").removeClass( "on" ); }); $('#m4 strong').click(function() { $("#m4").toggleClass( "on" ); $("#m2").removeClass( "on" ); $("#m3").removeClass( "on" ); $("#m1").removeClass( "on" ); $("#m5").removeClass( "on" ); $("#m6").removeClass( "on" ); }); $('#m5 strong').click(function() { $("#m5").toggleClass( "on" ); $("#m2").removeClass( "on" ); $("#m3").removeClass( "on" ); $("#m4").removeClass( "on" ); $("#m1").removeClass( "on" ); $("#m6").removeClass( "on" ); }); $('#m6 strong').click(function() { $("#m6").toggleClass( "on" ); $("#m5").removeClass( "on" ); $("#m2").removeClass( "on" ); $("#m3").removeClass( "on" ); $("#m4").removeClass( "on" ); $("#m1").removeClass( "on" ); }); var tmpHeight; var tmpHeight2; // banner $('#paging-banners a').mouseover(function(event) { clearTimeout(nextCall); stopBanner = true; prevBanner = curBanner; //curBanner = parseInt(event.target.id); curBanner = event.target.id; curBanner = parseInt(curBanner.substring(1)); $('#paging-banners a').css("background-color", "#cccccc"); $(event).css("background-color", "#3f3f3f"); bannerChange(curBanner); }); $('#paging-banners a').mouseout(function(event) { stopBanner = false; clearTimeout(nextCall); nextCall = setTimeout("bannerCall()",stopTimeInt); }); $('#paging-banners a').click(function(e) { e.preventDefault(); }); $('#banner-box').mouseover(function() { clearTimeout(nextCall); }); $('#banner-box').mouseout(function() { if (!stopMove) nextCall = setTimeout("bannerCall()",stopTimeInt); }); // show more rec. in catalog $('#more-rec div').click(function() { // increment rec. count moreRec += 1; if (typeof lazyArr !== "undefined" && $.isArray(lazyArr)) { var lazyArrLen = lazyArr.length; for (var i = 0; i < lazyArrLen; i++) { if (i<30) { $('#lz'+lazyArr[0]+' img').attr('src', 'gallery/produkty/'+lazyArr[0]+'/m-'+lazyPathArr[0]); $('#lz'+lazyArr[0]).removeClass("lazy"); $('#lz'+lazyArr[0]).addClass("rec"); lazyArr.splice(0, 1); lazyPathArr.splice(0, 1); //alert(i+' / '+lazyArr); } } // rec. count var recCountTmp = lazyArr.length; if (recCountTmp>30) { recCountTmp = 30; } $('#more-rec div span').text(recCountTmp); if (recCountTmp==0) { $('#more-rec').css("display", "none"); } else { $('#more-rec').css("display", "block"); } } }); $(window).scroll(function () { var scrollTopVar = $(window).scrollTop(); if (scrollTopVar>100 && !stopMove) { $('#header').css("height", "80px"); $('#menu-line').css("position", "fixed"); } else if (stopMove) { $('#header').css("height", "90px"); } else { $('#header').css("height", "90px"); $('#menu-line').css("position", "relative"); } // vars for lazy load images var dataHeight = $(document).height(); var footerHeight = $("#footer-box").height(); // disable scroll rec. show if (1>1 && (scrollTopVar+screenHeight)>(dataHeight-footerHeight)) { //alert(scrollTopVar+' :from top / doc height: '+dataHeight+' / footerHeight: '+footerHeight); // change link to image // class "lazy" remove & display block? var loop = 0; if (typeof lazyArr !== "undefined" && $.isArray(lazyArr)) { //alert(lazyArr.length); for (var i = 0; i < lazyArr.length; i++) { if (i<10) { $('#lz'+lazyArr[i]+' img').attr('src', 'gallery/produkty/'+lazyArr[i]+'/m-'+lazyPathArr[i]); $('#lz'+lazyArr[i]).removeClass("lazy"); $('#lz'+lazyArr[i]).addClass("rec"); lazyArr.splice(i, 1); lazyPathArr.splice(i, 1); /* // del id if(lazyArr[i] === item) { lazyArr.splice(i, 1); } // del file path if(lazyPathArr[i] === item) { lazyPathArr.splice(i, 1); } */ } } } } }); // banner END // products slider START $('#slider').css("display", "none"); pscCount = $("#slider .slider-col").length-3; // on resize var delay = (function(){ var timer = 0; return function(callback, ms){ clearTimeout (timer); timer = setTimeout(callback, ms); }; })(); $(window).resize(function() { delay(function(){ getWidth(); }, 500); }); $(document).keydown(function(e){ switch(e.which) { case 37: slide(0,'left'); break; case 52: slide(0,'left'); break; case 39: slide(0,'right'); break; case 54: slide(0,'right'); break; default: return; // allow other keys to be handled } //e.preventDefault(); }); $('#sliderBox').mouseover(function() { if (!stopMove) { if (actualSlider==1) { $('#sliderArrowRight').css("display", "block"); $('#sliderArrowLeft').css("display", "none"); } else if (actualSlider==pscCount) { $('#sliderArrowLeft').css("display", "block"); $('#sliderArrowRight').css("display", "none"); } else { $('#sliderArrowLeft').css("display", "block"); $('#sliderArrowRight').css("display", "block"); } } }); $('#sliderBox').mouseout(function() { $('#sliderArrowRight').css("display", "none"); $('#sliderArrowLeft').css("display", "none"); }); $('#sliderArrowLeft').click(function(e) { e.preventDefault(); slide(0,'left'); }); $('#sliderArrowRight').click(function(e) { e.preventDefault(); slide(0,'right'); }); /* catalog menu */ var filter = []; filter['menu-1'] = 1; filter['menu-2'] = 1; filter['menu-3'] = 1; filter['menu-4'] = 1; $('.subhead span').click(function() { var elem = $(this).closest("ul").attr('id'); $('#'+elem+' .nc').slideToggle('fast'); if (filter[elem]==1) { filter[elem] = 0; $('#'+elem+' .subhead span').css("background-image", "url(../pcs/icon-plus.gif)"); } else { filter[elem] = 1; $('#'+elem+' .subhead span').css("background-image", "url(../pcs/icon-minus.gif)"); } }); var shareInt = true; $('#share').click(function() { if (shareInt) { $('#share div').css("display", "block"); shareInt = false; } else { $('#share div').css("display", "none"); shareInt = true; } }); $('.next span').click(function() { $('.next').css("display", "none"); $('.next-chck').slideToggle('fast'); }); $('.up span').click(function() { $('.next').css("display", "inline"); $('.next-chck').slideToggle('fast'); }); $("#menu-catalog input").change(function() { // clear filter and construct new by actual filter setting tmpParams = ''; var main_cat = $('#f-cat').val(); if (main_cat>0) { tmpParams += '&c'+main_cat+'=1'; } $("#menu-catalog input").each(function() { if ($(this).is(':checked')) { var elemName = $(this).attr('id'); // add ".active" $("#"+elemName).closest("label").addClass("active"); if (elemName=='f-online') { // eshop tmpParams += '&e=1'; } else if (elemName=='f-news') { // news tmpParams += '&n=1'; } else if (elemName=='f-action') { // sale tmpParams += '&a=1'; } else if (elemName.indexOf("f")) { // factory tmpParams += '&'+elemName+'=1'; // elemName.substring(1) } else if (elemName.indexOf("d")) { // designer tmpParams += '&'+elemName+'=1'; } else if (elemName.indexOf("c")) { // category tmpParams += '&'+elemName+'=1'; } } else { // remove ".active" var elemName = $(this).attr('id'); // alert(elemName); $("#"+elemName).closest("label").removeClass("active"); } }); // alert(tmpParams); // send ajax after timeout (wait for next user click if he want checked more than one chexkbox) clearTimeout(filterTimeout); filterTimeout = setTimeout("sendFilter()",1000); $('#head-catalog h1 .text-h1').text('Produkty podle filtru'); }); // detail - load similar products by ajax $('.similar-links a').click(function(e) { e.preventDefault(); var a = $(this).attr('id'); var id = a.substring(9); // similar-XY var type = a.substring(8,9); // similar-XY // class for css $('.similar-links a').removeClass('active'); $(this).addClass('active'); // prepare filter and send via ajax similarParams = '?l=cs&r=&'+type+'='+id; $("#similar-ajax").load('../ajax/catalog-similar2.php'+similarParams); }); getWidth(); // products slider END $('.tab.kartell').click(function (event) { event.preventDefault(); $('.contform-contacts.kartell').removeClass('hidden'); $('.contform-contacts.praha').removeClass('hidden').addClass('hidden'); $('.contform-contacts.brno').removeClass('hidden').addClass('hidden'); $('.contform-contacts.d1one').removeClass('hidden').addClass('hidden'); $('#send_to').val($(this).data('mail')); $('#pobocka').val($(this).data('city')); $('.tab').removeClass('active'); $(this).addClass('active'); }); $('.tab.praha').click(function (event) { event.preventDefault(); $('.contform-contacts.kartell').removeClass('hidden').addClass('hidden'); $('.contform-contacts.praha').removeClass('hidden'); $('.contform-contacts.brno').removeClass('hidden').addClass('hidden'); $('.contform-contacts.d1one').removeClass('hidden').addClass('hidden'); $('#send_to').val($(this).data('mail')); $('#pobocka').val($(this).data('city')); $('.tab').removeClass('active'); $(this).addClass('active'); console.log('abc'); }); $('.tab.brno').click(function (event) { event.preventDefault(); $('.contform-contacts.kartell').removeClass('hidden').addClass('hidden'); $('.contform-contacts.praha').removeClass('hidden').addClass('hidden'); $('.contform-contacts.brno').removeClass('hidden'); $('.contform-contacts.d1one').removeClass('hidden').addClass('hidden'); $('#send_to').val($(this).data('mail')); $('#pobocka').val($(this).data('city')); $('.tab').removeClass('active'); $(this).addClass('active'); }); $('.tab.d1one').click(function (event) { event.preventDefault(); $('.contform-contacts.kartell').removeClass('hidden').addClass('hidden'); $('.contform-contacts.praha').removeClass('hidden').addClass('hidden'); $('.contform-contacts.brno').removeClass('hidden').addClass('hidden'); $('.contform-contacts.d1one').removeClass('hidden'); $('#send_to').val($(this).data('mail')); $('#pobocka').val($(this).data('city')); $('.tab').removeClass('active'); $(this).addClass('active'); }); }); // smoothproducts plugin $(window).load( function() { $('.sp-wrap').smoothproducts(); });