// JavaScript Document
//  Extra  prices  

function gameTrExpand(gameID)
	{

			var gameTr = document.getElementById("game_"+gameID);
			gameTr.setAttribute("class","gameTrExpanded");
			gameTr.setAttribute("className","gameTrExpanded");
		
	}
  
	function exp(gameID)
	{
		var HidenTdID = "hidenTD" + gameID;
		var	hidenTD = document.getElementById(HidenTdID);
		var hidenTR = document.getElementById("hid_"+gameID);
		var gameTr = document.getElementById("game_"+gameID);
		var gameTD = document.getElementById("ex_"+gameID);
        var atrvisible = gameTD.getAttribute("vis");

        if(atrvisible == "1" )
        {
            hidenTR.style.display = 'none'
            gameTD.setAttribute("vis","2");
            
            gameTr.setAttribute("class","gameTrColapsed");
			gameTr.setAttribute("className","gameTrColapsed");
			
		}else if(atrvisible=="2"){
			 
            hidenTD.colSpan = 15;
            hidenTR.style.display = '';
			gameTD.setAttribute("vis","1");
			
			gameTr.setAttribute("class","gameTrExpanded");
			gameTr.setAttribute("className","gameTrExpanded");
			                        
        }else{
        
            hidenTR.style.display = '';
            hidenTD.style.border = '#e0e0e0 1px solid';
			gameTD.setAttribute("vis","1");
			
			//hidenTD.innerHTML = "wait ...";
			
			gameTr.setAttribute("class","gameTrExpanded");
			gameTr.setAttribute("className","gameTrExpanded");
			
			var extras_url = "sp/load_extras.aspx?gameID="+gameID;
			ajx3(extras_url,'3',gameID)
   	        	
        }
	
	}
	

function buildHF(vs,gameID)
{
	
var extraEvent = []
var Event = []
var bet = [];
var EventName
	
	bet["Display"] = []
	bet["Price"] = []
	bet["MarketID"] = []
	bet["MarketType"] = []
	
	var extra = vs.split("~");

	createExtraDiv(gameID);	
	// Buld Half Time Full time table 
	
	for (i=0; i<extra.length; i++) {
	    extraEvent = extra[i].split("#")   
        bet["Display"] = []
	    bet["Price"] = []
	    bet["MarketID"] = []
	    bet["MarketType"] = []
        EventName = "";
	    for (k=0;k<extraEvent.length;k++) {
            extraBet = extraEvent[k].split("|");
            if (EventName == "") {EventCode = extraBet[5]; EventName = EventCode + " - " + extraBet[0]}
            bet["Display"][k] = extraBet[3]
	        bet["Price"][k] = extraBet[4]
	        bet["MarketID"][k] = extraBet[1]
	        bet["MarketType"][k] = extraBet[2]
        }        
        createEventOdds(bet,gameID,EventName,EventCode,i+1 );
    }
}


function createExtraDiv(gameID)
{
    var columnName = "hidenTD"+gameID;
	var ExtraTD = document.getElementById(columnName);
	
	ExtraDiv = document.createElement('div');
	ExtraDiv.setAttribute("id","extra_" + gameID);
	
	ExtraTD.appendChild(ExtraDiv);
}


function AddEventNameDiv(gameID, eventname)
{
    var EventID = gameID + "_" + eventname;
    var DivName = "extra_"+gameID;
	var ExtraTD = document.getElementById(DivName);
	
	ExtraDiv = document.createElement('div');
	ExtraDiv.setAttribute("id","EventNameDiv_" + EventID);
	
	ExtraDiv.setAttribute("class","ExtraName")
	ExtraDiv.setAttribute("className", "ExtraName");
	
	ExtraTD.appendChild(ExtraDiv);
}

function AddEventNameTable(gameID, eventname, j)
{

        if (j%2)
	    {
	        cls = "bettable2";
	    }
	    else
	    {
	        cls = "bettable1";
	    }
        var EventID = gameID + "_" + eventname;
	    var EventNameDiv = document.getElementById("EventNameDiv_" + EventID);
	    
	    var EventNametable = document.createElement("table");
		var EventNameTableBody = document.createElement("tbody");
		EventNametable.setAttribute("width","100%");
		EventNametable.setAttribute("align","center");
		
		var colTr = document.createElement("tr");
			
			var col1 = document.createElement("td");
			var img1 = document.createElement("img");
			col1.setAttribute("class",cls + "_1");
			col1.setAttribute("className",cls + "_1");
			img1.src = "images/arrow_dn.gif";
			img1.setAttribute("id","arrow_"+ EventID);
			col1.appendChild(img1);
			colTr.appendChild(col1);
			
			var col2 = document.createElement("td");
			col2.setAttribute("id","extracol_" + EventID);
			col2.innerHTML = "<span>" + eventname + "</span>";			
			col2.onclick = new Function("showHideEvent('"+ EventID + "');");
			col2.setAttribute("class",cls + "_2");
			col2.setAttribute("className",cls + "_2");
			
			colTr.appendChild(col2);
						
						
			var col3 = document.createElement("td");
			col3.innerHTML = "&nbsp";
			col3.setAttribute("class",cls + "_3");
			col3.setAttribute("className",cls + "_3");
			
			colTr.appendChild(col3);
						
			
			EventNameTableBody.appendChild(colTr);
			EventNametable.appendChild(EventNameTableBody);
		
		EventNameDiv.appendChild(EventNametable);	
}


