if(!window.__td){window.__MT=100;window.__ti=0;window.__td=[];window.__td.length=__MT;window.__noTrace=false;}


if(typeof vp=="undefined"){
var vp={};
}





if(!vp.controls)
{
vp.controls={};
}




vp.controls.FixedHeightContainer={};





vp.controls.FixedHeightContainer.renderAll=function controls_FixedHeightContainer_renderAll()
{if(!window.__noTrace){__td[__ti]=arguments;__ti=__ti>=__MT?0:__ti+1;}
var aElements=vp.ui.getBySelector(".vp-fixed-height-container");
for(var i=0;i<aElements.length;i++)
{
vp.controls.FixedHeightContainer.render(aElements[i]);
}
};





vp.controls.FixedHeightContainer.render=function controls_FixedHeightContainer_render(vElement,oSkin)
{if(!window.__noTrace){__td[__ti]=arguments;__ti=__ti>=__MT?0:__ti+1;}
var oElement=vp.core.getElement(vElement,"vp.controls.FixedHeightContainer.render");

if(oElement.fixedHeightContainerRendered)
{
return;
}

if(!oSkin)
{
oSkin=vp.http.parseJSON(oElement.getAttribute("skin-data"));
}

if(!oSkin.minWidth)
{
oSkin.minWidth=oSkin.left+oSkin.right+1;
}



if(document.location.protocol==="https:"&&oSkin.imageDirectory.indexOf("/")===0)
{
oSkin.imageDirectory=document.location.protocol+"//"+document.location.hostname+oSkin.imageDirectory;
}





var bIsIE6=vp.browser.isIE&&vp.browser.ver<7;


var sExtension=(bIsIE6||!oSkin.hasPngTiles)?".gif":".png";

if(!oSkin.valign)
{
oSkin.valign="top";
}

var middleWidth=oSkin.minWidth;
if(oElement.offsetWidth>0)
{
middleWidth=oElement.offsetWidth-oSkin.minWidth;
}

var sTreeHtml=
'<div style="position:relative; width:100%; top:0px; left:0px; z-index:2; padding:'+oSkin.padding+';" class="fixed-height-container-content"></div>'+

'<table cellSpacing="0" cellPadding="0" style="table-layout:fixed; width:100%; height:'+oSkin.height+'px; position:absolute; top:0px; left:0px; z-index:1;">'+
'<tr>'+
'<td style="height:'+oSkin.height+'px; width:'+oSkin.left+'px; background-image: url('+oSkin.imageDirectory+"/sprite"+sExtension+');"></td>'+
'<td style="width:'+middleWidth+'px; background-image: url('+oSkin.imageDirectory+"/sprite"+sExtension+'); background-position:-'+oSkin.left+'px 0px;"></td>'+
'<td style="width:'+oSkin.right+'px; background-image: url('+oSkin.imageDirectory+"/sprite"+sExtension+'); background-position:top right;"></td>'+
'</tr>'+
'</table>';


var oInnerNode=document.createElement("DIV");
oInnerNode.style.position="relative";
oInnerNode.innerHTML=sTreeHtml;




var oContentNode=oInnerNode.firstChild;
var oChild;


var aFontStyles=[
"fontWeight",
"fontFamily",
"color",
"fontSize",
"fontStyle",
"textDecoration",
"textAlign"
];

aFontStyles.map(function(sStyle)
{
if(oElement.style[sStyle])
{
oContentNode.style[sStyle]=oElement.style[sStyle];
}
});


while(oElement.childNodes.length>0)
{
oChild=oElement.childNodes[0];
oChild.parentNode.removeChild(oChild);
oContentNode.appendChild(oChild);
}


oInnerNode.style.position="relative";

if(!parseInt(vp.ui.getCurrentStyle(oElement,"minWidth")))
{
oElement.style.minWidth=oSkin.minWidth+"px";
}

var iRealWidth=parseInt(vp.ui.getCurrentStyle(oElement,"width"));
if(iRealWidth&&iRealWidth<oSkin.minWidth)
{
oElement.style.width=oSkin.minWidth+"px";
}

oElement.appendChild(oInnerNode);

oElement.skinHeight=oSkin.height;
oElement.style.height=oSkin.height+"px";

if(vp.core.getAttribute(oElement,"auto-width-resize"))
{
vp.events.addOnDOMLoadHandler(function(){vp.controls.FixedHeightContainer.resizeToContent(oElement);});
vp.events.add(window,"resize",function(){vp.controls.FixedHeightContainer.resizeToContent(oElement);});
}


oElement.fixedHeightContainerRendered=true;
};

vp.controls.FixedHeightContainer.resizeToContent=function controls_FixedHeightContainer_resizeToContent(vElement)
{if(!window.__noTrace){__td[__ti]=arguments;__ti=__ti>=__MT?0:__ti+1;}
var oElement=vp.core.getElement(vElement,"vp.controls.FixedHeightContainer.resizeToContent");

if(oElement.firstChild.offsetHeight>oElement.skinHeight&&vp.ui.getCurrentStyle(oElement,"width")!="auto")
{
var iViewportWidth=vp.ui.getViewportSize().width;
var iCurrentWidth=parseInt(vp.ui.getCurrentStyle(oElement,"width"));

if(!iCurrentWidth)
{
iCurrentWidth=oElement.offsetWidth;
}
while(oElement.firstChild.offsetHeight>oElement.skinHeight&&iCurrentWidth<iViewportWidth)
{
iCurrentWidth+=10;
oElement.style.width=iCurrentWidth+"px";
}
}
};