var Module=YAHOO.widget.Module
var Dom=YAHOO.util.Dom
var Event=YAHOO.util.Event
var UA=YAHOO.env.ua
var Anim=YAHOO.util.Anim
function initSliders(){
var module1=new Module("module1",{visible: true})
module1.body.style.display='none'
module1.contentHeight=380
module1.contentId='content1'
module1.openTab='bgOpen'
module1.closeTab='bgClose'
module1.render()
var module2=new Module("module2",{visible: true})
module2.body.style.display='none'
module2.contentHeight=420
module2.contentId='content2'
module2.openTab='boxOpen'
module2.closeTab='boxClose'
module2.render()
var module3=new Module("module3",{visible: true})
module3.body.style.display='none'
module3.contentHeight=380
module3.contentId='content3'
module3.openTab='fontOpen'
module3.closeTab='fontClose'
module3.render()
var module4=new Module("module4",{visible: true})
module4.body.style.display='none'
module4.contentHeight=380
module4.contentId='content4'
module4.openTab='layoutOpen'
module4.closeTab='layoutClose'
module4.render()
function makeSlidingPanel(moduleGrp,module){
Dom.get(module.closeTab).style.display='none'
Dom.get(module.closeTab).style.top=-module.contentHeight
Event.addListener(module.openTab,"click",function(e){
Dom.setStyle(module.body,'display','block')
if(moduleGrp.length>1){
for(var i=0;i<moduleGrp.length;i++){
var adj=(moduleGrp[i].body.style.display=='block')? 1 : 0
Dom.setStyle(moduleGrp[i].element.parentNode,'z-index',70+adj)}}
Dom.setStyle(module.element.parentNode,'z-index',80)
if((UA.ie>0)&&(UA.ie<7)){
Dom.get(module.contentId).style.height=module.contentHeight+'px'
Dom.setStyle(module.openTab,'display','none')
Dom.setStyle(module.closeTab,'display','block')
}else{
var anim=new Anim(
Dom.get(module.contentId),
{height:{from: 0,to: module.contentHeight},
top:{from:-module.contentHeight,to:0}}
)
anim.onComplete.subscribe(function(){
Dom.setStyle(module.openTab,'display','none')
Dom.get(module.closeTab).style.top=0
Dom.setStyle(module.closeTab,'display','block')
})
anim.animate()}
Event.preventDefault(e)
},module,true)
Event.addListener(module.closeTab,"click",function(e){
if((UA.ie>0)&&(UA.ie<7)){
Dom.get(module.contentId).style.height='0px'
Dom.setStyle(module.closeTab,'display','none')
Dom.setStyle(module.openTab,'display','block')
module.body.style.display='none'
}else{
var anim=new Anim(
Dom.get(module.contentId),
{height:{from: module.contentHeight,to: 0},
top:{from: 0,to:-module.contentHeight}}
)
anim.onComplete.subscribe(function(){
Dom.setStyle(module.closeTab,'display','none')
Dom.setStyle(module.openTab,'display','block')
Dom.setStyle(module.element.parentNode,'z-index',70)
module.body.style.display='none'
})
anim.animate()}
Event.preventDefault(e)
},module,true)}
function slidingPanels(elements){
for(var i=0;i<elements.length;i++){
makeSlidingPanel(elements,elements[i])}}
slidingPanels(new Array(module1,module2,module3,module4))}