// JAVASCRIPT DOCUMENT

/*-------------- LOADING ANIMATION ------------------*/
function divCreate() {

var winWidth = '400'; //width of the box
var winHeight= '200'; //height of the box

var ieVer=/*@cc_on function(){ switch(@_jscript_version){ case 1.0:return 3; case 3.0:return 4; case 5.0:return 5; case 5.1:return 5; case 5.5:return 5.5; case 5.6:return 6; case 5.7:return 7; }}()||@*/0;
if (ieVer<=6 && ieVer>0 ) {}

else {
var TBoverlay= '<div id="TB_overlay" style="display:none; "></div>'
var TBwin = '<div id="TB_window" style="width:' +winWidth+ 'px; height:' + winHeight+ 'px; display:none;"  > <img src="img/loader.gif" alt="loader"   /> <div class="cleaner">&nbsp;</div> loading - please wait</div>' ;
document.write ( TBoverlay );
document.write ( TBwin ) ; 
	};
};


divCreate();



function loader(){
var ieVer=/*@cc_on function(){ switch(@_jscript_version){ case 1.0:return 3; case 3.0:return 4; case 5.0:return 5; case 5.1:return 5; case 5.5:return 5.5; case 5.6:return 6; case 5.7:return 7; }}()||@*/0;

if (ieVer<=6 && ieVer>0 ) {}

else {

var TB_window = document.getElementById('TB_window');
var TB_window_width =  parseInt (TB_window.style.width) ;
var TB_window_height = parseInt (TB_window.style.height) ;
   
var lft =  (document.body.offsetWidth / 2) - (TB_window_width / 2) + 'px' ;
var top = (document.documentElement.clientHeight / 2) - (TB_window_height / 2) + 'px' ;

	document.getElementById('TB_overlay').style.display = "";
	TB_window.style.left = lft;
	TB_window.style.top = top;
	TB_window.style.display = "";

	};

};

/*------------------- TABS  -----------------*/

var stepArray = new Array ();  // here you define the name of the TABS 
stepArray[0] = null;
stepArray[1] = "step1";
stepArray[2] = "step2";
stepArray[3] = "step3";
stepArray[4] = "step4";
stepArray[5] = "step5";


function show( num ){  

var max= stepArray.length 

for ( var i = 1;i < max;i++)
{ var steps = stepArray[i];
document.getElementById(steps).style.display = "none";  
document.getElementById(steps+'_btn').className= "inactive";  // set the style = "inactive" for all buttons  *remember the buttons should be called like this: "<name of the tab>Btt"  
};

var san = stepArray[num];

document.getElementById(san+"_btn").className = "active";  //set the button style to "active"
document.getElementById(san).style.display = "";          // show the tab
};