
//   function PickemGame( gameId, watchTabId, pseudoRadioId1, pseudoRadioId2, drawButtonId, 
//                        textboxId1, sliderbgId1, sliderHighlight1, sliderthumbId1, 
//                        textboxId2, sliderbgId2, sliderHighlight2, sliderthumbId2, savingMaskId, 
//                        fanNumberId, fanPhotoContainerId, commentNumberId, pickWinningTeamColumnId, sliderColumnId, commentTextboxId,
//                        commentbuttonId, noScore, maxScore)
	function PickemGame(gameId, gameType, noScore, maxScore, gameStatus)
   {
        var PickemAjaxObject = {
            params:"",
            url:"",
	        handleSuccess:function(o){
	            if(savingMask)
	            {
		            savingMask.style.display = 'none';
		        }
	            // if the game already started, the script will return a JSON object with their previous pick (if any)
				// give the user an alert and reset the picks back to whatever they were
				//if (o.responseText != 'success') {
                
                //alert(o.responseText);
			   var watchResponseObj = YAHOO.lang.JSON.parse(o.responseText);
               // the pick did not save for some reason - treat as a failure
               if (watchResponseObj.lastActionStatus == 'failure')
               {
                    this.handleFailure(o);
               }
               else if (watchResponseObj.lastActionStatus != "success") 
               {
					var myPick = watchResponseObj.pick;
					var selectedPick = '';
					if (myPick == 'team1') {
						selectedPick = 0;
					} else if (myPick == 'team2') {
						selectedPick = 1;
					} else if (myPick == 'draw') {
						selectedPick = 'draw';
					}
					var pickWord = (selectedPick == '') ? 'picks' : 'changes';
					var myScore = [watchResponseObj.team1_score, watchResponseObj.team2_score];
					
                	pickWinningTeamColumn.style.background = "url(http://cdn.faniq.com/img/module_game2.png) no-repeat -296px -15px";
					sliderColumn.style.background = "url(http://cdn.faniq.com/img/module_game2.png) no-repeat -362px -15px";
					for(i=0;i<pseudoRadioButtons.length;i++)
		            {
               			pseudoRadioButtons[i].src = (selectedPick == i) ? "http://cdn.faniq.com/img/circle-selected_03.png" : "http://cdn.faniq.com/img/circle-not-selected_03.png";
		            }
	                if(drawButton)
	                {
	                    drawButton.src = (selectedPick == 'draw') ? "http://cdn.faniq.com/img/draw_over_03.png" : "http://cdn.faniq.com/img/draw.png";
	                }
		            for(i=0;i<sliders.length;i++)
		            {
						setScore(i, myScore[i]);
					}
					alert('Sorry, this game has already started.  Your ' + pickWord + ' were not saved.');
				} 
                else if (watchResponseObj.gameType == "game") 
                {
                    this.handleGameWatchSuccess(o);
                } 
                else if (watchResponseObj.gameType == "pickem")
                {
                    var pickString_span = document.getElementById("userpick_"+gameId);
                    pickString_span.innerHTML = watchResponseObj.pickString;
                }
	        },

	        handleFailure:function(o){
	            if(savingMask)
	            {
		            savingMask.style.display = 'none';  
		        }
                for(i=0;i<pseudoRadioButtons.length;i++)
                {
                    pseudoRadioButtons[i].src = "http://cdn.faniq.com/img/circle-questionmark_03.png";
                }
                for(i=0;i<sliders.length;i++)
                {
                	setScore(i, -1);
    			}
                if(drawButton)
                {
                    drawButton.src = "http://cdn.faniq.com/img/draw.png";
                }
    			pickWinningTeamColumn.style.background = "url(http://cdn.faniq.com/img/module_game2.png) no-repeat -296px -513px";
                sliderColumn.style.background = "none";
               
				alert('Sorry, your pick did not go through. Please try again.');
	        },
	        
	        handleWatchSuccess:function(o)
	        {
	            if (o.responseText != 'failed') {
					var watchResponseObj = YAHOO.lang.JSON.parse(o.responseText);
	            	fanNumberElement.innerHTML = watchResponseObj.numberFansWatching;
					//var numFansWatching = fanNumberElement.innerHTML;
		            //fanNumberElement.innerHTML = eval(numFansWatching) + 1;
	
	                // remove the old photos
	                while ( fanPhotoContainer.hasChildNodes() )
	                {
	                    fanPhotoContainer.removeChild( fanPhotoContainer.firstChild );    
	                }
	                //update photos
	                for(i=0;i<watchResponseObj.fanPhotos.length;i++)
	                {
                        var fan = watchResponseObj.fanPhotos[i];
                        var watchingUser = document.createElement("div");
                        watchingUser.className = "photoContainer";
                        //watchingUser.setAttribute("class", "photoContainer");
                        //var imgTag = document.createElement("img");
	                    //imgTag.setAttribute("src", watchResponseObj.fanPhotos[i].photo_url);
	                    //imgTag.setAttribute("width", "24");
	                    //imgTag.setAttribute("height", "19");
						//var aTag = document.createElement("a");
	                    //aTag.setAttribute("href", watchResponseObj.fanPhotos[i].profile_url);
	                    //aTag.setAttribute("onmouseover","popProfile(event, null,'"+watchResponseObj.fanPhotos[i].username+"')");
	                    //aTag.setAttribute("onmouseout","hideProfilePopup()");                  
	                    //aTag.appendChild(imgTag);
	                    //watchingUser.appendChild(aTag); 
                        watchingUser.innerHTML = '<a href="'+fan.profile_url+'" onmouseover="popProfile(event,\''+fan.member_id+'\')" onmouseout="hideProfilePopup()"><img src="'+fan.photo_url+'" width="24" /></a>';
	                    fanPhotoContainer.appendChild(watchingUser); 
	                    var textNode = document.createTextNode(" ");
	                    fanPhotoContainer.appendChild(textNode);       
	                }
				}
                
	        },
			handleGameWatchSuccess:function(o)
	        {
	            //watchTab.style.background = "url(http://cdn.faniq.com/img/module_game2.png) no-repeat -96px -498px";
	            var watchResponseObj = YAHOO.lang.JSON.parse(o.responseText);
	            fanNumberElement.innerHTML = watchResponseObj.numberFansWatching;
	            pickNumberElement.innerHTML = watchResponseObj.numberFansPicking;
                startAt = parseInt(watchResponseObj.startAt, 10);
                if (startAt < 0) startAt = 0;
                //leftId = startAt;
                var fanPhotoContainer = document.getElementById("fanPicksViewPort");
                if (leftId > startAt) {
                    fanPhotoContainer.scrollLeft = (leftId-startAt-1)*115;
                } else {
                    fanPhotoContainer.scrollLeft = 0;
                }
                var fanPhotoRow = fanPhotoContainer.getElementsByTagName("tr")[0];
                //var numberFanPhotos = fanPhotoRow.getElementsByTagName("td").length;
               // remove the old photos
               while ( fanPhotoRow.hasChildNodes() ) {
                    fanPhotoRow.removeChild( fanPhotoRow.firstChild );    
               }

                for(i=0;i<watchResponseObj.fanPhotos.length;i++)
                {
                    var fan= watchResponseObj.fanPhotos[i];
                    var fanModule = document.createElement("div");
                    //fanModule.setAttribute("class", "fansModule");
                    fanModule.className = "fansModule";
                    
                    var watchingRow = document.createElement("div");
                    //watchingRow.setAttribute("class", fan.watching=="true"?"watchingRow":"nonWatchingRow");
                    watchingRow.className = fan.watching=="true"?"watchingRow":"nonWatchingRow";
                    fanModule.appendChild(watchingRow);
                    
                    var contentRow = document.createElement("div");
                    //contentRow.setAttribute("class", "contentRow");
                    contentRow.className =  "contentRow";
                    
                    var fanPicColumn = document.createElement("div");
                    //fanPicColumn.setAttribute("class","fanPicColumn");
                    fanPicColumn.className = "fanPicColumn";
                    
                    //fanPicColumn.innerHTML = '<a href="/user/'+fan.username+'" onmouseover="popProfile(event,'"+fan.member_id+"')" onmouseout="hideProfilePopup()"><img src="'+fan.photo_url+'"></a>';
                    fanPicColumn.innerHTML = '<a href="/user/'+fan.member_url+'" onmouseover="popProfile(event,\''+fan.member_id+'\')" onmouseout="hideProfilePopup()"><img src="'+fan.photo_url+'" width="48" height="48" ></a>'; 
                    //var fanPicLink = document.createElement("a");
                    //fanPicLink.setAttribute("href",fan.profile_url);
                    //fanPicLink.setAttribute("onmouseover","popProfile(event, '"+fan.member_id+"')");
                    //fanPicLink.setAttribute("onmouseout","hideProfilePopup()");                    
                    //var fanPic = document.createElement("img");
                    //fanPic.setAttribute("src", fan.photo_url);
                    //fanPic.setAttribute("height", "48");
                    //fanPic.setAttribute("width", "48");
                    //fanPicLink.appendChild(fanPic);
                    //fanPicColumn.appendChild(fanPicLink);
                    contentRow.appendChild(fanPicColumn);
                    
                    var teamColumn = document.createElement("div");
                    //teamColumn.setAttribute("class", "teamColumn");
                    teamColumn.className =  "teamColumn";
                    
                    var teamStatRow = document.createElement("div");
                    //teamStatRow.setAttribute("class","teamStatRow");
                    teamStatRow.className = "teamStatRow";
                    
                    if(fan.teamLogoUrl)
                    {
                    var teamanchor = document.createElement("a");
                    teamanchor.setAttribute("href",fan.pick_url);
                    var teamLogo = document.createElement("img");
                    teamLogo.setAttribute("src", fan.teamLogoUrl);
                    teamLogo.setAttribute("width", "16");
                    teamLogo.setAttribute("height", "16");
                    teamLogo.setAttribute("align", "left");
                    teamanchor.appendChild(teamLogo);
                    }
                    var teamStat = document.createElement("div");
                    //teamStat.setAttribute("class", "teamStat");
                    teamStat.className =  "teamStat";
                    teamStat.innerHTML = fan.teamScore;
                    
                    var textNode = document.createTextNode(" ");
                    if(fan.teamLogoUrl){     
                    teamStatRow.appendChild(teamanchor);
                    }
                    teamStatRow.appendChild(teamStat);
                    teamColumn.appendChild(teamStatRow);
                    
                    if(watchResponseObj.logged_user != fan.member_id){
                         
                         param = "date_game="+watchResponseObj.date+'&team_name_pick='+fan.team_name_pick+'&team_name_nopick='+fan.team_name_nopick;
                         
                      if(fan.highfive)
                       {
                         var fanActions = document.createElement("div");
                         fanActions.setAttribute("id", "fanActionHighFive_"+fan.member_id);
                         var highFiveLink = document.createElement("a");
                         //highFiveLink.setAttribute("class", "highFive");
                         highFiveLink.className = "highFive";
                         highFiveLink.setAttribute("href", "javascript:void(0)");
                         //ajaxFanAction(profileID, actionID, elementID, actionText, userName)
                         highFiveLink.setAttribute("onclick", "ajaxFanAction("+fan.member_id+",64,'fanActionHighFive_"+fan.member_id+"','High Fived','"+fan.member_url+"','','',)");
                         highFiveLink.innerHTML = "High Fived";
                         fanActions.appendChild(highFiveLink);
                         teamColumn.appendChild(fanActions);
                         }
                         else if(fan.heckle)
                         {
                         var fanActionHeckle = document.createElement("div");
                         fanActionHeckle.setAttribute("id", "fanActionHeckle_"+fan.member_id);
                         var heckleLink = document.createElement("a");
                         //heckleLink.setAttribute("class", "heckle");
                         heckleLink.className = "heckle";
                         heckleLink.setAttribute("href", "javascript:void(0)");
                         heckleLink.setAttribute("onclick", "ajaxFanAction("+fan.member_id+",65,'fanActionHeckle_"+fan.member_id+"','Heckled','"+fan.member_url+"')");
                         heckleLink.innerHTML = "Heckled";
                   
                         fanActionHeckle.appendChild(heckleLink);
                         teamColumn.appendChild(fanActionHeckle);
                             
                         }
                         else 
                         {
                              var fanActions = document.createElement("div");
                              fanActions.setAttribute("id", "fanActionHighFive_"+fan.member_id);
                              var highFiveLink = document.createElement("a");
                              //highFiveLink.setAttribute("class", "highFive");
                              highFiveLink.className = "highFive";
                              highFiveLink.setAttribute("href", "javascript:void(0)");
                              highFiveLink.setAttribute("onclick", "ajaxFanAction("+fan.member_id+",64,'fanActionHighFive_"+fan.member_id+"','High Fived','"+fan.member_url+"','','','"+watchResponseObj.game_id+"','"+param+"')");
                              highFiveLink.innerHTML = "High Five";
                              fanActions.appendChild(highFiveLink);
                              teamColumn.appendChild(fanActions);
                              
                              var fanActionHeckle = document.createElement("div");
                              fanActionHeckle.setAttribute("id", "fanActionHeckle_"+fan.member_id);
                              var heckleLink = document.createElement("a");
                              //heckleLink.setAttribute("class", "heckle");
                              heckleLink.className = "heckle";
                              heckleLink.setAttribute("href", "javascript:void(0)");
                              heckleLink.setAttribute("onclick", "ajaxFanAction("+fan.member_id+",65,'fanActionHeckle_"+fan.member_id+"','Heckled','"+fan.member_url+"','','','"+watchResponseObj.game_id+"','"+param+"')");
                              heckleLink.innerHTML = "Heckle";
                              fanActionHeckle.appendChild(heckleLink);
                              teamColumn.appendChild(fanActionHeckle);
                              
                              fanActions.appendChild(highFiveLink);
                              fanActions.appendChild(textNode);  
                              fanActionHeckle.appendChild(heckleLink);
                              teamColumn.appendChild(fanActions);
                              teamColumn.appendChild(fanActionHeckle);
                        }
                    }                 
                    
                    var pickString_span = document.getElementById("userpick_"+gameId);
                    if (pickString_span)
                        pickString_span.innerHTML = watchResponseObj.pickString;
                    
                    
                    contentRow.appendChild(teamColumn);
                    
                    var fanNameRow = document.createElement("div");
                    //fanNameRow.setAttribute("class", "fanNameRow");
                    fanNameRow.className = "fanNameRow";

                    fanNameRow.innerHTML = fan.username;

                    contentRow.appendChild(fanNameRow);
                    fanModule.appendChild(contentRow);
                    var fanCell = document.createElement("td");
                    fanCell.appendChild(fanModule);
                    fanPhotoRow.appendChild(fanCell);
                }
	            
	        },
	        handleCommentSuccess:function(o)
	        {
				var numComments = commentNumberElement.innerHTML;
	            commentNumberElement.innerHTML = eval(numComments) + 1;
				commentColumn.innerHTML = '<a href="/game.php?game_id='+gameId+'">Comment posted on Gamepage</a>';
	            //commentNumberElement.innerHTML = o.responseText;
	        },
	       

	        startRequest:function() {
	           if(this.params != "")
	           {
	             YAHOO.util.Connect.asyncRequest('POST', this.url, PickemCallback, this.params);
	           }
	        }

        };

        var PickemCallback =
        {
	        success:PickemAjaxObject.handleSuccess,
	        failure:PickemAjaxObject.handleFailure,
	        scope: PickemAjaxObject
        };
        
		var watchTabId     = "watchTab_" + gameId;
		
		if (gameStatus == 'open') {
			var pseudoRadioId1 = "pseudoRadio1_" + gameId;
			var pseudoRadioId2 = "pseudoRadio2_" + gameId;
			var drawButtonId   = "draw_" + gameId;
			var textboxId1     = "score1_" + gameId; 
	        var sliderbgId1    = "sliderbg1_" + gameId;
			var sliderHighlight1 = "sliderHighlight1_" + gameId;
			var sliderthumbId1   = "sliderthumb1_" + gameId;
			var textboxId2     = "score2_" + gameId; 
	        var sliderbgId2    = "sliderbg2_" + gameId;
			var sliderHighlight2 = "sliderHighlight2_" + gameId;
			var sliderthumbId2   = "sliderthumb2_" + gameId;
			var sliderColumnId   = "sliderColumn_" + gameId;
			var savingMaskId     = "savingMask_" + gameId;
			var pickWinningTeamColumnId = "pickWinningTeamColumn_" + gameId;
		}
		
		var fanNumberId    = "numberWatchingFans_" + gameId;
		var pickNumberId    = "numberPickingFans_" + gameId;
		var fanPhotoContainerId = "photoWatchingFans_" + gameId;
		var commentNumberId  = "numberComments_" + gameId;
		var commentTextboxId = "comment_" + gameId;
		var commentButtonId  = "commentButton_" + gameId;
		var commentColumnId  = "commentColumn_" + gameId;
		
        var watchTab = document.getElementById(watchTabId);
        YAHOO.util.Event.addListener(watchTab, "click", watchGame);
		
        var fanNumberElement = document.getElementById(fanNumberId);
        var pickNumberElement = document.getElementById(pickNumberId);
        var commentNumberElement = document.getElementById(commentNumberId);
        var fanPhotoContainer = document.getElementById(fanPhotoContainerId);
        var pseudoRadioButtons = [pseudoRadioId1==null?null:document.getElementById(pseudoRadioId1), pseudoRadioId2==null?null:document.getElementById(pseudoRadioId2)];
        var drawButton = drawButtonId == null?null:document.getElementById(drawButtonId);
        var savingMask = savingMaskId==null?null:document.getElementById(savingMaskId);
        var pickWinningTeamColumn = pickWinningTeamColumnId==null?null:document.getElementById(pickWinningTeamColumnId);
        var sliderColumn = sliderColumnId==null?null:document.getElementById(sliderColumnId);
        var commentTextbox = commentTextboxId==null?null:document.getElementById(commentTextboxId);
        var commentButton = commentButtonId==null?null:document.getElementById(commentButtonId);
        var commentColumn = commentColumnId==null?null:document.getElementById(commentColumnId);
        if(pseudoRadioButtons[0])
        {
            YAHOO.util.Event.addListener(pseudoRadioButtons[0], "click", pickTeam, 0);
        }
        if(pseudoRadioButtons[1])
        {
            YAHOO.util.Event.addListener(pseudoRadioButtons[1], "click", pickTeam, 1);
        }
        if(drawButton)
        {
            YAHOO.util.Event.addListener(drawButton, "click", pickDraw);
        }
        if(commentButton)
        {
                YAHOO.util.Event.addListener(commentButton, "click", commentGame);
        }
        
        var scrollLeft = document.getElementById("scrollLeft");
        if (scrollLeft) {
          YAHOO.util.Event.addListener(scrollLeft, "click", scrollPicksLeft);
        }

        var scrollRight = document.getElementById("scrollRight");
        if (scrollRight) {
          YAHOO.util.Event.addListener(scrollRight, "click", scrollPicksRight);
        }

        var gameId = gameId;
        var ticks = Math.floor(180 / (maxScore - noScore));
        var targetWidth = (maxScore - noScore) * ticks;
        var thumbWidth = sliderthumbId1==null?0:document.getElementById(sliderthumbId1).clientWidth;
        if(thumbWidth > 0)
        {
            document.getElementById(sliderbgId1).style.width = document.getElementById(sliderbgId2).style.width = targetWidth+thumbWidth/2+"px";
        }
                
        var sliders = [
            sliderbgId1==null?null:YAHOO.widget.Slider.getHorizSlider(sliderbgId1, sliderthumbId1, 0, targetWidth, ticks),
            sliderbgId2==null?null:YAHOO.widget.Slider.getHorizSlider(sliderbgId2, sliderthumbId2, 0, targetWidth, ticks)
        ];
        var sliderHighlights = [sliderHighlight1==null?null:document.getElementById(sliderHighlight1), sliderHighlight2==null?null:document.getElementById(sliderHighlight2)];
        if(sliders[0])
        {
            sliders[0].subscribe("change", 
                function(offsetFromStart)
                {
                    var score = noScore  + Math.round(offsetFromStart / ticks);
                    textboxes[0].value = (score == noScore ?"?":score);
                    sliderHighlights[0].style.width = offsetFromStart+thumbWidth/2+"px";
                }
            );
            sliders[0].subscribe("slideEnd", saveResult);
        }
        if(sliders[0])
        {
            sliders[1].subscribe("change", 
                function(offsetFromStart)
                {
                    var score = noScore + Math.round(offsetFromStart / ticks);
                    textboxes[1].value = (score == noScore ?"?":score);
                    sliderHighlights[1].style.width = offsetFromStart+thumbWidth/2+"px";
                }
            );
           sliders[1].subscribe("slideEnd", saveResult);
        }
        var textboxes = [textboxId1==null?null:document.getElementById(textboxId1), textboxId2==null?null:document.getElementById(textboxId2)];
        if(textboxes[0] && textboxes[1])
        {
            for(i=0;i<textboxes.length;i++)
            {
                var intValue = parseInt(textboxes[i].value);
                setScore(i, intValue);
            }
            YAHOO.util.Event.addListener(textboxes[0], "change", textbox_changed, 0);
            YAHOO.util.Event.addListener(textboxes[1], "change", textbox_changed, 1);
            YAHOO.util.Event.addListener(textboxes[0], "keypress", textbox_keypressed, 0);
            YAHOO.util.Event.addListener(textboxes[1], "keypress", textbox_keypressed, 1);
        }
        function watchGame(e)
        {            
            if (gameType == 'noLogin')
            {
                registrationShowOverlay();
                return false;
            }
            else if (watchTab.className == "watchTabWatching") 
            {
                document.location.href = '/game.php?game_id='+gameId;
			} 
            else
            {
				watchTab.className = "watchTabWatching";
				PickemCallback.success = (gameType == 'pickem') ? PickemAjaxObject.handleWatchSuccess : PickemAjaxObject.handleGameWatchSuccess;
				PickemAjaxObject.url = "ajax/pickem_comment.php";
				PickemAjaxObject.params = "game_id="+gameId+"&game_status="+gameStatus+"&page="+gameType;
            	PickemAjaxObject.startRequest();
        	}
		}
        
        function commentGame(e)
        {            
            if (gameType == 'noLogin')
            {
                registrationShowOverlay();
                return false;
            }
            PickemCallback.success = PickemAjaxObject.handleCommentSuccess;
            PickemAjaxObject.url = "ajax/pickem_comment.php";
            PickemAjaxObject.params = "game_id="+gameId+"&gameType="+gameType+"&action=comment&comment="+commentTextbox.value;
            PickemAjaxObject.startRequest();
        }

        function saveResult()
        {             
            if (gameType == 'noLogin')
            {
                registrationShowOverlay();
                return false;
            }
            if(textboxes[0].value != "?" && textboxes[1].value != "?")
            {
                var team1Score = parseInt(textboxes[0].value);
                var team2Score = parseInt(textboxes[1].value);
                pseudoRadioButtons[0].src = (team1Score > team2Score) ? "http://cdn.faniq.com/img/circle-selected_03.png" : "http://cdn.faniq.com/img/circle-not-selected_03.png";
                pseudoRadioButtons[1].src = (team2Score > team1Score) ? "http://cdn.faniq.com/img/circle-selected_03.png" : "http://cdn.faniq.com/img/circle-not-selected_03.png";
                if(drawButton)
                {
                    drawButton.src = (team1Score == team2Score) ? "http://cdn.faniq.com/img/draw_over_03.png" : "http://cdn.faniq.com/img/draw.png";
                }

                pickWinningTeamColumn.style.background = "url(http://cdn.faniq.com/img/module_game2.png) no-repeat -296px -15px";
				sliderColumn.style.background = "url(http://cdn.faniq.com/img/module_game2.png) no-repeat -362px -15px";
                savingMask.style.display = 'block';
                PickemCallback.success = PickemAjaxObject.handleSuccess;
                PickemCallback.failure = PickemAjaxObject.handleFailure;
            	PickemAjaxObject.url = "ajax/pickem_enter.php";
                PickemAjaxObject.params = "game_id="+gameId+"&gameType="+gameType+"&startAt="+startAt+"&team1_score="+team1Score+"&team2_score="+team2Score;
                if(document.getElementById("comment_"+gameId))
                    document.getElementById("comment_"+gameId).focus();
                
                PickemAjaxObject.startRequest();
            }
        }

        function pickTeam(e, index)
        {            
            if (gameType == 'noLogin')
            {
                registrationShowOverlay();
                return false;
            }
            for(i=0;i<pseudoRadioButtons.length;i++)
            {
                pseudoRadioButtons[i].src = index == i?"http://cdn.faniq.com/img/circle-selected_03.png":"http://cdn.faniq.com/img/circle-not-selected_03.png";
            }
            for(i=0;i<sliders.length;i++)
            {
            	setScore(i, -1);
			}
            if(drawButton)
            {
                drawButton.src = "http://cdn.faniq.com/img/draw.png";
            }
			pickWinningTeamColumn.style.background = "url(http://cdn.faniq.com/img/module_game2.png) no-repeat -296px -15px";
            sliderColumn.style.background = "url(http://cdn.faniq.com/img/module_game2.png) no-repeat -362px -513px";
            PickemCallback.success = PickemAjaxObject.handleSuccess;
            PickemCallback.failure = PickemAjaxObject.handleFailure;
            PickemAjaxObject.url = "ajax/pickem_enter.php";
			var selectedTeam = index + 1;
            PickemAjaxObject.params = "game_id="+gameId+"&gameType="+gameType+"&startAt="+startAt+"&pick=team"+selectedTeam;
            PickemAjaxObject.startRequest();
        }
        
        function pickDraw(e)
        {            
            if (gameType == 'noLogin')
            {
                registrationShowOverlay();
                return false;
            }
            for(i=0;i<pseudoRadioButtons.length;i++)
            {
                pseudoRadioButtons[i].src = "http://cdn.faniq.com/img/circle-not-selected_03.png";
            }
            for(i=0;i<sliders.length;i++)
            {
            	setScore(i, -1);
			}
            drawButton.src="http://cdn.faniq.com/img/draw_over_03.png";
            pickWinningTeamColumn.style.background = "url(http://cdn.faniq.com/img/module_game2.png) no-repeat -296px -15px";
            sliderColumn.style.background = "url(http://cdn.faniq.com/img/module_game2.png) no-repeat -362px -513px";
            PickemCallback.success = PickemAjaxObject.handleSuccess;
            PickemCallback.failure = PickemAjaxObject.handleFailure;
            PickemAjaxObject.url = "ajax/pickem_enter.php";
            PickemAjaxObject.params = "game_id="+gameId+"&gameType="+gameType+"&startAt="+startAt+"&pick=draw";
            PickemAjaxObject.startRequest();
       }
        
        function setScore(index, score)
        {
            if(isNaN(score) || score < noScore)
            {
                score = noScore;
            }
            else if(score > maxScore)
            {
                score = maxScore;
            }
            textboxes[index].value = score==noScore?'?':score;
            var offsetPixel = (score - noScore) * ticks;
            sliders[index].setValue(offsetPixel, false, false, true);
            sliderHighlights[index].style.width = offsetPixel+thumbWidth/2+"px";
            
        }
        
        function textbox_changed(e, index)
        {
            var sender = e.srcElement?e.srcElement:e.target;
            var score = parseInt(sender.value);
            setScore(index, score);
            saveResult();
        }

        function textbox_keypressed(e, index)
        {
            // enter pressed, accept the value
            if(e.keyCode==13)
            {
                textbox_changed(e, index);
            }
            else if((e.keyCode < 48 || e.keyCode > 57) && e.keyCode != '63')
            {
                // filter out key that are not 0 - 9 or ? 
                e.returnValue = false;
            }
        }        

     // Globals for pickem viewport
     var leftId=0;
     var startAt = 0;
        
        function scrollPicksLeft() {
          scrollPicks("left");
        }
        function scrollPicksRight() {
          scrollPicks("right");
        }
        function scrollPicks(direction)
        {
          if ( (leftId == startAt) && (direction == 'left') )
          {
               if (leftId > 0) leftId --;
               startAt = leftId-5;
               PickemCallback.success = PickemAjaxObject.handleGameWatchSuccess;
               PickemAjaxObject.url = "ajax/pickem_enter.php";
               PickemAjaxObject.params = "game_id="+gameId+"&gameType=game&startAt="+startAt+"&action=scroll";
               PickemAjaxObject.startRequest();
          }
          else if(( leftId+4 == startAt+14) && (direction == 'right'))
          {
               leftId++;
               startAt = leftId;
               PickemCallback.success = PickemAjaxObject.handleGameWatchSuccess;
               PickemAjaxObject.url = "ajax/pickem_enter.php";
               PickemAjaxObject.params = "game_id="+gameId+"&gameType=game&startAt="+startAt+"&action=scroll";
               PickemAjaxObject.startRequest();
               
          } else if(direction == 'left') {
               document.getElementById('fanPicksViewPort').scrollLeft-=115;
               if(leftId > 0)
                    leftId --;
          } else if ( direction == 'right') {
               document.getElementById('fanPicksViewPort').scrollLeft+=115;
               leftId ++;
          }
        }

    }

var fanActionResponseType = 'short';
