var selectedIndex = "0";

function showView(obj){
    if(selectedIndex == obj.id)
        return;
    
    document.getElementById(selectedIndex).className = "product-display-navitem";

    selectedIndex = obj.id;    
    obj.className = "product-display-navitem navitem-selected";
    
    var offset = parseInt(obj.id) * 891 * -1;
    var offsetCSS = offset.toString() + "px";
    
    document.getElementById("product-display-content").style.left = offsetCSS;
}

function showNext(){
    var selectedIndexNumber = parseInt(selectedIndex);
    selectedIndexNumber++;
    
    if(selectedIndexNumber > 5)
        selectedIndexNumber = 0;
        
    var obj = document.getElementById(selectedIndexNumber.toString());
    showView(obj);    
}

function showPrev(){
    var selectedIndexNumber = parseInt(selectedIndex);
    selectedIndexNumber--;
    
    if(selectedIndexNumber < 0)
        selectedIndexNumber = 5;
        
    var obj = document.getElementById(selectedIndexNumber.toString());
    showView(obj);
}

function openReleaseNotes(){
    window.open("changelist/index.html", 'subwin','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1, copyhistory=0,width=350,height=400');
}

function showMovie(href, width, height){
    var obj = document.getElementById("popup-video");
    document.getElementById("popup-bg").style.display = "block";
    obj.innerHTML = ("<div id='popup-close' onclick='javascript:hideMovie();'></div><video width='" + width.toString() + "' height='" + height.toString() + "' controls autoplay><source src='" + href + "' type='video/mp4' codecs='avc1.42E01E, mp4a.40.2'></video>");
}

function hideMovie(){
    var obj = document.getElementById("popup-video");
    document.getElementById("popup-bg").style.display = "none";
    obj.innerHTML = "";    
}