function AddEventBodyDiv(gameID, eventname)
{
    var EventID = gameID + "_" + eventname;
    var DivName = "extra_"+ gameID;
	var ExtraTD = document.getElementById(DivName);
	
	ExtraDiv = document.createElement('div');
	ExtraDiv.setAttribute("id","EventBodyDiv_" + EventID);
	
	ExtraTD.appendChild(ExtraDiv);
}

function AddEventBodyTable(gameID, eventname, bet,EventCode) {
        
    var EventBodyDiv = document.getElementById("EventBodyDiv_" + gameID + "_" + eventname);
    
    var EventBodytable = document.createElement("table");
	var EventBodyTableBody = document.createElement("tbody");
	
    EventBodytable.setAttribute("width","100%");
	EventBodyTableBody.setAttribute("align","center");
	

	    
        for(var r=0;r<bet["Price"].length-1;r++)
		{
		if (r%2)
	    {
	        cls = "bettable2";
	    }
	    else
	    {
	        cls = "bettable1";
	    }
            var rw = document.createElement("tr");
            
            
            column = document.createElement("td");
            column.setAttribute("class",cls + "_1");
			column.setAttribute("className", cls + "_1");
            column.innerHTML = "&nbsp";
            rw.appendChild(column);
            
        
            column = document.createElement("td");
            column.setAttribute("class",cls + "_2");
			column.setAttribute("className", cls + "_2");
            column.innerHTML = bet["Display"][r];
            rw.appendChild(column);
            
			column = document.createElement("td");
			column.setAttribute("id","vcol_"+bet["MarketID"][r]);
			column.setAttribute("abbr",r);
			column.setAttribute("class",cls + "_3");
			column.setAttribute("className", cls + "_3");
	
			div = document.createElement("div");
			
			div.setAttribute("class","prd1");
			div.setAttribute("className","prd1");
			
			div.setAttribute("isp",0);
			div.setAttribute("id","v_"+bet["MarketID"][r]);
			div.onclick  = new Function("ts('"+ bet["MarketID"][r] +"','"+gameID+"','("+EventCode + ") " +bet["Display"][r]+"','" + bet["MarketType"][r]+ "','"+ EventCode +"');");
			div.onmouseover = new Function("ExtraOver('" + bet["MarketID"][r] +"');");
			div.onmouseout = new Function("ExtraOut('" + bet["MarketID"][r] +"');");
			div.setAttribute("PriceType", 2);
			
			div.innerHTML = bet["Price"][r];
			column.appendChild(div);
			rw.appendChild(column);
			EventBodyTableBody.appendChild(rw);
						
		}
		    EventBodytable.appendChild(EventBodyTableBody);
		    EventBodyDiv.appendChild(EventBodytable);		
}

function createEventOdds(bet,gameID,EventName,EventCode,i) 
{
        var EventID = gameID + "_" + EventName;
        AddEventNameDiv(gameID,EventName);
        AddEventNameTable(gameID,EventName,i);
        AddEventBodyDiv(gameID,EventName);
        AddEventBodyTable(gameID,EventName,bet,EventCode);
        showHideEvent(EventID);
}


function showHideEvent(EventID)
	{
		//toggle("LeagueBodyDiv"+leagueID);
		var obj = "EventBodyDiv_"+EventID;
		var obj1 = "extracol_"+EventID;
		var arrow = document.getElementById("arrow_"+EventID);
		
		   var el = document.getElementById(obj);
		   var el1 = document.getElementById(obj1);
				
		        if ( el.style.display != 'none') {
					
		                el.style.display = 'none';
						arrow.src = "images/dot.gif";
						arrow.setAttribute("width","15");
						arrow.setAttribute("height","15");
						el1.style.fontWeight = 'normal';
		        }
		        else {
		                el.style.display = 'Block';
						arrow.src = "images/dot_1.gif";
						arrow.setAttribute("width","15");
						arrow.setAttribute("height","15");
						el1.style.fontWeight = 'bold';
						
		        }
	}
	
	function ExtraOver(odID)
	{
		
		var ob = document.getElementById("v_"+odID);
		var ob1 = document.getElementById("vcol_"+odID);
		var IsInSlip = ob.getAttribute("isp");
		if (IsInSlip != 1) {
		    ob1.className = "betover";
		};
		
	}
	
	function ExtraOut(odID)
	{
		
		var ob = document.getElementById("v_"+odID);
		var ob1 = document.getElementById("vcol_"+odID);
        j = ob1.getAttribute("abbr");
		if (j%2)
	    {
	        cls = "bettable2";
	    }
	    else
	    {
	        cls = "bettable1";
	    }	
		var IsInSlip = ob.getAttribute("isp");
		if (IsInSlip != 1) {
		    ob1.className = cls + "_3";
		}
	}
	function Extraselect(odID)
	{
		var ob = document.getElementById("v_"+odID);
		var ob1 = document.getElementById("vcol_"+odID);
		ob1.className = "betpressed";
	}
	
	function Extraunselect(odID)
	{
		
		var ob = document.getElementById("v_"+odID);
		var ob1 = document.getElementById("vcol_"+odID);
        j = ob1.getAttribute("abbr");
		if (j%2)
	    {
	        cls = "bettable2";
	    }
	    else
	    {
	        cls = "bettable1";
	    }
		var IsInSlip = ob.getAttribute("isp");
		if (IsInSlip != 1) {
		    ob1.className = cls + "_3";
		}
	}