$jq(document).ready(function(){
// email
    $jq('#mce-EMAIL').focus(function(){
        $jq(this).val('');
    });
 
// fancybox "att tänka på mm"
    $jq('.iframe').fancybox({
        height:450,
        type:'ajax',
        width:700,
        overlayColor: '#000'
    });

// Galleri >
   setLightbox();
   function setLightbox(){
       $jq('#image-holder a').fancybox({
           padding:0,
           overlayColor: '#000',
           centerOnScroll:true
       });

        $jq('#lightbox-image-details-currentNumber').remove();
   }


    //// G�r defaultbilderna tillg�ngliga via lightbox
    // Meny
    $jq('#dropdown').hover(function(){
        $jq('#dropdown #selectebles').stop(true, true).slideDown(); // �ppnar kategorier-dropdown
    }, function(){
         $jq('#dropdown #selectebles').slideUp(); // Stänger kategorier-dropdown
    });


    // Klick p� kategori
    $jq('#selectebles li').click(function(){

        $jq('#dropdown #selected').text($jq(this).text());  // Visar att denna kategori �r vald
        link = $jq(this).attr('href');                            // H�mtar l�nken till json-datat

        $jq.get(link, null, function(data){
            // H�mtar JSON-data om bilderna.

            renderPics(data);   // Visar bilderna
        },'json');

        $jq('#dropdown #selectebles').slideUp();
        $jq('.selected').removeClass('selected');   // Visar den tidigare valda kategorin i dropdownen
        $jq(this).addClass('selected');             // G�mmer den aktuella kategorin ur de som g�r att v�lja

    });

    // Visar bilderna
    function renderPics(data){
        html = '';

        $jq(data).each(function(){
             // Skapar HTML f�r bilderna, d.v.s thumbnails som l�nkar till stora bilderna.
            html += '<li><a title="'+this.description+'" href="'+this.imageURL+'"><img src="'+this.thumbURL+'" alt="'+this.alttext+'"  /></a></li>';
        });
        spacer = '<li id="spacer"><!-- spacer --></li>';
        $jq('#image-holder').html(html + spacer);          // L�gger in HTML

        setLightbox();        // G�r bilderna tillg�ngliga f�r att visas med lighbox.
    }







    
// Teamet >

    item_width = '';
    items_per_section = 3;
    section_width = 865;

    $jq('map area').click(function(e){
        e.preventDefault();

        element = $jq($jq(this).attr('href'));
        
        left_pos = $jq(element).offset().left;
        toggleScrollingVar();


        if(left_pos > 1000 || left_pos < 120){

            // Bilden ligger inte bland de tre som visas.
            $jq("#wrapper").scrollTo(element, 1000, {onAfter:function(){
                  toggleScrollingVar();
                  showInfo(element);
                }
            });
        } else {
             // Bilden ligger bland de tre som visas.
             toggleScrollingVar();
             showInfo(element);
        }
    });


    /**
     * Returnerar/sätter nuvarande skrollposition.
     * Om en siffra skickas in ökas positionen med de numret.
     * Om ett andra argumentet anges till true sätts positionen till 0.
     * @param new_pos
     */
    function scrolledToPos(new_pos, reset){

        if(typeof scrolled_to_pos == 'undefined')
            // Skapar variabeln och sätter den till 0.
            scrolled_to_pos = 0;

        if(typeof new_pos != 'undefined')
            // Ökar positionen med angiven.
            scrolled_to_pos += new_pos;

        if(reset)
            // Resetar posiitionen.
            scrolled_to_pos = 0;

        return scrolled_to_pos;
    }

    function getNextPos(){

    	if ((scrolledToPos() + section_width) >= $jq("#inner-wrapper").width()) {
    		scrolledToPos(null, true);
    	} else {
           scrolledToPos(section_width);
		}

         return scrolledToPos();
    }

    function max_scroll_width(){
           nr_of_sections = $jq('.scroll-section').length / items_per_section;

           return nr_of_sections * section_width;
       }


    function getPrevPos(){

        if (scrolledToPos() == section_width){
            console.log(1);
            // Om scrolled_to_pos är 865: skrolla till 0
    		scrolledToPos(null, true);
    	} else if(scrolledToPos() == 0) {
            console.log(2);
            // Om scrolled_to_pos är 865: skrolla till 0
            console.log("Tidigare "+ scrolled_to_pos);
            scrolledToPos(section_width);
        }

         return scrolled_to_pos;
    }


    $jq('#next-btn').click(function(){

        $jq('#info').hide();
        toggleScrollingVar();
        $jq("#wrapper").scrollTo(getNextPos(), 1000, {onAfter:function(){
              toggleScrollingVar();
              console.log("Skrollade till " + scrolled_to_pos);
            }
        });
    });

    $jq('#prev-btn').click(function(){

        $jq('#info').hide();
        toggleScrollingVar();
         $jq("#wrapper").scrollTo(getPrevPos(), 1000, {onAfter:function(){
              toggleScrollingVar();
              console.log("Skrollade till " + scrolled_to_pos);
            }
        });
    });

     $jq('.scroll-section').hover(function(){

         id = '#' + $jq(this).attr('id');
         showInfo(id);
     }, function(e){
          $jq(this).find('.info').hide();
          $jq('#wrapper').height(200);
          // V�ntar 300 ms � kollar om musen hovrar �ver infon.
          // Om inte musen hovrar inom 300 ms g�ms infon.
          setTimeout(function(){
                if((! $jq('#info').hasClass('hovered'))){
                    // Infoboxen �r inte hovrad.

                    /*if($jq('#info').attr('section') == $jq(this).attr('id')){
                        // Man hovrar inte �ver en ny sektion. (// Utan denna g�mms infoboxen om man snabbt drar musen till en ny sektion)
                        $jq('#info').hide();
                    }*/
                }
          }, 200);

     });

      $jq('#info').hover(function(){
         $jq(this).addClass('hovered');
      }, function(){
          $jq(this).removeClass('hovered');
          $jq(this).hide();
      });
    

     function toggleScrollingVar(){
         
         if(! window.scrolling_right_now)
            window.scrolling_right_now = true;
         else
             window.scrolling_right_now = false;

         return window.scrolling_right_now;
     }

     function showInfo(sectionID){

         if(! window.scrolling_right_now){
             section = $jq(sectionID);
/*
             $jq('.info').attr('section', sectionID);
             $jq('.info').html(section.find('.section-content').html());
             left_pos = section.position();
            // l = ((left_pos.left+44)-scrolledToPos());
             $jq('.info').css({left : l});
             
             console.log(left_pos.left);
            */

           //  $jq('#'+sectionID' .info').show();
             $jq('.info').hide();
             $jq(sectionID).find('.info').show();
             $jq('#wrapper').height(500);
         }
     }


});