//These functions make the various panels and elements visible on the link clicks
//
// Makes satisified customer panels visibile
//
function PanelSatisfied(){
var Panel1 = document.getElementById('pnlFlex');
var Panel2= document.getElementById('pnlEComm');
var Panel3= document.getElementById('pnlBiz');
var Panel4= document.getElementById('pnlSatis');
var Panel5 = document.getElementById('pnlFlex_txt');
var Panel6= document.getElementById('pnlEComm_txt');
var Panel7= document.getElementById('pnlBiz_txt');
var Panel8= document.getElementById('pnlSatis_txt');
var Arrow1 = document.getElementById('Arrow1');
var Arrow2= document.getElementById('Arrow2');
var Arrow3= document.getElementById('Arrow3');
var Arrow4= document.getElementById('Arrow4');
var link1 = document.getElementById('lnkSatisfied');
var link2 = document.getElementById('lnkEComm');
var link3 = document.getElementById('lnkBizApp');
var link4 = document.getElementById('lnkFlex');
Panel1.style.display = 'none';
Panel2.style.display = 'none';
Panel3.style.display = 'none';
Panel4.style.display = 'block';
Panel5.style.display = 'none';
Panel6.style.display = 'none';
Panel7.style.display = 'none';
Panel8.style.display = 'block';
Arrow1.style.display = 'inline';
Arrow2.style.display = 'none';
Arrow3.style.display = 'none';
Arrow4.style.display = 'none';
link1.style.display = 'none';
link2.style.display = 'block';
link3.style.display = 'block';
link4.style.display = 'block';
}
//
// Makes eCommerce panels visible
//
function PaneleCommerce(){
var Panel1 = document.getElementById('pnlFlex');
var Panel2= document.getElementById('pnlEComm');
var Panel3= document.getElementById('pnlBiz');
var Panel4= document.getElementById('pnlSatis');
var Panel5 = document.getElementById('pnlFlex_txt');
var Panel6= document.getElementById('pnlEComm_txt');
var Panel7= document.getElementById('pnlBiz_txt');
var Panel8= document.getElementById('pnlSatis_txt');
var Arrow1 = document.getElementById('Arrow1');
var Arrow2= document.getElementById('Arrow2');
var Arrow3= document.getElementById('Arrow3');
var Arrow4= document.getElementById('Arrow4');
var link1 = document.getElementById('lnkSatisfied');
var link2 = document.getElementById('lnkEComm');
var link3 = document.getElementById('lnkBizApp');
var link4 = document.getElementById('lnkFlex');
Panel1.style.display = 'none';
Panel2.style.display = 'block';
Panel3.style.display = 'none';
Panel4.style.display = 'none';
Panel5.style.display = 'none';
Panel6.style.display = 'block';
Panel7.style.display = 'none';
Panel8.style.display = 'none';
Arrow1.style.display = 'none';
Arrow2.style.display = 'inline';
Arrow3.style.display = 'none';
Arrow4.style.display = 'none';
link1.style.display = 'block';
link2.style.display = 'none';
link3.style.display = 'block';
link4.style.display = 'block';
}
//
// Makes business apps panels visible
//
function PanelBizApp(){
var Panel1 = document.getElementById('pnlFlex');
var Panel2= document.getElementById('pnlEComm');
var Panel3= document.getElementById('pnlBiz');
var Panel4= document.getElementById('pnlSatis');
var Panel5 = document.getElementById('pnlFlex_txt');
var Panel6= document.getElementById('pnlEComm_txt');
var Panel7= document.getElementById('pnlBiz_txt');
var Panel8= document.getElementById('pnlSatis_txt');
var Arrow1 = document.getElementById('Arrow1');
var Arrow2= document.getElementById('Arrow2');
var Arrow3= document.getElementById('Arrow3');
var Arrow4= document.getElementById('Arrow4');
var link1 = document.getElementById('lnkSatisfied');
var link2 = document.getElementById('lnkEComm');
var link3 = document.getElementById('lnkBizApp');
var link4 = document.getElementById('lnkFlex');
Panel1.style.display = 'none';
Panel2.style.display = 'none';
Panel3.style.display = 'block';
Panel4.style.display = 'none';
Panel5.style.display = 'none';
Panel6.style.display = 'none';
Panel7.style.display = 'block';
Panel8.style.display = 'none';
Arrow1.style.display = 'none';
Arrow2.style.display = 'none';
Arrow3.style.display = 'inline';
Arrow4.style.display = 'none';
link1.style.display = 'block';
link2.style.display = 'block';
link3.style.display = 'none';
link4.style.display = 'block';
}
//
// Makes flexibility panels visible
//
function PanelFlexibility(){
var Panel1 = document.getElementById('pnlFlex');
var Panel2= document.getElementById('pnlEComm');
var Panel3= document.getElementById('pnlBiz');
var Panel4= document.getElementById('pnlSatis');
var Panel5 = document.getElementById('pnlFlex_txt');
var Panel6= document.getElementById('pnlEComm_txt');
var Panel7= document.getElementById('pnlBiz_txt');
var Panel8= document.getElementById('pnlSatis_txt');
var Arrow1 = document.getElementById('Arrow1');
var Arrow2= document.getElementById('Arrow2');
var Arrow3= document.getElementById('Arrow3');
var Arrow4= document.getElementById('Arrow4');
var link1 = document.getElementById('lnkSatisfied');
var link2 = document.getElementById('lnkEComm');
var link3 = document.getElementById('lnkBizApp');
var link4 = document.getElementById('lnkFlex');
Panel1.style.display = 'block';
Panel2.style.display = 'none';
Panel3.style.display = 'none';
Panel4.style.display = 'none';
Panel5.style.display = 'block';
Panel6.style.display = 'none';
Panel7.style.display = 'none';
Panel8.style.display = 'none';
Arrow1.style.display = 'none';
Arrow2.style.display = 'none';
Arrow3.style.display = 'none';
Arrow4.style.display = 'inline';
link1.style.display = 'block';
link2.style.display = 'block';
link3.style.display = 'block';
link4.style.display = 'none';
}