b_stopHover = false;
s_grupa = null;
hm_butelkiHover = new Object(); //obiekt jako mapa hashowa ktora bedzie zawierac odpowiednie pozycje hoverow butelek
hm_butelkiHover['paliwa'] = new Array('21px', '76px', '136px', '193px', '251px', '311px', '372px', '434px', '493px');
hm_butelkiHover['oleje'] = new Array('22px', '89px', '153px', '225px', '240px', '295px', '350px', '400px', '460px');
hm_butelkiHover['funkcjonalne'] = new Array('29px', '76px', '128px', '180px', '245px', '331px', '387px', '426px', '456px');
hm_butelkiwidth = new Object(); //obiekt jako mapa hashowa ktora bedzie zawierac odpowiednie szerokosci hoverow
hm_butelkiwidth['paliwa'] = new Array('90px', '90px', '90px', '90px', '90px', '90px', '90px', '90px', '90px');
hm_butelkiwidth['oleje'] = new Array('91px', '90px', '91px', '90px');
hm_butelkiwidth['funkcjonalne'] = new Array('55px', '56px', '56px', '90px', '90px', '76px', '56px', '55px', '56px');
//alert(window.location);
/* ready
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
$(document).ready(function(){
        if(s_grupa == null)
        {
                var _location = window.location.toString();
                var pos = _location.indexOf('html#');
                if(pos >= 0)
                {
                  s_grupa = _location.substr(pos+5);
                        if(s_grupa != '')
                        {
                                $('#wskazowka').hide();
                                var _left = hm_butelkiHover[s_grupa.substr(0,s_grupa.length-2)][parseInt(s_grupa.substr(s_grupa.length-2),10)-1];
                                var _width = hm_butelkiwidth[s_grupa.substr(0,s_grupa.length-2)][parseInt(s_grupa.substr(s_grupa.length-2),10)-1];
                                $('img#big').attr('src', '/img/produkty/'+s_grupa+'big.jpg').css('left', _left).css('width', _width).fadeIn('slow');
                                b_stopHover = true;
                           $('#'+s_grupa).fadeIn("slow",function(){b_stopHover = false;});
                  }
          }
                /*var HTRq = new HTTPReq();
                s_grupa = HTRq.getSYNH('/response/getprodukt.php?getInfo=produkt');
                */
  }
        /*$.ajax({
                type: "GET",
                url: '/response/getprodukt.php?getInfo=produkt',
                async: false,
                success: function(msg){
                 alert( "Data Saved: " + msg );
                }
        });*/
        $('div.produkty img.zoom').mouseover(
                function(){
                        $('#wskazowka').hide();
                        if(!b_stopHover)
                        {
                                if(s_grupa != null)
                                {
                                        $('#'+s_grupa).css('display', 'none');
                                        s_grupa = null;
                                   $('img#big').addClass('bighide');
                                }
                                var _src = $(this).attr("src");
                                var s_newUrl = _src.substr(0, _src.length -4)+'big.jpg'; 
                                s_grupa = _src.substr(14);  //zakladam ze nazwa zdjecia znajduje sie po /img/produkty/  a wiec 13 znakow od poczatku
                                s_grupa = s_grupa.substr(0, s_grupa.length-4);
                                var _left = hm_butelkiHover[s_grupa.substr(0,s_grupa.length-2)][parseInt(s_grupa.substr(s_grupa.length-2),10)-1];
                                var _width = hm_butelkiwidth[s_grupa.substr(0,s_grupa.length-2)][parseInt(s_grupa.substr(s_grupa.length-2),10)-1];
                                //alert(s_grupa+', '+_left);
                                $('img#big').attr('src', s_newUrl).css('left', _left).css('width', _width).fadeIn('slow');//,function(){$(this).removeClass('bighide');});////,function(){$(this).});//
                                b_stopHover = true;
                           $('#'+s_grupa).fadeIn("slow",function(){
                                                                                   b_stopHover = false;
                                                                                 });//.css('display', 'block')
                  }
                });
        /* click
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
        $('#wskazowka ul li a').click(
                function(){
                        var _location = $(this).attr('href');
                        var pos = _location.indexOf('html#');
                        if(pos >= 0)
                        {
                                s_grupa = _location.substr(pos+5);
                                if(s_grupa != '')
                                {
                                        $('#wskazowka').hide();
                                        var _left = hm_butelkiHover[s_grupa.substr(0,s_grupa.length-2)][parseInt(s_grupa.substr(s_grupa.length-2),10)-1];
                                        var _width = hm_butelkiwidth[s_grupa.substr(0,s_grupa.length-2)][parseInt(s_grupa.substr(s_grupa.length-2),10)-1];
                                        $('img#big').attr('src', '/img/produkty/'+s_grupa+'big.jpg').css('left', _left).css('width', _width).fadeIn('slow');
                                        b_stopHover = true;
                                   $('#'+s_grupa).fadeIn("slow",function(){b_stopHover = false;});
                          }
                  }                        
        });
        $('img#big').click(
                function(){
                        b_stopHover = !b_stopHover;
                }
        );
        $('img#big').mouseout(
                function(){
                        if(!b_stopHover){
                           $('#'+s_grupa).css('display', 'none');
                           s_grupa = null;
                           $('img#big').css('display', 'none');//addClass('bighide');
                           $('#wskazowka').show();
                  }
                }
        );
});


        /*$.meta.setType("class");
        alert('witam z jquery onboard');
        _url = $(".zoom").data().url;
        alert(_url);*/