// JScript File

// Set Colour
function SetColour(sBaseProdID) {
    var sColourID = $get(SelectColour).value;

    Crewroom_WebService.SetAttributes(sBaseProdID, "-1", sColourID, "-1", "colour", SetVariant_Response)
}



// Set Size
function SetSize(sBaseProdID, sSizeID, sSizeListLength, sSelectedSize) {
    Crewroom_WebService.SetAttributes(sBaseProdID, sSizeID, "-1", "-1", "size", SetVariant_Response)
    var iCount = parseInt(sSizeListLength);
    var iSelected = parseInt(sSelectedSize);
    
    for(i = 1; i <= iCount; i++) {
        if(i == iSelected) {
            $get("AttSize" + i).className = "divSizeActive";
        } else {
            $get("AttSize" + i).className = "divSize";
        }
    }
    var sSizeID = $get("hidSelectedSize").value;
}



// Set Size Colour
function SetSizeColour(sBaseProdID, sSizeID, sSizeListLength, sSelectedSize) {
    var sColourID = $get(SelectColour).value;
    var iCount = parseInt(sSizeListLength);
    var iSelected = parseInt(sSelectedSize);
    
    for(i = 1; i <= iCount; i++) {
        if(i == iSelected) {
            $get("AttSize" + i).className = "divSizeActive";
        } else {
            $get("AttSize" + i).className = "divSize";
        }
    }
    $get("hidSelectedSize").value = sSizeID;

    Crewroom_WebService.SetAttributes(sBaseProdID, sSizeID, sColourID, "-1", "colour_size", SetVariant_Response)
}

function SetSizeColourStandard(sBaseProdID) {
    var sColourID = $get(SelectColour).value;
    var sSizeID = $get("hidSelectedSize").value;
    
    Crewroom_WebService.SetAttributes(sBaseProdID, sSizeID, sColourID, "-1", "colour_size", SetVariant_Response)
}



// Set Colour Gender
function SetColourGender(sBaseProdID) {
    var sColourID = $get(SelectColour).value;
    var sGenderID = $get(SelectGender).value;

    Crewroom_WebService.SetAttributes(sBaseProdID, "-1", sColourID, sGenderID, "colour_gender", SetVariant_Response)
}




// Set Size Gender
function SetSizeGender(sBaseProdID, sSizeID, sSizeListLength, sSelectedSize) {
    var sGenderID = $get(SelectGender).value;
    var iCount = parseInt(sSizeListLength);
    var iSelected = parseInt(sSelectedSize);
    
    for(i = 1; i <= iCount; i++) {
        if(i == iSelected) {
            $get("AttSize" + i).className = "divSizeActive";
        } else {
            $get("AttSize" + i).className = "divSize";
        }
    }
    $get("hidSelectedSize").value = sSizeID;

    Crewroom_WebService.SetAttributes(sBaseProdID, sSizeID, "-1", sGenderID, "size_gender", SetVariant_Response)
}

function SetSizeGenderStandard(sBaseProdID) {
    var sGenderID = $get(SelectGender).value;
    var sSizeID = $get("hidSelectedSize").value;

    Crewroom_WebService.SetAttributes(sBaseProdID, sSizeID, "-1", sGenderID, "size_gender", SetVariant_Response)
}




// Set Size Colour Gender
function SetSizeColourGenderStandard(sBaseProdID) {
    var sColourID = $get(SelectColour).value;
    var sGenderID = $get(SelectGender).value;
    var sSizeID = $get("hidSelectedSize").value;

    Crewroom_WebService.SetAttributes(sBaseProdID, sSizeID, sColourID, sGenderID, "size_colour_gender", SetVariant_Response)
}

function SetSizeColourGender(sBaseProdID, sSizeID, sSizeListLength, sSelectedSize) {
    var sColourID = $get(SelectColour).value;
    var sGenderID = $get(SelectGender).value;
    var iCount = parseInt(sSizeListLength);
    var iSelected = parseInt(sSelectedSize);
    
    for(i = 1; i <= iCount; i++) {
        if(i == iSelected) {
            $get("AttSize" + i).className = "divSizeActive";
        } else {
            $get("AttSize" + i).className = "divSize";
        }
    }

	$get("hidSelectedSize").value = sSizeID;

    Crewroom_WebService.SetAttributes(sBaseProdID, sSizeID, sColourID, sGenderID, "size_colour_gender", SetVariant_Response)
}




// Response
function SetVariant_Response(Results) {
    $get(hdnVarID).value = Results[0];
    $get("ProductPriceRight").innerHTML = Results[1];
    $get("ProductCodeRight").innerHTML = Results[2];
    $get("VariantStock").innerHTML = Results[3];
    
    if(Results[5] == "false") {
        $get("AddToBasketButton").style.display = "none";
    } else {
        $get("AddToBasketButton").style.display = "inline";
    }
    
    if(Results[6] != "-1" && Results[7] != "-1") {
        var iVarCount = parseInt(Results[6]);
        var iVarNum = parseInt(Results[7]);
        
        for(var i = 1; i <= iVarCount; i++) {
            $get('VariantImagesContainer').style.visibility = "visible";
            $get('VariantImagesContainer').style.position = "static";
            $get('VariantImagesContainer').style.display = "block";
            
            if(i == iVarNum) {
                $get('VariantImages' + i).style.visibility = "visible";
                $get('VariantImages' + i).style.position = "static";
                
                $get('VariantNoImage').style.visibility = "hidden";
                $get('VariantNoImage').style.position = "absolute";
            } else {
                $get('VariantImages' + i).style.visibility = "hidden";
                $get('VariantImages' + i).style.position = "absolute";
            }
        }
    } else {
        $get('VariantNoImage').style.visibility = "visible";
        $get('VariantNoImage').style.position = "static";
        $get('VariantImagesContainer').style.visibility = "hidden";
        $get('VariantImagesContainer').style.position = "absolute";
        $get('VariantImagesContainer').style.display = "none";
    }
    
    $get('Body1').innerHTML = Results[8];
}



