﻿function displayMediaButton_Click(sender)
{
    sender.style.display='none';
    setBrandMultimedia(sender.parentNode.id);
}

function setBrandMultimedia(brandId)
{
    var brandElement = getBrandElement(brandId);
    if (brandElement == null)
        return;
        
    hideMediaButton(brandElement); 
    setBrandElementImages (brandElement);
    setBrandElementVideo (brandElement);
}

function hideMediaButton (brandElement)
{
    var spans = brandElement.getElementsByTagName("span");
    
    for (var i = 0;  i < spans.length;  i++)
    {
        if (spans[i].className == "displayMediaButton")
        {
            spans[i].style.display = "none";
            return;
        }
    }
}

function setBrandElementImages (brandElement)
{
    var images = brandElement.getElementsByTagName("img");
    var brandImages = getBrandImages (brandElement.id);
    
    if (brandImages)
        brandImages = brandImages.split(',');
    else
        return;
       
    var currentBrandImageIndex = 0;
    
    for (var i = 0;  i < images.length;  i++)
    {
        // If the image is a blank image
        if (images[i].src.indexOf("blank") != -1)
        {
            images[i].src = "images/brands/" + brandImages[currentBrandImageIndex++];
        }
    }      
}
function setBrandElementVideo (brandElement)
{
    var videoHTMLCode = getBrandVideoHtmlCode (brandElement.id);
    
    // If the brand has no video
    if (videoHTMLCode == null)
        return;
    
    var divs = brandElement.getElementsByTagName("div");
    
    // Runing on the brand's divs
    for (var i = 0;  i < divs.length;  i++)
    {
        // If it is the div which contain the video code
        if (divs[i].title == "video")
        {
            divs[i].innerHTML = videoHTMLCode;
            return;
        }
    }      
}
