function schimbaimagine(id, extensie, nume, tip) { if(tip==1) document.getElementById("imagProdus").innerHTML = ''+nume+''; else document.getElementById("imagProdus").innerHTML = ''+nume+''; } // Taburi ------------------------------------------------------------------------ var tabControl; if (!tabControl) tabControl = {}; if (!tabControl.Platforma) tabControl.Platforma = {}; tabControl.Platforma.tabProdus = function(element, opts) { this.element = this.getElement(element); this.defaultTab = 0; this.bindings = []; this.TabSelectatClass = "tabProdusTabSelectat"; this.tabHoverClass = "tabProdusTabHover"; this.tabFocusedClass = "tabProdusTabFocused"; this.panelVisibleClass = "tabProdusContinutVizibil"; this.focusElement = null; this.hasFocus = false; this.currentTabIndex = 0; this.enableKeyboardNavigation = false; tabControl.Platforma.tabProdus.setOptions(this, opts); if (typeof (this.defaultTab) == "number") { if (this.defaultTab < 0) this.defaultTab = 0; else { var count = this.getTabbedPanelCount(); if (this.defaultTab >= count) this.defaultTab = (count > 1) ? (count - 1) : 0; } this.defaultTab = this.getTabs()[this.defaultTab]; } if (this.defaultTab) this.defaultTab = this.getElement(this.defaultTab); this.attachBehaviors(); }; tabControl.Platforma.tabProdus.prototype.getElement = function(ele) { if (ele && typeof ele == "string") return document.getElementById(ele); return ele; } tabControl.Platforma.tabProdus.prototype.getElementChildren = function(element) { var children = []; var child = element.firstChild; while (child) { if (child.nodeType == 1) children.push(child); child = child.nextSibling; } return children; }; tabControl.Platforma.tabProdus.prototype.addClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1)) return; ele.className += (ele.className ? " " : "") + className; }; tabControl.Platforma.tabProdus.prototype.removeClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)) return; ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), ""); }; tabControl.Platforma.tabProdus.setOptions = function(obj, optionsObj, ignoreUndefinedProps) { if (!optionsObj) return; for (var optionName in optionsObj) { if (ignoreUndefinedProps && optionsObj[optionName] == undefined) continue; obj[optionName] = optionsObj[optionName]; } }; tabControl.Platforma.tabProdus.prototype.getGrupTab = function() { if (this.element) { var children = this.getElementChildren(this.element); if (children.length) return children[0]; } return null; }; tabControl.Platforma.tabProdus.prototype.getTabs = function() { var tabs = []; var tg = this.getGrupTab(); if (tg) tabs = this.getElementChildren(tg); return tabs; }; tabControl.Platforma.tabProdus.prototype.getContentPanelGroup = function() { if (this.element) { var children = this.getElementChildren(this.element); if (children.length > 1) return children[1]; } return null; }; tabControl.Platforma.tabProdus.prototype.getContentPanels = function() { var panels = []; var pg = this.getContentPanelGroup(); if (pg) panels = this.getElementChildren(pg); return panels; }; tabControl.Platforma.tabProdus.prototype.getIndex = function(ele, arr) { ele = this.getElement(ele); if (ele && arr && arr.length) { for (var i = 0; i < arr.length; i++) { if (ele == arr[i]) return i; } } return -1; }; tabControl.Platforma.tabProdus.prototype.getTabIndex = function(ele) { var i = this.getIndex(ele, this.getTabs()); if (i < 0) i = this.getIndex(ele, this.getContentPanels()); return i; }; tabControl.Platforma.tabProdus.prototype.getCurrentTabIndex = function() { return this.currentTabIndex; }; tabControl.Platforma.tabProdus.prototype.getTabbedPanelCount = function(ele) { return Math.min(this.getTabs().length, this.getContentPanels().length); }; tabControl.Platforma.tabProdus.addEventListener = function(element, eventType, handler, capture) { try { if (element.addEventListener) element.addEventListener(eventType, handler, capture); else if (element.attachEvent) element.attachEvent("on" + eventType, handler); } catch (e) {} }; tabControl.Platforma.tabProdus.prototype.onTabClick = function(e, tab) { this.showPanel(tab); }; tabControl.Platforma.tabProdus.prototype.onTabMouseOver = function(e, tab) { this.addClassName(tab, this.tabHoverClass); }; tabControl.Platforma.tabProdus.prototype.onTabMouseOut = function(e, tab) { this.removeClassName(tab, this.tabHoverClass); }; tabControl.Platforma.tabProdus.prototype.onTabFocus = function(e, tab) { this.hasFocus = true; this.addClassName(this.element, this.tabFocusedClass); }; tabControl.Platforma.tabProdus.prototype.onTabBlur = function(e, tab) { this.hasFocus = false; this.removeClassName(this.element, this.tabFocusedClass); }; tabControl.Platforma.tabProdus.ENTER_KEY = 13; tabControl.Platforma.tabProdus.SPACE_KEY = 32; tabControl.Platforma.tabProdus.prototype.onTabKeyDown = function(e, tab) { var key = e.keyCode; if (!this.hasFocus || (key != tabControl.Platforma.tabProdus.ENTER_KEY && key != tabControl.Platforma.tabProdus.SPACE_KEY)) return true; this.showPanel(tab); if (e.stopPropagation) e.stopPropagation(); if (e.preventDefault) e.preventDefault(); return false; }; tabControl.Platforma.tabProdus.prototype.preorderTraversal = function(root, func) { var stopTraversal = false; if (root) { stopTraversal = func(root); if (root.hasChildNodes()) { var child = root.firstChild; while (!stopTraversal && child) { stopTraversal = this.preorderTraversal(child, func); try { child = child.nextSibling; } catch (e) { child = null; } } } } return stopTraversal; }; tabControl.Platforma.tabProdus.prototype.addPanelEventListeners = function(tab, panel) { var self = this; tabControl.Platforma.tabProdus.addEventListener(tab, "click", function(e) { return self.onTabClick(e, tab); }, false); tabControl.Platforma.tabProdus.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e, tab); }, false); tabControl.Platforma.tabProdus.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false); if (this.enableKeyboardNavigation) { var tabIndexEle = null; var tabAnchorEle = null; this.preorderTraversal(tab, function(node) { if (node.nodeType == 1) { var tabIndexAttr = tab.attributes.getNamedItem("tabindex"); if (tabIndexAttr) { tabIndexEle = node; return true; } if (!tabAnchorEle && node.nodeName.toLowerCase() == "a") tabAnchorEle = node; } return false; }); if (tabIndexEle) this.focusElement = tabIndexEle; else if (tabAnchorEle) this.focusElement = tabAnchorEle; if (this.focusElement) { tabControl.Platforma.tabProdus.addEventListener(this.focusElement, "focus", function(e) { return self.onTabFocus(e, tab); }, false); tabControl.Platforma.tabProdus.addEventListener(this.focusElement, "blur", function(e) { return self.onTabBlur(e, tab); }, false); tabControl.Platforma.tabProdus.addEventListener(this.focusElement, "keydown", function(e) { return self.onTabKeyDown(e, tab); }, false); } } }; tabControl.Platforma.tabProdus.prototype.showPanel = function(elementOrIndex) { var tpIndex = -1; if (typeof elementOrIndex == "number") tpIndex = elementOrIndex; else tpIndex = this.getTabIndex(elementOrIndex); if (!tpIndex < 0 || tpIndex >= this.getTabbedPanelCount()) return; var tabs = this.getTabs(); var panels = this.getContentPanels(); var numtabProdus = Math.max(tabs.length, panels.length); for (var i = 0; i < numtabProdus; i++) { if (i != tpIndex) { if (tabs[i]) this.removeClassName(tabs[i], this.TabSelectatClass); if (panels[i]) { this.removeClassName(panels[i], this.panelVisibleClass); panels[i].style.display = "none"; } } } this.addClassName(tabs[tpIndex], this.TabSelectatClass); this.addClassName(panels[tpIndex], this.panelVisibleClass); panels[tpIndex].style.display = "block"; this.currentTabIndex = tpIndex; }; tabControl.Platforma.tabProdus.prototype.attachBehaviors = function(element) { var tabs = this.getTabs(); var panels = this.getContentPanels(); var panelCount = this.getTabbedPanelCount(); for (var i = 0; i < panelCount; i++) this.addPanelEventListeners(tabs[i], panels[i]); this.showPanel(this.defaultTab); };