var block = false;
$(document).ready(function(){
    $('.scrollingHotSpotLeft').click(function(){
        if(!block){
            block = true;
            $('.scrollableArea').animate({
                marginLeft: '+=810'
            }, 1000, function(){
                $('.scrollableArea .serie:first').remove().appendTo('.scrollableArea');
                $('.scrollableArea').css('margin-left', '0');
                block = false;
            });
        }
        return false;
    });
    $('.scrollingHotSpotRight').click(function(){
        if(!block){
            block = true;

            $('.scrollableArea').animate({
                marginLeft: '-=810'
            }, 1000, function(){
                $('.scrollableArea .serie:last').remove().prependTo('.scrollableArea');
                $('.scrollableArea').css('margin-left', '-810px');
                block = false;
            });
        }
        return false;
    });
    
    function clearTabs()
    {
      $('#produkt-tab').addClass('unselected',10);
      $('#dzialanie-tab').addClass('unselected',10);
      $('#efekt-tab').addClass('unselected',10);
      $('#stosowanie-tab').addClass('unselected',10);
      
      $('.produkt').css('display', 'none');
      $('.dzialanie').css('display', 'none');
      $('.stosowanie').css('display', 'none');
      $('.efekt').css('display', 'none');
    }
    
    function selectTab(tabName)
    {
        clearTabs(); 
        $('#'+tabName+'-tab').removeClass('unselected',10);
        $('#'+tabName+'-tab').addClass('selected',10);
        $('.'+tabName).css('display', 'block');
    }
    
    $('#produkt-tab').click(function()
      {
        selectTab('produkt');
        return false;
      }
    );
    
    $('#dzialanie-tab').click(function()
      {
        selectTab('dzialanie');
        return false;
      }
    );
    
    $('#stosowanie-tab').click(function()
      {
        selectTab('stosowanie');
        return false;
      }
    );
    
    $('#efekt-tab').click(function()
      {
        selectTab('efekt');
        return false;
      }
    );
    

    $('#seria').click(function(){wybierzPodkategorie('seria');});
    $('#wiek').click(function(){wybierzPodkategorie('wiek');});
    $('#problemy').click(function(){wybierzPodkategorie('problemy');});
    $('#kondycja').click(function(){wybierzPodkategorie('kondycja');});
    $('#pielegnacja-twarzy').click(function(){wybierzPodkategorie('pielegnacja-twarzy');});
    $('#pielegnacja-ciala').click(function(){wybierzPodkategorie('pielegnacja-ciala');});
    $('#opalanie').click(function(){wybierzPodkategorie('opalanie');});
    $('#pielegnacja-stylizacja-wlosow').click(function(){wybierzPodkategorie('pielegnacja-stylizacja-wlosow')});
    
    $("select#kategoria").change(function(){
        wybierzPodkategorie($(this).children(":selected").val());
    });
    
    $('.moreLink').click(function(){
        $('.moreLink').hide();
        $('.more').show('slow', function() {
 this.style.removeAttribute('filter');
 });
        
        
        return false;
        });
    
    /* wybieranie kosmetyku */
    
    $('#send-button').attr('disabled', true);
    
    function wybierzPodkategorie(podkategoria)
    {
       
        $('#podkategoria').css('display', '');
        $('#wybierz').remove();
        
        $('#send-button').attr('disabled', false);
        
        var options;
        
        switch(podkategoria)
        {
            case 'seria':
                options='<option value="seria-onlyformen">ONLY FOR MEN</option><option value="seria-aloes">ALOES</option><option value="seria-bawelna">BAWEŁNA</option><option value="seria-bikini">BIKINI</option><option value="seria-czarnaoliwka">Czarna Oliwka</option><option value="seria-pomarancza">Pomarańczowa Skórka</option><option value="seria-arganowy">Olejek Arganowy</option><option value="seria-sexymama">Sexy Mama</option><option value="seria-pielegnacjaciala">Pozostałe produkty do pielęgnacji ciała</option><option value="seria-ginkgo">GINKGO BILOBA I ŻEŃ SZEŃ</option><option value="seria-nowegraffiti">NOWE GRAFFITI</option><option value="seria-granat">GRANAT</option><option value="seria-awokado">AWOKADO</option> <option value="seria-invitro">IN VITRO Roślinne komórki macierzyste</option><option value="seria-ogoreklimonka">OGÓREK & LIMONKA</option><option value="seria-kasztan">KASZTAN</option><option value="seria-karoten" value="seria-karoten">KAROTEN<option value="seria-antiage">IDEALNE Kremy do rąk ANTI-AGE</option><option value="seria-vanity">VANITY</option><option value="seria-collagenkwashialuronowy">COLLAGEN + KWAS HIALURONOWY</option><option value="seria-witaminaesoja">Witamina E + Soja</option><option value="seria-ecocare">ECO CARE</option><option value="seria-q10">Q 10</option><option value="seria-higienaintymna">HIGIENA INTYMNA</option><option value="seria-kuracjaparafinowa">Kuracja parafinowa Ręce i Nogi</option><option value="seria-kawiortrufle">Kawior i Trufle</option><option value="seria-sexylook">Sexy Look</option><option value="seria-aromasensation">Aromasensation</option><option value="seria-olejkidokapielipodprysznic">Olejki do kąpieli i pod prysznic</option><option value="seria-graffiti">Graffiti</option><option value="seria-graffiti3dpower">Graffiti 3D power</option>';
            break;
        
            case 'wiek':
                options='<option value="15-plus">15+</option><option value="20-plus">20+</option><option value="25-plus">25+</option><option value="30-plus">30+</option><option value="35-plus">35+</option><option value="40-plus">40+</option><option value="45-plus">45+</option><option value="50-plus">50+</option>';
            break;
        
            case 'problemy':
                options='<option value="skora-mieszanam-tlusta-i-lojotokowa">skóra mieszana, tłusta i łojotokowa</option><option value="skora-sucha-i-wrazliwa">skóra sucha i wrażliwa</option><option value="skora-napieta-sciagnieta">skóra napięta, ściągnięta, łuszcząca się</option><option value="skora-normalna">skóra normalna</option><option value="obnizona-elastycznosc">obniżona elastyczność skóry</option><option value="nierowny-koloryt">nierówny koloryt</option><option value="rozszerzone-pory">rozszerzone pory</option><option value="cienie-pod-oczami">cienie pod oczami</option><option value="zmarszczki-i-linie-mimiczne">zmarszczki i linie mimiczne</option><option value="glebokie-zmarszczki">głębokie zmarszczki i bruzdy</option><option value="szorstka-skora">szorstka skóra</option><option value="skora-blada">skóra blada, trudności w opalaniu się</option><option value="podkreslenie-naturalnej-opalenizny">podkreślenie naturalnej opalenizny</option><option value="szara-cera">szara cera</option><option value="pekajace-naczynka-krwionosne">pękające naczynka krwionośne, obrzęki</option><option value="wypryski-blyszczenie">wypryski, błyszczenie</option><option value="slabe-paznokcie">słabe paznokcie</option><option value="twarda-skora-piet">twarda skóra pięt</option><option value="wiotczenie-skory">wiotczenie skóry</option><option value="obnizona-jedrnosc">obniżona jędrność</option><option value="sklonnosc-do-podraznien">skłonność do podrażnień</option><option value="utrata-owalu">utrata owalu i gęstości skóry</option><option value="plamy-i-przebarwienia">plamy i przebarwienia</option><option value="blizny-i-rozstepy">blizny i rozstępy</option><option value="cellulit">cellulit</option><option value="oznaki-przedwcz-starzenia">oznaki przedwczesnego starzenia</option><option value="zmeczona-zestresowana-skora">zmęczona, zestresowana skóra</option><option value="drobne-zmarszczki">drobne zmarszczki</option>';
            break;
        
            case 'kondycja':
                options='<option value="normalna">Normalna</option><option value="mieszana-i-tlusta">Mieszana i tłusta</option><option value="sucha-i-wrazliwa">Sucha i wrażliwa</option><option value="sklonna-do-podraznien-i-alergii">Skłonna do podrażnień i alergii</option><option value="naczynkowa">Naczynkowa</option><option value="mloda-tradzikowa">Młoda, trądzikowa</option><option value="dojrzala">Dojrzała</option>';
            break;
        
            case 'pielegnacja-twarzy':
                options='<option value="peelingi-twarz">peelingi</option><option value="oczyszczanie">oczyszczanie</option><option value="nawilzanie">nawilżanie</option><option value="regeneracja">regeneracja</option><option value="ujedrnianie-twarzy">ujędrnianie</option><option value="zmarszczki">zmarszczki</option><option value="normalizacja">normalizacja</option><option value="skora-wokol-oczu">pielęgnacja skóry wokół oczu</option>';
            break;
        
            case 'pielegnacja-ciala':
                options='<option value="peelingi-cialo">Peelingi</option><option value="antycellulit">antycellulit, rozstepy</option><option value="wyszczuplanie">wyszczuplanie</option><option value="ujedrnianie">ujędrnianie</option><option value="modelowanie-ciala">modelowanie ciała</option><option value="pielegnacja-rak-i-stop">pielęgnacja rąk i stóp</option><option value="depilacja">depilacja</option><option value="aromaterapia">aromaterapia: olejki, sole, piaski, żele</option><option value="higiena-intymna">higiena intymna</option><option value="balsamy-masla-mleczka-olejki">Balsamy, masła, mleczka, olejki</option>';
            break;
        
            case 'opalanie':
                options='<option value="jasna-karnacja">jasna karnacja</option><option value="naturalna-karnacja">naturalna karnacja</option><option value="ciemna-karnacja">ciemna karnacja</option><option value="brazujace-przyspieszacze-opalania">brązujące, przyspieszacze opalania</option><option value="balsamy-po-opalaniu">balsamy po opalaniu</option><option value="preparaty-dla-dzieci">preparaty dla dzieci</option>';
            break;

            case 'pielegnacja-stylizacja-wlosow':
                options='<option value="pielegnacja-stylizacja-wlosow"></option>';
                $('#podkategoria').css('display', 'none');
            break;
        
        }
        
        $('#podkategoria').html(options);
    }
    
    
    /*$('#znajdz-kosmetyk').submit(function(){
                        
                        alert('muuka');
                        tag = $('#podkategoria').val();
                        $('#znajdz-kosmetyk').attr('action','/tagi/'+tag+'');
                        
                                });*/
    
    
});
