$(document).ready(function() {
  $('.branch a').PopUp('.branches');
});

jQuery.fn.PopUp = function(popup, group) {
  var popup = $(popup);
  $(this).addClass('popup-controler'+group);
  popup.addClass('popup-window'+group);

  $(this).click(function() {
    if ($(this).hasClass('active')) {
      popup.fadeOut("fast");
      $(this).removeClass('active');
      $('.branch-button').removeClass('active');
    }
    else {
      $('.popup-controler'+group).removeClass('active');
      $('.popup-window'+group).css('display', 'none');
      popup.fadeIn("fast");
      $(this).addClass('active');
      $('.branch-button').addClass('active');
    }
    return false;
  });
  return false;
};

function slideshow() {
	//Set the opacity of all images to 0
	$('div#rotator ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
	$('div#rotator ul li:first').css({opacity: 1.0});
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('rotate()',4000);
	
}

function rotate() {	
	//Get the first image
	var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));

	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));	
	
	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
};

$(window).bind('resize', function() {
 $("#background-img").css({"top" : "-" + ($('#background-img').height()-640) + "px"});
});

$(window).bind('load', function() {
 $("#background-img").css({"top" : "-" + ($('#background-img').height()-640) + "px"});
});

$(document).ready(function(){
 $(".menu-left li ul li a").hover(function() {
  if (!$(this).hasClass("active")) {
   $(this).stop().animate({ backgroundColor: "#DFECDD"}, 600);
  }
 },function() {
  if (!$(this).hasClass("active")) {
   $(this).stop().animate({ backgroundColor: "#FBFBFB" }, 600);
  }
 });
 $(".branches a").hover(function() {
 $(this).stop().animate({ backgroundColor: "#DFECDD"}, 600);
 },function() {
 $(this).stop().animate({ backgroundColor: "#FBFBFB" }, 600);
 });

/*
 $('#our-services-submenu').hide();
 $('#our-services-submenu').slideToggle();
*/

 $("#background-img").css({"top" : "-" + ($('#background-img').height()-640) + "px"});

 });