function getEl(el) {
    return document.all ? document.all[el] : document.getElementById(el);
}
var tabs_curtab = 'tabs0';
var totalselected = 0;
var name = '';
function goTabtabs (whichtab) {
    getEl(tabs_curtab + 'td').className='back1';
    getEl(whichtab + 'td').className='back2';
    getEl(tabs_curtab).style.visibility='hidden';
    getEl(whichtab).style.visibility='visible';
    tabs_curtab = whichtab;
    return;
}
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'none')
e.style.display = 'block';
else
e.style.display = 'none';
}
function toggle_expanded(id) {
var e = document.getElementById(id);
if(e.style.display == 'none')
e.style.display = 'block';
else
e.style.display = 'none';
}
function toggle_basic(id) {
var e = document.getElementById(id);
if(e.style.display == 'none')
e.style.display = 'block';
else
e.style.display = 'none';
}
function fname_first(name) {
    fname = name.substring(name.indexOf(',') + 2, name.length);
    fname = fname.substring(0, fname.indexOf('-'));
    lname = name.substring(0, name.indexOf(','));
    return fname + ' ' + lname;

}

function set_selected_for_pos(list, pos) {
    var selec = '';
    for (var i = 0; i < list.options.length; i++) {
      
	if (list.options[i].selected) {
	    name = list.options[i].text;
	    if(name) {
		fname = name.substring(name.indexOf(',') + 2, name.length);
		lname = name.substring(0, name.indexOf(','));
		selec = selec + fname + ' ' + lname + ', ';
	
	    }
	}

    }

    selec = selec.substring(0, selec.length - 2);
    position_list[pos] = selec;

}

function aggreg_positions() {
    var sel = '';
    for (var j = 0; j < positions_num; j++){
	if(position_list[positions[j]]){
	    sel = sel + position_list[positions[j]] + ', ';
	}
	
    }
    return sel;
}

function add_player(list, pos) {
    set_selected_for_pos(list, pos);
    var sel = aggreg_positions();
    if (totalselected > 3)
		{
        alert("You\'ve selected too many players. The max is 3. The form will be reset")
        getEl('added_players').innerHTML = '<b>Players:</b> Select up to three players.)';  
        document.getElementById('ajaxDiv').innerHTML = '';
        position_list = new Array(positions_num);
        getEl('error').innerHTML = '';            
        document.compareit.reset();
        return false;

      } 
        if (totalselected == 2)
		{
        document.getElementById('error').innerHTML = 'Are you ready to compare players? <br />If you like, you may select one more player.<br /> <input type=\'image\' src=\'images/compare.jpg\' onclick=\'ajaxFunction();toggle_visibility("top");\' value=\'Compare\' /> <input type=\'image\' src=\'images/reset.jpg\' onclick=\'resetFunction();\' value=\'Reset\' />';
        sel = sel.substring(0, sel.length - 2);
        getEl('added_players').innerHTML = sel;
        document.getElementById('ajaxDiv').innerHTML = '';        
        return true;
        } 
       if (totalselected == 3)
		{
        document.getElementById('error').innerHTML = 'You\'ve selected the max amount of players!<br />	<input type=\'image\' src=\'images/compare.jpg\' onclick=\'ajaxFunction();toggle_visibility("top");\' value=\'Compare\' /> <input type=\'image\' src=\'images/reset.jpg\' onclick=\'resetFunction();\' value=\'Reset\' />';
        sel = sel.substring(0, sel.length - 2);
        getEl('added_players').innerHTML = sel;
        document.getElementById('ajaxDiv').innerHTML = '';        
        return true;
        } 
    sel = sel.substring(0, sel.length - 2);
    if(!sel)  sel = '<b>Players:</b> Select up to three players'; 
    getEl('added_players').innerHTML = sel;
    document.getElementById('ajaxDiv').innerHTML = '';
    return;		

}
function resetFunction() 
{
        getEl('added_players').innerHTML = '<b>Players:</b> Select up to three players.)';  
        getEl('error').innerHTML = '';          
        document.getElementById('ajaxDiv').innerHTML = '';
        position_list = new Array(positions_num);
        document.compareit.reset();
}

function tooMany(selectObjectRP,selectObjectSP)
	{
totalselected = 0;
	for (var d = 0; d < selectObjectRP.options.length; d++)
		{
		if (selectObjectRP.options[d].selected == true)
			totalselected++;
		}
	for (var b = 0; b < selectObjectSP.options.length; b++)
		{
		if (selectObjectSP.options[b].selected == true)
			totalselected++;
		}

	}

