﻿Sne = { timeInterval: 25, animationTime: 250, timer: null, slideWidthIncrement: 0, slideMarginIncrement: 0, slideElement: null, slideFrame: null, finalWidth: 0, slideOut: function() {
    if (Sne.slideElement) {
        if (Sne.slideElement.clientWidth >= Sne.finalWidth)
        { clearInterval(Sne.timer); }
        else {
            if ((Sne.slideElement.clientWidth + Sne.slideWidthIncrement) > Sne.finalWidth)
            { Sne.slideElement.style.width = Sne.finalWidth + "px"; }
            else
            { Sne.slideElement.style.width = (Sne.slideElement.clientWidth + Sne.slideWidthIncrement) + "px"; }
            if ((parseInt(Sne.slideFrame.style.marginLeft) + Sne.slideMarginIncrement) > 0)
            { Sne.slideFrame.style.marginLeft = 0; }
            else
            { Sne.slideFrame.style.marginLeft = (parseInt(Sne.slideFrame.style.marginLeft) + Sne.slideMarginIncrement) + "px"; } 
        } 
    } 
}, hoverFrame: function(element, width, height) {
    clearInterval(Sne.timer); Sne.slideElement = element; Sne.finalWidth = width; if (element)
    { Sne.slideFrame = element.getElementsByTagName('iframe')[0]; element.style.zIndex = 100001; element.style.height = height; element.style.width = element.clientWidth + "px"; Sne.slideWidthIncrement = (Sne.finalWidth - element.clientWidth) / (Sne.animationTime / Sne.timeInterval); Sne.slideMarginIncrement = Math.abs(parseInt(Sne.slideFrame.style.marginLeft)) / (Sne.animationTime / Sne.timeInterval); Sne.timer = setInterval(Sne.slideOut, Sne.timeInterval); } 
}, unHoverFrame: function(element, width, height) {
    var frame; clearInterval(Sne.timer); if (element) {
        element.style.zIndex = 100001; element.style.width = width + "px"; element.style.height = height + "px"; frame = element.getElementsByTagName("iframe")[0]
        if (frame)
        { frame.style.marginLeft = -188 + "px"; } 
    } 
}, hideElementById: function(elementName) {
    var element = document.getElementById(elementName); if (element)
    { element.style.visibility = "hidden"; } 
}, showElementById: function(elementName) {
    var element = document.getElementById(elementName); if (element)
    { element.style.visibility = "visible"; } 
}, select360ViewHonda: function(selectedTabName, selectedPanelName, unselectedTabName, unselectedPanelName, iframeID) {
    var selectedTab = document.getElementById(selectedTabName); var selectedPanel = document.getElementById(selectedPanelName); var unselectedTab = document.getElementById(unselectedTabName); var unselectedPanel = document.getElementById(unselectedPanelName); if (selectedTab)
        selectedTab.style.fontWeight = "bold"; if (unselectedTab)
        unselectedTab.style.fontWeight = "normal"; if (selectedPanel) {
        selectedPanel.style.display = "block"; if (!window.ActiveXObject)
        { var f = document.getElementById(iframeID); f.src = f.src; } 
    }
    if (unselectedPanel)
        unselectedPanel.style.display = "none";
} 
}
