// Product Scripts

function ShowVideo(VID, AutoPlayVideos)
{  
    if (AutoPlayVideos == "True")
    {
        $get('SecondMainImageVid').innerHTML = "<object width='320' height='265'><param name='wmode' value='transparent'></param><param name='movie' value='http://www.youtube.com/v/" + VID + "&hl=en&fs=1&rel=0&autoplay=1'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param><embed src='http://www.youtube.com/v/" + VID + "&hl=en&fs=1&rel=0&autoplay=1' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='320' height='265'  wmode='transparent'></embed></object>";
    }
    else
    {
        $get('SecondMainImageVid').innerHTML = "<object width='320' height='265'><param name='wmode' value='transparent'></param><param name='movie' value='http://www.youtube.com/v/" + VID + "&hl=en&fs=1&rel=0'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param><embed src='http://www.youtube.com/v/" + VID + "&hl=en&fs=1&rel=0' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='320' height='265'  wmode='transparent'></embed></object>";
    }
    $get('SecondMainImage').style.display = "none";
    $get('SecondMainImageVid').style.display = "block";
}

function ShowImage()
{
    $get('SecondMainImageVid').style.display = "none";
    $get('SecondMainImage').style.display = "block";
}


function ChangeVariant()
{
	var iSizeID = -1;
	var iColourID = -1;
	
	if ($get(ddlSize) != null)
	{
	    iSizeID = $get(ddlSize).value;
    }
    
    if ($get(ddlColour) != null)
	{
	    iColourID = $get(ddlColour).value;
    }
    
	MainWebService.SelectVariant(TypeName, iSizeID, iColourID, ProdID, ChangeVariant_Response);
}

function ChangeVariant_Response(Var)
{
    if (Var != null)
    {
	    $get(txtVarID).value = Var.VariantID;
	    $get("ProdDescription").innerHTML = Var.Description;
	    var BlinkIDs = new Array();
	    
	    var Prices = "";
	    for(i = 0; i < Var.Prices.length; i++)
	    {
	        Prices += "<div class='Column Column1' id='DiscountText_PriceID_" + Var.Prices[i].ProductPriceID  + "' >" + Var.Prices[i].Text + "</div>";
            Prices += "<div class='Column Column2' id='ProductPriceID_" + Var.Prices[i].ProductPriceID  + "' >" + Var.Prices[i].sPrice + "</div>";
            Prices += "<div class='Column Column3'><input type='text' class='Quantity' value='1' id='ProductPriceQty_" + Var.Prices[i].ProductPriceID  + "' /></div>";
            Prices += "<div class='Column Column4'><img src='../images/layout/addtocart.gif' alt='Add To Basket' onclick='AddToBasket(\"" + Var.VariantID + "\", \"" + Var.Prices[i].ProductPriceID + "\", " + Var.Prices[i].originalPrice + ");' /></div>";
            BlinkIDs.push("ProductPriceID_" + Var.Prices[i].ProductPriceID);
        }
        
        $get('PurchasePrices').innerHTML = Prices;
        if (Var.PromoMessage == "")
        {
            $get('promoMessage').innerHTML = "";
        }
        else
        {
            $get('promoMessage').innerHTML = "<div class='PromoMessage'>" + Var.PromoMessage + "</div>";
        }
        
        
        MakeBlink(BlinkIDs);
	}
	else
	{
	    $get('PurchasePrices').innerHTML =  "<div class='NoVariant'>Sorry, but the selected product is currently unavailable</div>";
	}
}



var BlinkCount = 0;
var BlinkOn = false;
var Blinking = false;
function MakeBlink(ElementIDs)
{
    if (!Blinking) Blinking = true;

    if(BlinkCount < 6)
    {
        for(i = 0; i < ElementIDs.length; i++)
        {
            if ($get(ElementIDs[i]) != null)
            {
                if (BlinkOn)
                {
                    // Change back to default
                    $get(ElementIDs[i]).style.backgroundColor = "";
                    $get(ElementIDs[i]).style.color = "";
                    $get(ElementIDs[i]).style.fontWeight = "bold";
                }
                else
                {
                    // Make Flash
                    $get(ElementIDs[i]).style.backgroundColor = "#C63685";
                    $get(ElementIDs[i]).style.color = "#fff";
                    $get(ElementIDs[i]).style.fontWeight = "bold";
                }
            }                
        }
        
        if (BlinkOn) 
            BlinkOn = false;
        else
            BlinkOn = true;
        
        BlinkCount++;
        setTimeout(function() { MakeBlink(ElementIDs); },250);
    }
    else
    {
        BlinkCount = 0
        BlinkOn = false;
        Blinking = false;
    }
}

var ProdName;
var Quantity;
var ProdPrice;

function AddToBasket(VariantID, ProductPriceID, Price)
{
    Quantity = $get("ProductPriceQty_" + ProductPriceID).value;
    if ($get("ProductTitle").innerHTML != $get("DiscountText_PriceID_" + ProductPriceID).innerHTML) {
        ProdName = $get("ProductTitle").innerHTML + " - " + $get("DiscountText_PriceID_" + ProductPriceID).innerHTML;
    }
    else {
        ProdName = $get("ProductTitle").innerHTML;
    }
    
    if (Quantity == "")
    {
        alert("You must enter a Quantity.");
        return;
    }

    MainWebService.AddToBasket(VariantID, ProductPriceID, Quantity, Price, AddToBasket_Response, AddToBasket_Error);
}


function AddToBasket_Response(Result)
{
    // Set Product Details
    var BasketPrice = Result[0];
    var BasketQty = Result[1];
    var ProdPrice = Result[2];
    var errorMessage = Result[3];
    
    if(errorMessage.length > 0)
    {
		alert(errorMessage);
    }
    else
    {
		$get('PopupBasketProdName').innerHTML = ProdName;
		$get('PopupBasketProdQty').innerHTML = "QTY: " + Quantity;
		$get('PopupBasketProdPrice').innerHTML = "Price: " + ProdPrice;

		$get('HeaderBasketQuantity').innerHTML = BasketQty;
		$get('HeaderBasketTotal').innerHTML = BasketPrice;
		var ModalPopup = $find('ModalPopup');
	    
		ModalPopup.show();
    }
}

function AddToBasket_Error(e)
{
    alert(e.get_message());
}