//Browser Support Code
function ajaxFunction(){

        document.getElementById('error').innerHTML = '<input type=\'image\' src=\'images/startover.jpg\' onclick=\'resetFunction();toggle_visibility("top");\' value=\'Start Over?\' />';  
         document.getElementById('added_players').innerHTML = '';         
	var ajaxRequest;  // The variable that makes Ajax possible!
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
			ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e){
			// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 1)
{
 document.getElementById('ajaxDiv').innerHTML = "<table width=370 cellpadding=0 cellspacing=0 border=0 align=\"center\" style=\"background-image: url(images/top.gif)\" height=\"79\"><tr align=\"center\"><td></td></tr></table><table width=370 cellpadding=0 cellspacing=0 border=0 align=\"center\" style=\"background-image: url(images/mid.gif); background-repeat: repeat-y;\"><tr align=\"center\"><td><img src=\"images/ajax-loader.gif\"> Comparison is loading...</td></tr></table><table width=\"370\" height=\"22\" align=\"center\" style=\"background-image: url(images/bottom.gif)\" ><tr><td></td></tr></table>";
}

	else if(ajaxRequest.readyState == 4){

			var ajaxDisplay = document.getElementById('ajaxDiv');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;

		}
	}


	var queryString = Form.serialize(compareit);
	
	ajaxRequest.open("GET", "newmlbcompare3.php?" + queryString + "&count=" + totalselected, true);
	ajaxRequest.send(null); 

}
	var panelWidth = 250;	// Width of help panel	
	var slideSpeed = 15;		// Higher = quicker slide
	var slideTimer = 10;	// Lower = quicker slide
	var slideActive = true;	// Slide active ?
	var initBodyMargin = 0;	// Left or top margin of your <body> tag (left if panel is at the left, top if panel is on the top)
	var pushMainContentOnSlide = false;	// Push your main content to the right when sliding
	var panelPosition = 0; 	// 0 = left , 1 = top
	
	/*	Don't change these values */
	var slideLeftPanelObj=false;
	var slideInProgress = false;	
	var startScrollPos = false;
	var panelVisible = false;
	function initSlideLeftPanel(expandOnly)
	{
		if(slideInProgress)return;
		if(!slideLeftPanelObj){
			if(document.getElementById('dhtmlgoodies_leftPanel')){	// Object exists in HTML code?
				slideLeftPanelObj = document.getElementById('dhtmlgoodies_leftPanel');
				if(panelPosition == 1)slideLeftPanelObj.style.width = '100%';
			}else{	// Object doesn't exist -> Create <div> dynamically
				slideLeftPanelObj = document.createElement('DIV');
				slideLeftPanelObj.id = 'dhtmlgoodies_leftPanel';
				slideLeftPanelObj.style.display='none';
				document.body.appendChild(slideLeftPanelObj);
			}
			
			if(panelPosition == 1){
				slideLeftPanelObj.style.top = "-" + panelWidth + 'px';
				slideLeftPanelObj.style.left = '0px';	
				slideLeftPanelObj.style.height = panelWidth + 'px';			
			}else{
				slideLeftPanelObj.style.left = "-" + panelWidth + 'px';
				slideLeftPanelObj.style.top = '0px';
				slideLeftPanelObj.style.width = panelWidth + 'px';
			}
			

			if(!document.all || navigator.userAgent.indexOf('Opera')>=0)slideLeftPanelObj.style.position = 'fixed';;
		}	
		
		if(panelPosition == 0){
			if(document.documentElement.clientHeight){
				slideLeftPanelObj.style.height = document.documentElement.clientHeight + 'px';
			}else if(document.body.clientHeight){
				slideLeftPanelObj.style.height = document.body.clientHeight + 'px';
			}
			var leftPos = slideLeftPanelObj.style.left.replace(/[^0-9\-]/g,'')/1;
		}else{
			if(document.documentElement.clientWidth){
				slideLeftPanelObj.style.width = document.documentElement.clientWidth + 'px';
			}else if(document.body.clientHeight){
				slideLeftPanelObj.style.width = document.body.clientWidth + 'px';
			}
			var leftPos = slideLeftPanelObj.style.top.replace(/[^0-9\-]/g,'')/1;			
			
			
		}
		slideLeftPanelObj.style.display='block';
		
		if(panelPosition==1)
			startScrollPos = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
		else
			startScrollPos = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
		if(leftPos<(0+startScrollPos)){
			if(slideActive){
				slideLeftPanel(slideSpeed);	
			
			}else{
				document.body.style.marginLeft = panelWidth + 'px';
				slideLeftPanelObj.style.left = '0px';
			}
		}else{
			if(expandOnly)return;
			if(slideActive){		
				slideLeftPanel(slideSpeed*-1);
			}else{
				if(panelPosition == 0){
					if(pushMainContentOnSlide)document.body.style.marginLeft =  initBodyMargin + 'px';
					slideLeftPanelObj.style.left = (panelWidth*-1) + 'px';	
				}else{
					if(pushMainContentOnSlide)document.body.style.marginTop =  initBodyMargin + 'px';
					slideLeftPanelObj.style.top = (panelWidth*-1) + 'px';						
				}			
			}
		}	
		
		if(navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('Opera')<0){
			window.onscroll = repositionHelpDiv;
		
			repositionHelpDiv();
		}
		window.onresize = resizeLeftPanel;
		
	}
	
	function resizeLeftPanel()
	{
		if(panelPosition == 0){
			if(document.documentElement.clientHeight){
				slideLeftPanelObj.style.height = document.documentElement.clientHeight + 'px';
			}else if(document.body.clientHeight){
				slideLeftPanelObj.style.height = document.body.clientHeight + 'px';
			}		
		}else{
			if(document.documentElement.clientWidth){
				slideLeftPanelObj.style.width = document.documentElement.clientWidth + 'px';
			}else if(document.body.clientWidth){
				slideLeftPanelObj.style.width = document.body.clientWidth + 'px';
			}	
		}
	}
	
	function slideLeftPanel(slideSpeed){
		slideInProgress =true;
		var scrollValue = 0;
		if(panelPosition==1)
			var leftPos = slideLeftPanelObj.style.top.replace(/[^0-9\-]/g,'')/1;
		else
			var leftPos = slideLeftPanelObj.style.left.replace(/[^0-9\-]/g,'')/1;
			
		leftPos+=slideSpeed;
		okToSlide = true;
		if(slideSpeed<0){
			if(leftPos < ((panelWidth*-1) + startScrollPos)){
				leftPos = (panelWidth*-1) + startScrollPos;	
				okToSlide=false;
			}
		}
		if(slideSpeed>0){
			if(leftPos > (0 + startScrollPos)){
				leftPos = 0 + startScrollPos;
				okToSlide = false;
			}			
		}
		
		
		if(panelPosition==0){
			slideLeftPanelObj.style.left = leftPos + startScrollPos + 'px';
			if(pushMainContentOnSlide)document.body.style.marginLeft = leftPos - startScrollPos + panelWidth + 'px';
		}else{
			slideLeftPanelObj.style.top = leftPos + 'px';
			if(pushMainContentOnSlide)document.body.style.marginTop = leftPos - startScrollPos + panelWidth + 'px';			
			
		}
		if(okToSlide)setTimeout('slideLeftPanel(' + slideSpeed + ')',slideTimer); else {
			slideInProgress = false;
			if(slideSpeed>0)panelVisible=true; else panelVisible = false;
		}
		
	}
	
	
	function repositionHelpDiv()
	{
		if(panelPosition==0){
			var maxValue = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
			slideLeftPanelObj.style.top = maxValue;
		}else{
			var maxValue = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
			slideLeftPanelObj.style.left = maxValue;	
			var maxTop = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
			if(!slideInProgress)slideLeftPanelObj.style.top = (maxTop - (panelVisible?0:panelWidth)) + 'px'; 		
		}
	}
	
	function cancelEvent()
	{
		return false;
	}
	function keyboardShowLeftPanel()
	{
			initSlideLeftPanel();
			return false;	
	
	}
	
	function leftPanelKeyboardEvent(e)
	{
		if(document.all)return;
		
		if(e.keyCode==112){
			initSlideLeftPanel();
			return false;
		}		
	}
	
	function setLeftPanelContent(text)
	{
		document.getElementById('leftPanelContent').innerHTML = text;
		initSlideLeftPanel(true);
		
	}
	if(!document.all)document.documentElement.onkeypress = leftPanelKeyboardEvent;
	document.documentElement.onhelp  = keyboardShowLeftPanel;

