jQuery.noConflict();
jQuery(document).ready(function(){

imagesWidth = 0;
scrollerWidth = 0;
initLeftPos = jQuery('.content_wrapper').offset().left;
scrollComplete = true;

jQuery('.scroller-item-wrapper').css('left',initLeftPos+'px');

jQuery(window).load(function(){
  jQuery('.scrollWrapper img').each(function(){
    imagesWidth = imagesWidth + jQuery(this).width();
  });
//  jQuery('.scroller-item-wrapper .button').each(function(){
//    scrollerWidth = scrollerWidth + jQuery(this).width();
//  });
});

jQuery(".scrollingHotSpotLeft").click(function(){
  if (imagesWidth > 1300){
    jQuery('.scrollWrapper').animate({left: '0px'}, 500);
  }
  });


  jQuery(".scrollingHotSpotRight").click(function(){
    if (imagesWidth > 1300){
      jQuery('.scrollWrapper').animate({left: (1000-imagesWidth)+'px'}, 500);
    }
  });


 jQuery(".scrollingHotSpotLeft").hover(function(){
    jQuery('body').everyTime(10,'left',function() {
      moveRight();
    });
  }, function(){
      jQuery('body').stopTime('left');
  });


  jQuery(".scrollingHotSpotRight").hover(function(){
    jQuery('body').everyTime(10,'right',function() {
      moveLeft();
    });
  }, function(){
      jQuery('body').stopTime('right');
  });

  jQuery(".gallery img").click(function(){
    showLightBox(jQuery(this));
  });

  jQuery("#light_bg, #image_box").click(function(){
    hideLightBox();
    jQuery('#green-ecology').css('display','none');
    jQuery('#ecology-lightbox_bg').css('display','none');
    jQuery('#afrika-lightbox').css('display','none');
  });

  jQuery(".close").click(function(){
    jQuery('#green-ecology').css('display','none');
    jQuery('#ecology-lightbox_bg').css('display','none');
    jQuery('#docs-lightbox').css('display','none');
    jQuery('#afrika-lightbox').css('display','none');
    jQuery('#light_bg').css('display','none');
  });

  jQuery("#image_box img").live('click',function(){
    hideLightBox();
  });

  jQuery("#image_box img").live('click',function(){
    hideLightBox();
  });

  jQuery("#image_next, #image_prev").live('click',function(){
    var selector = '.gallery img[src="'+jQuery(this).attr('source')+'"]';
    var img = jQuery(selector);
    showLightBox(img);
  });

  jQuery('#docs-lightbox-link').click(function(){
    jQuery('#light_bg').css('display','block');
    jQuery('#docs-lightbox').css('display','block');
    jQuery('#ecology-lightbox_bg').css('display','block');
  });

  jQuery('#ecology-lightbox').click(function(){
    jQuery('#light_bg').css('display','block');
    jQuery('#green-ecology').css('display','block');
    jQuery('#ecology-lightbox_bg').css('display','block');
  });
  
  jQuery('#afrika-lightbox-link').click(function(){
    jQuery('#light_bg').css('display','block');
    jQuery('#afrika-lightbox').css('display','block');
    jQuery('#ecology-lightbox_bg').css('display','block');
  });



   jQuery('.scroller-item-wrapper .button').click(function(){
    selectedItem = jQuery(this);
    //jQuery('body').everyTime(10,'buildings',function() {
    scrollComplete = true;
      if(scrollComplete){
        var currentPosition = initLeftPos - (jQuery(this).index()*30);
        selectedItem.siblings().removeClass('selected');
        jQuery('#calm-building-content-wrapper > div').css('display', 'none');
        jQuery('#'+selectedItem.attr('id').replace('_button','')).css('display','block');
        selectedItem.addClass('selected');
        scrollComplete = false;
        jQuery('.scroller-item-wrapper').animate({left: currentPosition+'px'}, 100, function(){
          scrollComplete = true;
        });
      }
    //});

  });

  jQuery('.scroller-item-wrapper .button').mouseover(function(){
    selectedItem = jQuery(this);
    //jQuery('body').everyTime(10,'buildings',function() {
      if(scrollComplete){
        var currentPosition = initLeftPos - (jQuery(this).index()*40);
        selectedItem.siblings().removeClass('selected');
        jQuery('#calm-building-content-wrapper > div').css('display', 'none');
        jQuery('#'+selectedItem.attr('id').replace('_button','')).css('display','block');
        selectedItem.addClass('selected');
        scrollComplete = false;
        jQuery('.scroller-item-wrapper').animate({left: currentPosition+'px'}, 100, function(){
          scrollComplete = true;
        });
      }
    //});

  });

});


function showLightBox(img){
  jQuery('#image_box').html('');
  var prevImage = img.prev();
  var nextImage = img.next();
  var src = img.attr('src').replace('resized/','');
  jQuery('#light_bg').css('display','block');
  jQuery('#image_box').html('<center><div><img src="'+src+'" alt="image zoom" /></div></center>');
  jQuery('#image_loader').html('<img src="'+src+'" />');
  jQuery.ajax({
   url: src,
   complete:function(){
    if(prevImage.length > 0){
      jQuery('#image_box').append('<div id="image_prev" source="'+prevImage.attr('src')+'"></div>');
    }
    if(nextImage.length > 0){
      jQuery('#image_box').append('<div id="image_next" source="'+nextImage.attr('src')+'"></div>');
    }
    var arrowsPosiotion = ((1000 - jQuery('#image_box img').width()) / 2) ;
    jQuery('#image_prev').css('left',arrowsPosiotion);
    jQuery('#image_next').css('right',arrowsPosiotion);
      //jQuery('#image_prev').css('left',jQuery('#image_box img').offset().left - 180);
      //jQuery('#image_next').css('left',jQuery('#image_box img').offset().left + (jQuery('#image_box img').width()));
      // jQuery('#image_box img').offset().left + (jQuery('#image_box img').width())
      // (jQuery('#image_box img').width()-220)
    
  }});
  
}

function hideLightBox(){
  jQuery('#light_bg').css('display','none');
  jQuery('#image_box').html('');
}


function moveLeft(){
    var leftPos = getLeftPosition();
    if(imagesWidth - 1000 >  (leftPos * -1)){
      jQuery('.scrollWrapper').css("left", leftPos-5);
    }
}

function moveRight(){
    var leftPos = getLeftPosition();
    if(leftPos < 0){
      jQuery('.scrollWrapper').css("left", leftPos+5);
    }
}

function getLeftPosition(){
  var leftPos = jQuery('.scrollWrapper').css('left');
  if(leftPos.indexOf('px') != -1){
    leftPos.replace('px','');
  }
  return parseInt(leftPos);
}