/**
 * Bootstro.js Simple way to show your user around, especially first time users 
 * Http://github.com/clu3/bootstro.js
 * 
 * Credit thanks to 
 * Revealing Module Pattern from 
 * http://enterprisejquery.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-1/
 * 
 * Bootstrap popover variable width
 * http://stackoverflow.com/questions/10028218/twitter-bootstrap-popovers-multiple-widths-and-other-css-properties
 * 
 */
 var temp_popover;
jq(document).ready(function(){
    //Self-Executing Anonymous Func: Part 2 (Public & Private)
    (function( bootstro, jq, undefined ) {
        var jqelements; //jquery elements to be highlighted
        var count;
        var popovers = []; //contains array of the popovers data
        var activeIndex = null; //index of active item
        var bootstrapVersion = 3;

        var defaults = {
            nextButtonText : '»', //will be wrapped with button as below
            //nextButton : '<button class="btn btn-primary btn-xs bootstro-next-btn">&raquo;</button>',
            prevButtonText : '&laquo;',
            //prevButton : '<button class="btn btn-primary btn-xs bootstro-prev-btn">&laquo;</button>',
            notShowButtonText : '<i class="icon-ok"></i> Nie pokazuj więcej',
            finishButtonText : '<i class="icon-ok"></i> Powrót do strony',
            
            //finishButton : '<button class="btn btn-xs btn-default bootstro-finish-btn"><i class="icon-ok"></i> Powrót do strony</button>',
            stopOnBackdropClick : true,
            stopOnEsc : true,
            
            //onComplete : function(params){} //params = {idx : activeIndex}
            //onExit : function(params){} //params = {idx : activeIndex}
            //onStep : function(params){} //params = {idx : activeIndex, direction : [next|prev]}
            //url : String // ajaxed url to get show data from
            
            margin : 100, //if the currently shown element's margin is less than this value
            // the element should be scrolled so that i can be viewed properly. This is useful 
            // for sites which have fixed top/bottom nav bar
        };
        var settings;
        
        
        //===================PRIVATE METHODS======================
        //http://stackoverflow.com/questions/487073/check-if-element-is-visible-after-scrolling
        function is_entirely_visible(jqelem)
        {
            var docViewTop = jq(window).scrollTop();
            var docViewBottom = docViewTop + jq(window).height();

            var elemTop = jqelem.offset().top;
            var elemBottom = elemTop + jqelem.height();

            return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom)
              && (elemBottom <= docViewBottom) &&  (elemTop >= docViewTop) );
        }
        
        //add the nav buttons to the popover content;
        
        function add_nav_btn(content, i)
        {
            var jqel = get_element(i);
            var nextButton, prevButton, finishButton, defaultBtnClass;
            if (bootstrapVersion == 2)
                defaultBtnClass = "btn btn-primary btn-mini";
            else 
                defaultBtnClass = "btn btn-primary btn-xs"; //default bootstrap version 3
            content = content + "<div class='bootstro-nav-wrapper'>";
            if (jqel.attr('data-bootstro-nextButton'))
            {
                nextButton = jqel.attr('data-bootstro-nextButton');
            }
            else if ( jqel.attr('data-bootstro-nextButtonText') )
            {
                nextButton = '<button class="' + defaultBtnClass + ' bootstro-next-btn">' + jqel.attr('data-bootstro-nextButtonText') +  '</button>';
            }
            else 
            {
                if (typeof settings.nextButton != 'undefined' /*&& settings.nextButton != ''*/)
                    nextButton = settings.nextButton;
                else
                    nextButton = '<button class="' + defaultBtnClass + ' bootstro-next-btn">' + settings.nextButtonText + '</button>';
            }
            
            if (jqel.attr('data-bootstro-prevButton'))
            {
                prevButton = jqel.attr('data-bootstro-prevButton');
            }
            else if ( jqel.attr('data-bootstro-prevButtonText') )
            {
                prevButton = '<button class="' + defaultBtnClass + ' bootstro-prev-btn">' + jqel.attr('data-bootstro-prevButtonText') +  '</button>';
            }
            else 
            {
                if (typeof settings.prevButton != 'undefined' /*&& settings.prevButton != ''*/)
                    prevButton = settings.prevButton;
                else
                    prevButton = '<button class="' + defaultBtnClass + ' bootstro-prev-btn">' + settings.prevButtonText + '</button>';
            }
            
            
            if (jqel.attr('data-bootstro-notShowButton'))
            {
                notShowButton = jqel.attr('data-bootstro-notShowButton');
            }
            else if ( jqel.attr('data-bootstro-notShowButtonText') )
            {
                notShowButton = '<button class="' + defaultBtnClass +'bootstro-finish-btn" onclick="closeGuideWindow()">' + jqel.attr('data-bootstro-notShowButtonText') +  '</button>';
            }
            else 
            {
                if (typeof settings.notShowButton != 'undefined' /*&& settings.notShowButton != ''*/)
                    notShowButton = settings.notShowButton;
                else
                    notShowButton = '<button class="' + defaultBtnClass +' bootstro-finish-btn" onclick="closeGuideWindow()">' + settings.notShowButtonText + '</button>';
            }
            
            
            
            if (jqel.attr('data-bootstro-finishButton'))
            {
                finishButton = jqel.attr('data-bootstro-finishButton');
            }
            else if ( jqel.attr('data-bootstro-finishButtonText') )
            {
                finishButton = '<button class="' + defaultBtnClass +' bootstro-finish-btn">' + jqel.attr('data-bootstro-finishButtonText') +  '</button>';
            }
            else 
            {
                if (typeof settings.finishButton != 'undefined' /*&& settings.finishButton != ''*/)
                    finishButton = settings.finishButton;
                else
                    finishButton = '<button class="' + defaultBtnClass +' bootstro-finish-btn">' + settings.finishButtonText + '</button>';
            }

        
            if (count != 1)
            {
                if (i == 0)
                    content = content + nextButton;
                else if (i == count -1 )
                    content = content + prevButton;
                else 
                    content = content + nextButton + prevButton
            }
            content = content + '</div>';
              
            content = content +  '<div class="row">'+'<div class="bootstro-finish-btn-wrapper">' + finishButton + notShowButton +'</div>' + '</div>';
            return content;
        }
        
        //prep objects from json and return selector
        process_items = function(popover) 
        {
            var selectorArr = [];
            jq.each(popover, function(t,e){
                //only deal with the visible element
                //build the selector
                jq.each(e, function(j, attr){
                    jq(e.selector).attr('data-bootstro-' + j, attr);
                });
                if (jq(e.selector).is(":visible"))
                    selectorArr.push(e.selector);
            });
            return selectorArr.join(",");
        }

        //get the element to intro at stack i 
        get_element = function(i)
        {
            //get the element with data-bootstro-step=i 
            //or otherwise the the natural order of the set
            if (jqelements.filter("[data-bootstro-step=" + i +"]").size() > 0)
                return jqelements.filter("[data-bootstro-step=" + i +"]");
            else 
            {
                return jqelements.eq(i);
                /*
                nrOfElementsWithStep = 0;
                jqelements.filter("[data-bootstro-step!='']").each(function(j,e){
                    nrOfElementsWithStep ++;
                    if (j > i)
                        return jqelements.filter(":not([data-bootstro-step])").eq(i - nrOfElementsWithStep);
                })
                */
            }
        }
        
        get_popup = function(i)
        {
      
            var p = {};
            var jqel = get_element(i);
            
            //p.selector = selector;
            var t = '';
            if (count > 1)
            {
                t = "<span class='label label-success'>" + (i +1)  + "/" + count + "</span>";
            }
            p.title = jqel.attr('data-bootstro-title') || '';
            if (p.title != '' && t != '')
                p.title = t + ' - ' + p.title;
            else if (p.title == '') 
                p.title = t;

            p.content = jqel.attr('data-bootstro-content') || '';
            p.content = add_nav_btn(p.content, i);
            p.placement = jqel.attr('data-bootstro-placement') || 'top';
            var style = ''; 
            if (jqel.attr('data-bootstro-width'))
            {
                p.width = jqel.attr('data-bootstro-width'); 
                style = style + 'width:' + jqel.attr('data-bootstro-width') + ';'
            }
            if (jqel.attr('data-bootstro-height'))
            {
                p.height = jqel.attr('data-bootstro-height');
                style = style + 'height:' + jqel.attr('data-bootstro-height') + ';'
            }
            p.trigger = 'manual'; //always set to manual.
           
            p.html = jqel.attr('data-bootstro-html') || 'top';
            if (jqel.attr('data-bootstro-container')) {
                p.container = jqel.attr('data-bootstro-container');
            }
            
            //resize popover if it's explicitly specified
            //note: this is ugly. Could have been best if popover supports width & height
            p.template = '<div class="popover" style="' + style + '"><div class="arrow"></div><div class="popover-inner"><div class="popover-title" style=""></div><button type="button" class="close bootstro-finish-btn" id="closeButton"><span id="closeX">&times;</span></button><div class="popover-content"><p></p></div></div>' +
             '</div>';
             	
             
$//              <button type="button" class="close"><span style="font-size:200%;">&times;</span><span class="sr-only">Zamknij</span></button>
$//         <button type="button" class="close"><span style="font-size:200%;">&times;</span></button>
             temp_popover=jqel;
            return p;
            
        }

        //===================PUBLIC METHODS======================
        //destroy popover at stack index i
        bootstro.destroy_popover = function(i)
        {
            var i = i || 0;
            if (i != 'all')
            {
                var jqel = get_element(i);//jqelements.eq(i); 
                jqel.popover('destroy').removeClass('bootstro-highlight');
            }
            /*
            else //destroy all
            {
                jqelements.each(function(e){
                    
                    jq(e).popover('destroy').removeClass('bootstro-highlight');
                });
            }
            */
        };
        
        //destroy active popover and remove backdrop
        bootstro.stop = function()
        {
            bootstro.destroy_popover(activeIndex);
            bootstro.unbind();
            jq("div.bootstro-backdrop").remove();
            if (typeof settings.onExit == 'function')
                settings.onExit.call(this,{idx : activeIndex});
        };

        //go to the popover number idx starting from 0
        bootstro.go_to = function(idx) 
        {
            //destroy current popover if any
            bootstro.destroy_popover(activeIndex);
            if (count != 0)
            {
                var p = get_popup(idx);
                var jqel = get_element(idx);
                
                jqel.popover(p).popover('show');
                  
                //scroll if neccessary
                var docviewTop = jq(window).scrollTop();
                var top = Math.min(jq(".popover.in").offset().top, jqel.offset().top);
                
                //distance between docviewTop & min.
                var topDistance = top - docviewTop;
                
                if (topDistance < settings.margin) //the element too up above
                    jq('html,body').animate({
                        scrollTop: top - settings.margin},
                    'slow');
                else if(!is_entirely_visible(jq(".popover.in")) || !is_entirely_visible(jqel))
                    //the element is too down below
                    jq('html,body').animate({
                        scrollTop: top - settings.margin},
                    'slow');
                // html 
                  
                jqel.addClass('bootstro-highlight');
                activeIndex = idx;
            }
        };
        
        bootstro.next = function()
        {
            if (activeIndex + 1 == count)
            {
                if (typeof settings.onComplete == 'function')
                    settings.onComplete.call(this, {idx : activeIndex});//
            }
            else 
            {
                bootstro.go_to(activeIndex + 1);
                if (typeof settings.onStep == 'function')
                    settings.onStep.call(this, {idx : activeIndex, direction : 'next'});//
            }
             	  if(jq(document).width()<767){
            jq(".popover-title").css("font-size","11px")
            }
        };
        
        bootstro.prev = function()
        {
            if (activeIndex == 0)
            {
                /*
                if (typeof settings.onRewind == 'function')
                    settings.onRewind.call(this, {idx : activeIndex, direction : 'prev'});//
                */
            }
            else
            {
                bootstro.go_to(activeIndex -1);
                if (typeof settings.onStep == 'function')
                    settings.onStep.call(this, {idx : activeIndex, direction : 'prev'});//
            }
            if(jq(document).width()<767){
            jq(".popover-title").css("font-size","11px")
            }
        };
        
        bootstro._start = function(selector)
        {
            selector = selector || '.bootstro';

            jqelements = jq(selector);
            count  = jqelements.size();
            if (count > 0 && jq('div.bootstro-backdrop').length === 0)
            {
                // Prevents multiple copies
                jq('<div class="bootstro-backdrop"></div>').appendTo('body');
                bootstro.bind();
                bootstro.go_to(0);
            }
        };
        
        bootstro.start = function(selector, options)
        {
            settings = jq.extend(true, {}, defaults); //deep copy
            jq.extend(settings, options || {});
            //if options specifies a URL, get the intro configuration from URL via ajax
            if (typeof settings.url != 'undefined')
            {
                //get config from ajax
                jq.ajax({
                    url : settings.url,
                    success : function(data){
                        if (data.success)
                        {
                            //result is an array of {selector:'','title':'','width', ...}
                            var popover = data.result;
                            //console.log(popover);
                            selector = process_items(popover);
                            bootstro._start(selector);
                        }
                    }
                });
            }
            //if options specifies an items object use it to load the intro configuration
            //settings.items is an array of {selector:'','title':'','width', ...}
            else if (typeof settings.items != 'undefined')
            {
                bootstro._start(process_items(settings.items))
            }
            else 
            {
                bootstro._start(selector);
            }
        };
        
        bootstro.set_bootstrap_version = function(ver)
        {
            bootstrapVersion = ver;
        }
          
        //bind the nav buttons click event
        bootstro.bind = function()
        {
            bootstro.unbind();
            
            jq("html").on('click.bootstro', ".bootstro-next-btn", function(e){
                bootstro.next();
                e.preventDefault();
                return false;
            });
            
            jq("html").on('click.bootstro', ".bootstro-prev-btn", function(e){
                bootstro.prev();
                e.preventDefault();
                return false;
            });
      
            //end of show
            jq("html").on('click.bootstro', ".bootstro-finish-btn", function(e){
                e.preventDefault();
                bootstro.stop();
            });        
            
            if (settings.stopOnBackdropClick)
            {
                jq("html").on('click.bootstro', 'div.bootstro-backdrop', function(e){
                    if (jq(e.target).hasClass('bootstro-backdrop'))
                        bootstro.stop();
                });
            }
                
            //bind the key event
            jq(document).on('keydown.bootstro', function(e){
                var code = (e.keyCode ? e.keyCode : e.which);
                if (code == 39 || code == 40)
                    bootstro.next();
                else if (code == 37 || code == 38)
                    bootstro.prev();
                else if(code == 27 && settings.stopOnEsc)
                    bootstro.stop();
            })
        };
        
        bootstro.unbind = function()
        {
            jq("html").unbind('click.bootstro');
            jq(document).unbind('keydown.bootstro');
        }
           
     }( window.bootstro = window.bootstro || {}, jQuery ));
     
     //createCookie
     closeGuideWindow = function(){
     	WHCreateCookie('guide_accepted', 'T', 365);
     }

     	 if(jq(document).width()<767){
      	jq(".bootstro").attr("data-bootstro-placement","bottom");
      	jq(".bootstro").attr("data-bootstro-width","270px");

 
   			jq('.bootstro[data-bootstro-title="Kontakt"]').attr("data-bootstro-placement","top");
        jq('.bootstro[data-bootstro-title="Regulamin serwisu"]').attr("data-bootstro-placement","top");

    
     	 }else{
     	 		jq(".bootstro").attr("data-bootstro-width","350px");

     	 }
      

     

     
});


jq(window).off("resize").on("resize", function() {

     
     	 if(jq(document).width()<767){
    
      	jq(".bootstro").attr("data-bootstro-width","270px");
      	jq(".popover-title").last().css("font-size","11px");
      	jq(".popover").css("width","270px")
      	}else{
      	jq(".bootstro").attr("data-bootstro-width","350px");
      	jq(".popover-title").last().css("font-size","14px");
      	jq(".popover").css("width","350px")
      	} 

    jq(".popover").each(function() {
 
        var popover = jq(this);
        if (popover.is(":visible")) {
            var ctrl = jq(popover.context);
            ctrl.popover('show');
        }
     
        
    });
});