// JavaScript Document

var imgSwap = function($element, state){
	if (state == 'on'){
		//check if on is already set
		if($element[0].src.indexOf('_on', 0) > 0){
			return;
		}
		else if ($element[0].src.indexOf('_off', 0) > 0){
			var theDot = $element[0].src.lastIndexOf('.');
			var newImg = $element[0].src.substring(0, theDot-4) + '_on' + $element[0].src.substring(theDot);
		}
		else{
			return;
		}
	}
	//state off
	else{
		if($element[0].src.indexOf('_off', 0) > 0){
			return;
		}
		else if ($element[0].src.indexOf('_on', 0) > 0){
			var theDot = $element[0].src.lastIndexOf('.');
			var newImg = $element[0].src.substring(0, theDot-3) + '_off' + $element[0].src.substring(theDot);
		}
		else{
			return;
		}
	}
	$element.attr('src', newImg);
}
$(document).ready(function(){
	$('#menu a img').hover(
		function(){
			imgSwap($(this), 'on')	
		},
		function(){
			imgSwap($(this), 'off');
		}
	);
	
	//question mark tooltip
	//execute only on modal page
	if ($('#tooltip1').length > 0) {
		$('#tooltip1').qtip({
			api: {
				onFocus: function(){
					$(".qtip-active").css("z-index", 10000);
				}
			},
			position: {
				corner: {
					target: 'rightTop',
					tooltip: 'bottomLeft'
				}
			},
			show: {
				effect: {
					type: 'grow',
					length: 400
				}
			},
			hide: {
				effect: {
					type: 'grow',
					length: 400
				}
			},
			style: {
				name: 'light',
				tip: true,
				border: {
					radius: 8,
					color: '#999'
				}
			},
			content: "Accepting an invitation will add to your friends list"
		});
	}
	

	$('.modalComment').colorbox({
		scrolling:false, innerHeight: 260, innerWidth:717 
	});
	
	$('#cancel').click(function(){$.fn.colorbox.close();});	

	$("#closeConfirmBox").click(function(){
  		$("#statusStatements").fadeOut("slow");
    });
});

// function to change search parameter on member search page
function setSearchParameter(event) {
	var name = document.getElementById("name");
	var email = document.getElementById("email");
	if(event == "name") {
		name.style.display = "block";
		email.style.display = "none";
	} else if (event == "email") {
		name.style.display = "none";
		email.style.display = "block";
	} else {
		name.style.display = "block";
		email.style.display = "none";
	}
}