// JScript File
var displayInfo;


       function AddStylesRadio()
       {
            var tblStyle = document.getElementById("tblStyle");
            
	        while (tblStyle.rows.length > 0) {
	           tblStyle.deleteRow(0);
	        }

            for (var i=0; i < styles.length; i++)
            {     
                      
                if(document.all && !window.opera && document.createElement) {
                
                        if(i == 0) {
                            var aE2 = document.createElement("<input type='radio' name='styleRadio' onSelect='AddColorRadio();AddSizeRadio();UpdateHiddenPrice();updateImage();UpdatePrice(\"o\");' onclick='AddColorRadio();AddSizeRadio();UpdateHiddenPrice();updateImage();UpdatePrice(\"o\");' checked>");
                        }
                        else {
                            var aE2 = document.createElement("<input type='radio' name='styleRadio' onSelect='AddColorRadio();AddSizeRadio();UpdateHiddenPrice();updateImage();UpdatePrice(\"o\");' onclick='AddColorRadio();AddSizeRadio();UpdateHiddenPrice();updateImage();UpdatePrice(\"o\");'>");
                        }
	                    
	                    aE2.id = "styleRadio";
                        aE2.value = styles[i][0];

	            }
                else if(document.createElement && document.createTextNode) {
                
	                    var aE2 = document.createElement('input');
                        aE2.setAttribute('type', 'radio');
                        aE2.setAttribute('name', 'styleRadio');
                        aE2.setAttribute('id', 'styleRadio');
                        aE2.setAttribute('value', styles[i][0]);
                        aE2.setAttribute('onclick', 'AddColorRadio();AddSizeRadio();UpdateHiddenPrice();updateImage();UpdatePrice("o");');
                        
                        if(i == 0) {
                            aE2.setAttribute('checked', null);
                        }
	            }
                else {
                
                    return
                    
                };
                
                var oRow = tblStyle.insertRow(-1);
                
                var oCell = oRow.insertCell(-1);
                oCell.appendChild( aE2 );
                oCell = oRow.insertCell(-1);
                oCell.innerHTML = styles[i][1] ;
            
            }
            
            AddColorRadio()
            AddSizeRadio()
            UpdateHiddenPrice()
            UpdatePrice("o")

            document.getElementById('ctl00_ContentPlaceHolder1_AddToCart').style.display = '';
       }
       
       function AddColorRadio()
       {
       
       var tblColor = document.getElementById("tblColor");
       var aspnetForm = document.getElementById("aspnetForm");
       
	    while (tblColor.rows.length > 0) {
	       tblColor.deleteRow(0);
	    }

	    selOptVal = "undefined";
	    selGroup = aspnetForm.styleRadio;
	    
	    if (selGroup.length == undefined) {
             selOptVal = selGroup.value;
	    }
	    else {
	        for(i=0; i < selGroup.length; i++) {
    	        
                    if(selGroup[i].checked==true) {
                      selOptVal = selGroup[i].value;
                    }
            }
        }
        

	        var thisColorArray = selOptVal + "_color"

            for (var i=0; i < eval(thisColorArray + ".length"); i++)
            {     
                if(document.all && !window.opera && document.createElement) {
                
                        if(i == 0) {
                            var aE2 = document.createElement("<input type='radio' name='colorRadio' onClick='updateImage()' checked>");
                        }
                        else {
                            var aE2 = document.createElement("<input type='radio' name='colorRadio' onClick='updateImage()'>");
                        }
                
	                    aE2.id = "colorRadio";
                        aE2.value = eval(thisColorArray + "[i][0]");
	            }
                else if(document.createElement && document.createTextNode) {
                
	                    var aE2 = document.createElement('input');
                        aE2.setAttribute('type', 'radio');
                        aE2.setAttribute('name', 'colorRadio');
                        aE2.setAttribute('id', 'colorRadio');
                        aE2.setAttribute('value', eval(thisColorArray + "[i][0]"));
                        aE2.setAttribute('onclick', 'updateImage();');
                        
                        if(i == 0) {
                            aE2.setAttribute('checked', null);
                        }
	            }
                else {
                
                    return
                    
                };

                var oRow = tblColor.insertRow(-1);
                var oCell = oRow.insertCell(-1);
                oCell.appendChild( aE2 );
                oCell = oRow.insertCell(-1);
                oCell.innerHTML = getColorBox(eval(thisColorArray + "[i][2]"));
                
                var oRow2 = tblColor.insertRow(-1);
                var oCell2 = oRow.insertCell(-1);
                oCell2.appendChild( aE2 );
                oCell2 = oRow.insertCell(-1);
                oCell2.innerHTML = eval(thisColorArray + "[i][1]");
            
            }
       }

        function getColorBox(inStr) {
        
            if (inStr.substring(0,1) == "#") {
                var returnValue = "<table><tr><td bgcolor=" + inStr + "><img src='/images/color-blank-full.gif'></td></tr></table>";
            }
            else {
                var returnValue = "";
            }
        
            return returnValue
        }
        
        
       function AddSizeRadio()
       {
       
       var aspnetForm = document.getElementById("aspnetForm");
       var tblSize = document.getElementById("tblSize");
       
	    while (tblSize.rows.length > 0) {
	       tblSize.deleteRow(0);
	    }

	    selOptVal = "undefined";
	    selGroup = aspnetForm.styleRadio;
	    
	    if (selGroup.length == undefined) {
             selOptVal = selGroup.value;
	    }
	    else {
	    
	        for(i=0;i<selGroup.length;i++) {
                    if(selGroup[i].checked==true) {
                      selOptVal = selGroup[i].value;
                    }
            }
        }

	    var thisSizeArray = selOptVal + "_size"

            for (var i=0; i < eval(thisSizeArray + ".length"); i++)
            {     

	var Description;
	Description = eval(thisSizeArray + '[i][1]');

                if(document.all && !window.opera && document.createElement) {

                        if(i == 0) {
                            var aE2 = document.createElement("<input type='radio' name='sizeRadio' onclick='UpdatePrice(\"" + Description  + "\");' checked>");
                        }
                        else {
                            var aE2 = document.createElement("<input type='radio' name='sizeRadio' onclick='UpdatePrice(\"" + Description  + "\");' >");
                        }
                        
                        aE2.id = "sizeRadio";
                        aE2.value = eval(thisSizeArray + "[i][0]");
	        //aE2.setAttribute('onclick', 'UpdatePrice(this.value.ToString())');

	
	            }
                else if(document.createElement && document.createTextNode) {
	      var aE2 = document.createElement('input');
                        aE2.setAttribute('type', 'radio');
                        aE2.setAttribute('name', 'sizeRadio');
                        aE2.setAttribute('id', 'sizeRadio');
                        aE2.setAttribute('value', eval(thisSizeArray + "[i][0]"));
	        aE2.setAttribute('onclick', "UpdatePrice(\"" + Description  + "\")");                       
                        if(i == 0) {
                            aE2.setAttribute('checked', null);
                        }
                        
	            }
                else {
                
                    return
                    
                };
                   
                var oRow = tblSize.insertRow(-1);
                var oCell = oRow.insertCell(-1);
                oCell.appendChild( aE2 );
      
                oCell = oRow.insertCell(-1);
                oCell.innerHTML = eval(thisSizeArray + "[i][1]");
            
            }
       }

	function UpdatePrice(radioDesc){
		var price;
		
		if(radioDesc.indexOf('$') > -1)
		{
			var start;
			var end;

			start = radioDesc.indexOf('$');
			
			if(radioDesc.indexOf('.') > -1)
			{
				end = radioDesc.indexOf('.');
				end = Number(end) + 3;
			}
			else
			{end = radioDesc.length}
					
			start = Number(start)+1;
			price = radioDesc.substring(start, end);
			price = Number(price);
		}
		else
		{
			price = 0;
		}
		var displayPrice = document.getElementById('ctl00_ContentPlaceHolder1_price');
		
		//if (displayInfo == null)
		//{displayInfo = displayPrice.innerHTML;}
		
		if(displayInfo.indexOf('.') > -1)
		{displayInfo = displayInfo.substring(displayInfo.indexOf('$') + 1, displayInfo.indexOf('.')+3);}
		else
		{
			displayInfo  = displayInfo.substring(displayInfo.indexOf('$') + 1, displayInfo.length);
		}

		var formatPrice;
		formatPrice= Number(displayInfo) + price;
	                displayPrice.innerHTML = '$' + formatPrice.toFixed(2);	
	}

	function updateImage() {

		var styleSelected = "undefined";
		var colorSelected = "undefined";
		var sizeSelected = "undefined";
		var aspnetForm = document.getElementById("aspnetForm");
		var newColor = null;

		styleGroup = aspnetForm.styleRadio;
		
		if (styleGroup.length == undefined) {
             styleSelected = styleGroup.value;
	    }
	    else { 
	    
	    	for(i=0;i<selGroup.length;i++) {

                	if(selGroup[i].checked==true) {
                  		styleSelected  = selGroup[i].value;
                	}
            	}
        }

		ColorGroup = aspnetForm.colorRadio;
		
	    if (ColorGroup.length == undefined) {
             colorSelected = ColorGroup.value;
	    }
	    else {
	    
    	    for(i=0;i<ColorGroup.length;i++) {

            	    if(ColorGroup[i].checked==true) {
              		    colorSelected  = ColorGroup[i].value;
              		    newColor = eval(styleSelected + "_color[i][2]");
            	    }
            }
        }


		//alert(styleSelected + "-" + colorSelected);
		
		var baseImage = styleSelected + "-" + colorSelected;
		
		frames['test'].location.href = "/tShirt.aspx?l=" + logoImage + "&b=" + baseImage;
		
		changePopupBackground(newColor)
		//alert(newColor);
		

	}
	
	function UpdateHiddenPrice() {

		var styleSelected = "undefined";
		var aspnetForm = document.getElementById("aspnetForm");
		styleGroup = aspnetForm.styleRadio;


		
             if (styleGroup.length == undefined) {
             styleSelected = styleGroup.value;
             aspnetForm.thisPrice.value = styles[0][2];
	if (aspnetForm.price)
	{aspnetForm.price.value = styles[0][2];}
	displayInfo =  styles[0][2];
	    }
	    else { 
	    
	    	for(i=0;i<selGroup.length;i++) {

                	if(selGroup[i].checked==true) {
                		aspnetForm.thisPrice.value = styles[i][2];	
			displayInfo =  styles[i][2];
			//alert(styles[i][2]);
                	}

            	}
        }

	}
	
    function ChangeSRC(path) {
        document.getElementById('popupImage').src = path;
    }
        
    function changePopupBackground(newColor) {
        if (document.getElementById('popupImage') != null) {
            document.getElementById('popupImage').style.backgroundColor = newColor;
        }
    }