$(document).ready(
	function() {
		jQuery('.footer-holder .image-place li').hover(footerimg_over, footerimg_out);
		jQuery('#popup #popup-nav li').hover(popup_li_over, popup_li_out);
		jQuery('#scroll').jScrollPane({scrollbarWidth:21,dragMaxHeight:65,dragMinHeight:65,showArrows:true});
		if (js_slide != '') {
			js_slide = parseInt(js_slide);
		    if (js_slide != slide_current) {
			    slide_change(slide_current, js_slide, 0);
		    }
		}
	}
);

function footerimg_over() {
	$(this).find('.tooltip').fadeIn(500);
	$(this).find('a img').animate({opacity: 1}, 500);
}
function footerimg_out() {
	jQuery('.footer-holder .image-place li .tooltip').stop(true, true);
	jQuery('.footer-holder .image-place li a img').stop(true, true);
	jQuery('.footer-holder .image-place li .tooltip').hide();
	jQuery('.footer-holder .image-place li a img').animate({opacity: 0.5}, 0);
}

function popup_li_over() {
	$(this).addClass('popup-hover');
}

function popup_li_out() {
	$(this).removeClass('popup-hover');
}

// homepage slider
var slide_count = 0;
var slide_time = 400;
var slide_current = 1;
function slide_prev() {
  var pnumb = slide_current;
  var nnumb = slide_current - 1;
  if (nnumb < 1) { nnumb = slide_count; }
  slide_change(pnumb, nnumb, slide_time);
}
function slide_next() {
  var pnumb = slide_current;
  var nnumb = slide_current + 1;
  if (nnumb > slide_count) { nnumb = 1; }
  slide_change(pnumb, nnumb, slide_time);
}
function slide_oclick(nnmb) {
  if (nnmb != slide_current) {
	slide_change(slide_current, nnmb, slide_time);
  }
}
function slide_change(pnmb, nnmb, stime) {
  var slul = jQuery("#hslide-ul");
  var li_width = 652;
  var offset_left = -((li_width * nnmb) - li_width);
  slul.animate(
	  {left: offset_left},
	  stime,
	  function() {
	    jQuery("#hpage-"+pnmb).removeClass('active');
	    jQuery("#hpage-"+nnmb).addClass('active');
		slide_current = nnmb;
	  }
  );
}

// footer gallery
$(function(){
  var div = jQuery('#footer-gallery'),
               ul = $('#footer-gallery-ul'),
               ulPadding = 480;

  //Get menu width
  var divWidth = div.width();

  //Remove scrollbars
//  div.css({overflow: 'hidden'});

  //Find last image container
  var firstLi = ul.find('li:first-child');
  var lastLi = ul.find('li:last-child');

  //When user move mouse over menu
  div.mousemove(function(e){

    //As images are loaded ul width increases,
    //so we recalculate it each time
    var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;

	var difEandDiv = e.pageX - div.offset().left;
    var left = (e.pageX - div.offset().left) * (ulWidth - divWidth) / divWidth;
	if (difEandDiv < 800) {
	  left = left - 200;
      div.scrollLeft(left);
	}
  });
});