// JScript File
var expertIndex = 0;
var browserName=navigator.appName;

function initExperts() {

	// display the status of the transaction
	var hand = function(strJSON) {
	
	    if (this.req.readyState == 4) {
	    
	        // get JSON from script
	        var experts = eval(strJSON);
		    var numExperts = experts.length;
    		
		    if (numExperts > 0) {
    		
    		    // store JSON
		        createCookie("expertsList",strJSON);
		        
		        // get first expert in list
                var expert = experts[0];
                getExpert(0);

		    }	
	    }
	}
	
	// instantiate AJAX class and request URL
	var myXHR = new Snoopy();
	myXHR.doGet("scripts/getRandomExperts.aspx", hand); 
	
}

function showExpertData(expertID) {

    // display the status of the transaction
	var hand = function(str) {
		
		if (this.req.readyState == 4) {
		
		    var expertJSON = eval("("+str+")");
		    var expert = expertJSON.ExpertDataSet.ExpertData;
		    var respDiv = $("expertData");
		   
	        // clear all current elements in the container
	        RemoveAllChildren(respDiv);
		
            // if photo exists, add it
            if (expert.Photo) {
	        
                // handle IE and other browsers differently
                if (browserName !== 'Microsoft Internet Explorer') {
	            
                    var atts = new Object();
                    atts['src'] ="/Directory/Pics/" + expert.Photo;
                    atts['width'] ='80';
                    atts['align'] ='left';
                    atts['style'] ='margin:8px';
	                
                    var myPhoto = AddChild(document, respDiv, 'img','',atts);

                }
                else {
                    var myPhoto = AddChild(document, respDiv, 'img');
                    myPhoto.src = "/Directory/Pics/" + expert.Photo;
                    myPhoto.width = "80";
                    myPhoto.align = "left";
                    myPhoto.style.margin = "8px";
                }

            }
            
            AddChild(document, respDiv, 'br');
	        
            // add name and link
            var myName = AddChild(document, respDiv, 'a');
            myName.innerHTML = expert.firstName + " " + expert.lastName;
            myName.href = "/Directory/ShowInfo.aspx?id=" + expert.facultyID;
            myName.className = "expertBoxLink"
	        
            // add expertise text
            var myExpertise = AddChild(document, respDiv, 'p',expert.expertise);
            myExpertise.style.fontSize = "11px";
            
            getExpertVideoLink(expert.facultyID, respDiv)

		}	
	}
	
	// instantiate AJAX class and request URL
	var myXHR = new Snoopy();
	myXHR.doGet("scripts/getExpertData.aspx?id=" + expertID, hand); 
	
}

function getExpertVideoLink(facultyID, parent) {
    
     var handVideo = function(str) {
		
        if (this.req.readyState == 4) {
        
            if (str != '') {
            
                var expertVideoJSON = eval("("+str+")");
		        var expertVideo = expertVideoJSON.ExpertVideoDataSet.ExpertVideo;
    		    
		        if (expertVideo.videoID) {
		        
		            // handle IE and other browsers differently
                    if (browserName !== 'Microsoft Internet Explorer') {
    	            
                        var atts = new Object();
                        atts['src'] ="images/playicon.png";
                        atts['align'] ="absmiddle";
                        var myPhoto = AddChild(document, parent, 'img','',atts);

                    }
                    else {
                        var myPhoto = AddChild(document, parent, 'img');
                        myPhoto.src = "images/playicon.png";
                        myPhoto.align = "absmiddle";
                    }
		        
		            var myLink = AddChild(document, parent, 'a');
                    myLink.innerHTML = "View " + expertVideo.firstName + "'s Video";
                    myLink.href = "/videoarchive/video.asp?vid=" + expertVideo.videoID;
                    myLink.className = "videoLink";

		        }
            }
        }	
    }
    
    // instantiate AJAX class and request URL
    var myXHR2 = new Snoopy();
    myXHR2.doGet("scripts/getExpertVideo.aspx?id=" + facultyID, handVideo); 
	        
}

function nextExpert() {
    expertIndex = expertIndex + 1;
    getExpert(expertIndex);
}

function previousExpert() {
    expertIndex = expertIndex - 1;
    getExpert(expertIndex);
}

function getExpert(index) {
    
    var experts = eval(readCookie("expertsList"));
	var numExperts = experts.length;
	
	formatButtons(numExperts);
	
	if (numExperts > 0) {
	    var expert = experts[index];
	    showExpertData(expert.facultyID); 
	}
	
}

function formatButtons(numExperts) {

    var prevExpert = $("btnPreviousExpert");
    var nextExpert = $("btnNextExpert");
    var navStatus = $("navStatus");
    
    navStatus.innerHTML = (expertIndex + 1) + " of " + numExperts;
    
    prevExpert.disabled = (expertIndex > 0) ? false : true;
    nextExpert.disabled = (expertIndex <= (numExperts - 2)) ? false : true;
      
}