var containerHeight = 0; 
var scrollCotent = ''; 
function getContainerHeight(o) { 
	containerHeight = $(o).parent().height(); 
	containerHeight -= 20; 
} 
function getScrollContent(o) { 
sc = $(o).next(); 
sch = sc.height(); 
} 


function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}
$(function() {
    setInterval( "slideSwitch()", 5000 );
});

function slideSubpage() {
    var $active = $('.slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('.slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('.slideshow IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}
$(function() {
    setInterval( "slideSubpage()", 5000 );
});



$(document).ready(function() {

	// place the main container on the center of a screen
	var user_w = $(window).width();
	var user_h = $(window).height();
	var element_w = 1200;
//	var element_h = 650;	
	var element_h = 510;
	if (element_h > user_h) {
		var set_margin_top = 0;
	} else {
		var set_margin_top = Math.ceil((user_h - element_h)/2);
	}
	if (element_w > user_w) {
		if (user_w < 950) { 
		var set_width = 950;
		} else {
		var set_width = user_w;
		}
	var background_pos = "top center";
	} else {
	var set_width = 1200;
	var background_pos = "top left";
	}

	var margin_top = set_margin_top + "px";
	var width = set_width + "px";
	$("#bg_container").css("margin-top", margin_top);
	$("#general_container ").css("width", width);
	$("#bg_container").css("width", width);
	$("#bg_container").css("background-position", background_pos);



	$(".main_menu a").hover(
		function() {
		var id = $(this).attr("id");
		var submenu = '#submenu_' + id;
		if ($(submenu).is(":visible")) {
			$(submenu).show();
			} else { 
			$(".submenu:visible").fadeOut();
			$(submenu).fadeIn();
			}
		},
		function() {
//		var id = $(this).attr("id");
//		var submenu = '#submenu_' + id;
//		$("#menu_el").removeClass(id);
//		$("#menu_el").hide();
		}
	);
	
	
	/*$(".main_menu a").click(
		function() {
		var id = $(this).attr("id");
			if (id == 'spa') {
			// return true
			} else {
			return false;
			}
		}
	); */
	
	$(".submenu a").hover(
		function() {
		var current_el = '#' + $(this).parent().attr("id") + " a";
		var current_el_img = '#' + $(this).parent().attr("id") + " img";
		var index = $(current_el).index(this);
		var current_img = $(current_el_img).eq(index);
		var current_img_src = $(current_el_img).eq(index).attr("src");
		var rollover_src = current_img_src.replace(".jpg", "_on.jpg");
			if ( $(current_img).hasClass("active_image") ) {
			// do nothing
			} else {
			$(current_img).attr({ src: rollover_src});
			}
		},
		function() {
		var current_el = '#' + $(this).parent().attr("id") + " a";
		var current_el_img = '#' + $(this).parent().attr("id") + " img";
		var index = $(current_el).index(this);
		var current_img = $(current_el_img).eq(index);
		var current_img_src = $(current_el_img).eq(index).attr("src");
		var rollout_src = current_img_src.replace("_on.jpg", ".jpg");
			if ( $(current_img).hasClass("active_image") ) {
			// do nothing
			} else {
			$(current_img).attr({ src: rollout_src});
			}
		}
	);
	
		$(".active_submenu a").click(
		function() {
		var current_id = $(this).attr("id");
		var current_div = "#" + current_id.substr(4);
		var current_div_content = current_div + " div";
		var current_div_copy = current_div + " .copy";
		var current_div_img = current_div + " .image_container img";
		
		var active_img_src = $(".active_image").attr("src");
		var disactive_src = active_img_src.replace("_on.jpg", ".jpg");
		$(".active_image").attr({ src: disactive_src });
		$(".active_image").removeClass("active_image");
		
		var current_link_img = "#" + current_id + " img";
		var current_link_img_src = $(current_link_img).attr("src");
		var rollover_src = current_link_img_src.replace(".jpg", ".jpg");
		$(current_link_img).addClass("active_image");
		$(current_link_img).attr({ src: rollover_src});
	
		$("#main_container div").hide();
		$(current_div).show();
		$(current_div_img).fadeIn("slow");
		$(current_div_copy).fadeIn("slow");
		$(current_div_content).show();

		return false;
		}
	);
	

	
	$("#menu_container").hover(
		function() {
		//do nothing
		},
		function() {
		$(".submenu").not(".active_submenu").fadeOut();
		$(".active_submenu").fadeIn();
		}
	);
	

	$(".team_menu a").click(
		function() {
		var id = $(this).attr("id");
		var details = '#details_' + id;
		var scrollpane = ".jScrollPaneContainer:has(" + details + ")";
		var bg_img_off = $(this).css("background-image");
		var bg_img_on = bg_img_off.replace(".jpg", "_on.jpg");
//		$(".team_menu a").removeClass("active");
//		$(".team_menu a").addClass("disactive");
//		$(this).removeClass("disactive");
	//		$(this).addClass("active");
		$(".team_menu a").css("background-image","url(images/css/team_arrow.jpg)");
		$(this).css("background-image","url(images/css/team_arrow_on.jpg)");
		$(".jScrollPaneContainer:visible").hide();
		$(scrollpane).fadeIn();
		$(details).fadeIn();
		return false; 
		}
	);
	
	$(".scrollpane").jScrollPane();


});