$(document).ready(function() {

// expand-collapse toggle

	$(".hid").hide();

	$(".tog").toggle(
		function() {
			$(this).next(".hid").slideDown(300);
//			$("span", this).text("-");
		},
		function() {
			$(this).next(".hid").slideUp(300);
//			$("span", this).text("+");
		});

// isu tabs & drawer
	$("#isu-drawer").hide();

	$("[show]").click(function() {
		var targetObjId = $(this).attr("show");
		var targetObj = $("[id="+targetObjId+"]");
		var targetObjGroup = $(targetObj).attr("group");
		if(targetObjGroup) {
			if($(this).hasClass("tab-active")) {
				$("#isu-drawer").slideUp("fast");
				$(".tab").removeClass("tab-active");
			} else {
				$("[group="+targetObjGroup+"]").not(targetObj).hide();
				$("#isu-drawer").slideDown("fast");
				$(".tab").removeClass("tab-active");
				$(targetObj).fadeIn("normal");
				$(this).addClass('tab-active');
			}
		}
		else {
			if($(targetObj).is(":hidden")) {
				$(targetObj).fadeIn("normal");
			} else {
				$(targetObj).fadeOut("normal");
			}
		}
		return false;
	});

	// nav  
	var nav = $(".topnav");
    nav.find("li").each(function() {
		if ($(this).find("ul").length > 0) {
			$("<span>").appendTo($(this).children(":first"));
			$(this).mouseenter(function() {
				$(this).find("ul").stop(true, true).delay(300).slideDown(300);
			});
			$(this).mouseleave(function() {
				$(this).find("ul").stop(true, true).fadeOut("fast");
			});
		}
	});


// nav old
//	$("[menu]").click(function() {
//		var targetObjId = $(this).attr("menu");
//		var targetObj = $("[id="+targetObjId+"]");
//		var targetObjGroup = $(targetObj).attr("group");
//		if($(this).parent().hasClass("menu-active")) {
//			$(targetObj).fadeOut("fast");
//			$(".menu-button").removeClass("menu-active");
//		} else {
//			$("[group="+targetObjGroup+"]").not(targetObj).fadeOut("fast");
//			$(targetObj).slideDown("fast");
//			$(this).parent().focusout(function() {
//				$(this).find(".menu").fadeOut("fast");
//				$(".menu-button").removeClass("menu-active");
//			});
//			$(".menu-button").removeClass("menu-active");
//			$(this).parent().addClass("menu-active");
//		}
//		return false;
//	});

// "for you" area
	$(".start .arealinks a").mouseover(function(){
		var newSrc = '/images/areas/for_you_' + $(this).attr('class') + '.png';
		var newSub = 'IT for ' + $(this).find('h5').text();
		var img = $('.start div.areaimage > img');
		var sub = $('.start div.areatext > h5');
		if (img.attr('src') != newSrc) {
//			img.stop(true, true).fadeOut(0, function() {
				img.attr('src', newSrc);
				img.fadeIn('fast');
//			});
		}
		sub.text(newSub).fadeIn('fast');
//		$(this).find('h5').fadeIn('fast');
	});

//	$(".start .arealinks a").mouseleave(function(){
//		$(this).find('h5').fadeOut('fast');
//	});

	$(".start .arealinks").mouseleave(function(){
		var img = $('.start div.areaimage > img');
		var sub = $('.start div.areatext > h5');
		if (img.attr('src') != '/images/areas/for_you.png') {
//			img.stop(true, true).fadeOut(0, function() {
				img.attr('src', '/images/areas/for_you.png');
				img.fadeIn('fast');
//			});
		}
		sub.fadeOut(0);
	});

	$(".start").mouseleave(function(){
		var sub = $('.start div.areatext > h5');
		sub.text('IT for You').fadeIn('fast');
	});

// colorbox
	$("a[rel='flashvideo']").colorbox({inline: true, slideshow: false, current: "{current} of {total}",});
	$(".modal").colorbox({opacity: 0.75,});

});


// Legacy JS (NOT JQUERY)
// ----------------------

// showhide
function showhide() {
	var primary = document.getElementById(arguments[0]).style.display
	for (var i=0; i<arguments.length; i++) {
		if (primary == 'none') {
			document.getElementById(arguments[i]).style.display = 'block';
		} else if (primary == 'block') {
			document.getElementById(arguments[i]).style.display = 'none';
		}
	}
}

// showhidefaq
function showhidefaq() {
	var primary = document.getElementById(arguments[0]).style.display
	for (var i=0; i<arguments.length; i++) {
		if (primary == 'none') {
			document.getElementById(arguments[i]).style.display = 'block';
			document.getElementById(arguments[i] + 'button').innerHTML = '[-]&nbsp;Answer';
		} else if (primary == 'block') {
			document.getElementById(arguments[i]).style.display = 'none';
			document.getElementById(arguments[i] + 'button').innerHTML = '[+]&nbsp;Answer';
		}
	}
}