// Add product to basket
function BuyVariant() {
    var sVarID = $get(hdnVarID).value
    var sQty = $get(txtQtyValue).value;
    
    if(sVarID != "-1" && sVarID != "0") {
        Crewroom_WebService.AddVariantToBasket(sVarID, sQty, BuyVariant_Response);
    } else {
        alert("Invalid Variant. Cannot add to basket")
    }
}


// Add product to basket
function BuyVariant_Response(Results) {
    
    if(Results[0] == "OK") {
        if(Results[1] == "true") {
            if(confirm("LEAD TIMES: Team kit is subject to a lead time which is detailed on your team home page under the ‘Lead Time’ tab.\n\nSIZING: Please ensure you have selected the correct sizes as we are unable to exchange or refund custom-made kit.\n\nClick ‘OK’ to proceed to your shopping bag.")) {
                window.location="../basket/default.aspx";
            }
        }
        else {
            window.location="../basket/default.aspx";
        }
        
    } else {
        alert(Results[0]);
    }
}


// change the tab for the related products /size chart etc.
function changeTab(iTab)
{
    $get('Body1').style.display = "none";
    $get('Body2').style.display = "none";
    $get('Body3').style.display = "none";
    
    $get('Body' + iTab).style.display = "inline";
    
    $get('Header1').className = "RelatedProdTabHeader";
    $get('Header2').className = "RelatedProdTabHeader";
    $get('Header3').className = "RelatedProdTabHeader";
    
    $get('Header' + iTab).className = "RelatedProdTabHeaderSelected";
}

function changeTab2(iTab)
{
    $get('Body1_2').style.display = "none";
    $get('Body2_2').style.display = "none";
    $get('Body3_2').style.display = "none";
    
    $get('Body' + iTab + "_2").style.display = "inline";
    
    $get('Header1_2').className = "RelatedProdTabHeader";
    $get('Header2_2').className = "RelatedProdTabHeader";
    $get('Header3_2').className = "RelatedProdTabHeader";
    
    $get('Header' + iTab + "_2").className = "RelatedProdTabHeaderSelected";
}




// Google Map Scripts
function InitializeMap() 
{      
    if (document.getElementById("map_canvas") != null) 
    {    
        if (GBrowserIsCompatible()) 
        {   
            var map = new GMap2(document.getElementById("map_canvas"));
            map.addControl(new GSmallZoomControl());
            map.setCenter(new GLatLng(51.4626, -0.2080), 14);
            var sInfoContent = "<div style='float:left;margin-top:5px;'><img src='../images/crewroom_logo_mini.gif' /></div><div style='float:left;margin-left:10px;margin-top:4px;font-size:80%;font-weight:bold;font-family:Arial;'>Crewroom<span style='font-size:100%;font-weight:normal;'><br />Unit 3 Ground Floor<br />Carlson Court<br />116 Putney Bridge Road<br />Putney<br />London<br />SW15 2NQ<br /><b>Tel.</b> +44 (0)20 8877 3888 </span></div>";
            //map.openInfoWindowHtml(map.getCenter(), "<div>" + sInfoContent + "</div>");  
            
            // Create Marker Icon
            var icon = new GIcon();
            icon.image = "../images/crewroom_logo_mini.gif";
            icon.iconSize = new GSize(25, 22);
            icon.iconAnchor = new GPoint(17, 10);
            icon.infoWindowAnchor = new GPoint(17, 10);

            // Add Marker Icon
            var marker = new GMarker(new GLatLng(51.4626, -0.2080), icon); 
            GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(sInfoContent);  });
            map.addOverlay(marker);    
        }
    }
}


function InitializeLargeMap() 
{      
    if (document.getElementById("map_canvas") != null) 
    {    
        if (GBrowserIsCompatible()) 
        {   
            var map = new GMap2(document.getElementById("map_canvas"));
            map.addControl(new GSmallZoomControl());
            map.setCenter(new GLatLng(53.9504, -1.0472), 16);
            var sInfoContent = "<div style='float:left;margin-top:5px;'><img src='../images/siteimages/purenet_miniLogo.gif' /></div><div style='float:left;margin-left:10px;margin-top:4px;font-size:80%;font-weight:bold;font-family:Arial;'>PureNet Solutions Ltd<span style='font-size:100%;font-weight:normal;'><br />Enterprise House<br />York Science Park<br />Innovation Way<br />YO10 5NY<br /><b>Tel.</b> 01904 898 444</span></div>";
            //map.openInfoWindowHtml(map.getCenter(), "<div>" + sInfoContent + "</div>");  
            
            // Create Marker Icon
            var icon = new GIcon();
            icon.image = "../images/siteimages/purenet_miniLogo.gif";
            icon.iconSize = new GSize(60, 23);
            icon.iconAnchor = new GPoint(17, 10);
            icon.infoWindowAnchor = new GPoint(17, 10);

            // Add Marker Icon
            var marker = new GMarker(new GLatLng(53.9504, -1.0472), icon); 
            GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(sInfoContent);  });
            map.addOverlay(marker);    
        } 
    }  
}