/**
 * This will search the contacts database based on name and department and then return them in a list via ajax
 * var member = the name of the contact
 * var department = find the contact in this department
 */
function searchPeople(member, department)
{
    // first put the loading gif in to the area
    var loading = '<img src="/images/people-loader.gif" alt="Retrieving people" style="padding-left: 20px;" />';
    
    $("#people-holder").html(loading);
    
    $.ajax({
        type    : 'POST',
        url     : '/lib/people.php',
        data    : ({
            mem   : member,
            dep   : department,
            page  : this_page
        }),
        dataType: 'HTML',
        success : function(rethtml){            
            returnstring = rethtml;
        },
        error   : function(){
            returnstring = '<p><i>Could not search the people database</i></p>';
        },
        async   : false,
        timeout : 5000
    });
    
    $("#people-holder").fadeOut( function(){
        $(this).html(returnstring);
        $("#people-holder").slideDown( function(){
            $("#people-holder").fadeIn();
        });
    });
}

$(document).ready( function(){
    // function to highlight the selected item on the static nav
    $("#header > .footer > .body > ul > li > a").each( function(){
        if($(this).attr('href') == '/' + page_name){
            $(this).parent().attr('class', 'selected');
        }    
    });
    
    $('#page-banner')
		.after('<div id="page-banner-select">')
		.cycle({
		    fx:     'fade',
		    speed:  'slow',
		    timeout: 7000,
		    pager:  '#page-banner-select',
		    debug: false
		    //next:   '#next',
		    //prev:   '#prev'
		});			

	$("#page-banner-select").find("a").text("");
    
	
    $( "#tabs" ).tabs();
        
    var selectorBannerImage = "#image-banner .image-item";
	var selectorList = "#news-feed li";
	var eleIndex = 0;
	var eleTotal = $(selectorList).length;
	var lastEle = 0;
	
   if($("#image-banner")){  
   
		
	    $(selectorBannerImage).hide();
	    showImage(0, "fade");
		$(selectorList+':eq(0)').addClass("active");
		eleIndex++;	
	    timer(eleIndex);
		$(selectorList).hover(
		    function(){	
				
				$(selectorList).each(function(){
					$(this).removeClass('active');				
				});				    
				
				eleIndex = $(this).index();
			    $(this).addClass("active");
			    showImage(eleIndex);				
				endTimer();				
		    }, 
		    function(){
			   /* $(this).removeClass("active"); */
				if (eleIndex == (eleTotal-1)) {
					eleIndex = 0;
				} else {
					eleIndex++;
				}
				timer(eleIndex);				
		    }
	    );
    }
    
    $("#searchpeople").click( function(){
        var member = $("#member").val();   
        var department = $("#department").val();
        
        if(member == 'I know who I\'m looking for...'){
            member = undefined;
        }
        
        if(member == undefined && department == undefined){
            alert('Please enter either a name or department');
        }else{
            searchPeople(member, department);
        }
    });
		
	function showImage(elementIndex, type) {		
		
		if (type == "fade"){
			$(selectorBannerImage+":eq("+lastEle+")").fadeOut(1000);		
			$(selectorBannerImage+":eq("+elementIndex+")").fadeIn(1000);
		} else {		
			$(selectorBannerImage+":eq("+lastEle+")").hide();		
			$(selectorBannerImage+":eq("+elementIndex+")").show();
		}
			lastEle = elementIndex;				
		
	}
	
	function timer(eleIndex) {
		playId = setTimeout(function(){    
			lastIndex = eleIndex -1;
			$(selectorList+':not('+eleIndex+')').removeClass("active");
			$(selectorList+':eq('+eleIndex+')').addClass("active");
			
			showImage(eleIndex, "fade");			
			
			if (eleIndex == (eleTotal-1)) {
				eleIndex = 0;
			} else {
				eleIndex++;
			}
			
			timer(eleIndex);
			

		}, 6000);  
	}
	
	function endTimer(){
		clearTimeout(playId);
	}
	
	$("#login").validate();
	$("#poll-vote").validate();
	$("#login_main").validate();
	
	/* open new page 
	
	$('.spark-item, #news-feed li, .list-item').click(function(){
		pageName = $(this).attr('title');
		window.location = pageName;		
	})
	*/
	
	$('#news-feed li').click(function(){
		pageName = $(this).attr('title');
		window.location = pageName;		
	})
	
	
	
	
});