// JavaScript Document

function setStyle(obj,style,value){
		getRef(obj).style[style]= value;
			
	}
	
	function getRef(obj){
		return (typeof obj == "string") ?
			 document.getElementById(obj) : obj;
	}
// Toggle Divs
function toggler(pageid ) {
  if ( document.getElementById ) {
    var f1 = document.getElementById( 'f1' );
    var f2 = document.getElementById( 'f2' );
    var f3 = document.getElementById( 'f3' );
    var f4 = document.getElementById( 'f4' );
    var f5 = document.getElementById( 'f5' );
    var f6 = document.getElementById( 'f6' );
    var f7 = document.getElementById( 'f7' );
    var f8 = document.getElementById( 'f8' );
    var f9 = document.getElementById( 'f9' );
    var f10 = document.getElementById( 'f10' );

var clickhere = document.getElementById( 'click_here' );
clickhere.style.display = 'none';

switch (pageid) {

case 'f1': f1.style.display = 'block';
f2.style.display = 'none';
f3.style.display = 'none'; 
f4.style.display = 'none'; 
f5.style.display = 'none'; 
f6.style.display = 'none'; 
f7.style.display = 'none'; 
f8.style.display = 'none'; 
f9.style.display = 'none'; 
f10.style.display = 'none'; 
break;

case 'f2': f1.style.display = 'none';
f2.style.display = 'block';
f3.style.display = 'none'; 
f4.style.display = 'none'; 
f5.style.display = 'none'; 
f6.style.display = 'none'; 
f7.style.display = 'none'; 
f8.style.display = 'none'; 
f9.style.display = 'none'; 
f10.style.display = 'none'; 
break;

case 'f3': f1.style.display = 'none';
f2.style.display = 'none';
f3.style.display = 'block'; 
f4.style.display = 'none'; 
f5.style.display = 'none'; 
f6.style.display = 'none'; 
f7.style.display = 'none'; 
f8.style.display = 'none'; 
f9.style.display = 'none'; 
f10.style.display = 'none'; 
break;

case 'f4': f1.style.display = 'none';
f2.style.display = 'none';
f3.style.display = 'none'; 
f4.style.display = 'block'; 
f5.style.display = 'none'; 
f6.style.display = 'none'; 
f7.style.display = 'none'; 
f8.style.display = 'none'; 
f9.style.display = 'none'; 
f10.style.display = 'none'; 
break;

case 'f5': f1.style.display = 'none';
f2.style.display = 'none';
f3.style.display = 'none'; 
f4.style.display = 'none'; 
f5.style.display = 'block'; 
f6.style.display = 'none'; 
f7.style.display = 'none'; 
f8.style.display = 'none'; 
f9.style.display = 'none'; 
f10.style.display = 'none'; 
break;

case 'f6': f1.style.display = 'none';
f2.style.display = 'none';
f3.style.display = 'none'; 
f4.style.display = 'none'; 
f5.style.display = 'none'; 
f6.style.display = 'block'; 
f7.style.display = 'none'; 
f8.style.display = 'none'; 
f9.style.display = 'none'; 
f10.style.display = 'none'; 
break;

case 'f7': f1.style.display = 'none';
f2.style.display = 'none';
f3.style.display = 'none'; 
f4.style.display = 'none'; 
f5.style.display = 'none'; 
f6.style.display = 'none'; 
f7.style.display = 'block'; 
f8.style.display = 'none'; 
f9.style.display = 'none'; 
f10.style.display = 'none'; 
break;

case 'f8': f1.style.display = 'none';
f2.style.display = 'none';
f3.style.display = 'none'; 
f4.style.display = 'none'; 
f5.style.display = 'none'; 
f6.style.display = 'none'; 
f7.style.display = 'none'; 
f8.style.display = 'block'; 
f9.style.display = 'none'; 
f10.style.display = 'none'; 
break;

case 'f9': f1.style.display = 'none';
f2.style.display = 'none';
f3.style.display = 'none'; 
f4.style.display = 'none'; 
f5.style.display = 'none'; 
f6.style.display = 'none'; 
f7.style.display = 'none'; 
f8.style.display = 'none'; 
f9.style.display = 'block'; 
f10.style.display = 'none'; 
break;

case 'f10': f1.style.display = 'none';
f2.style.display = 'none';
f3.style.display = 'none'; 
f4.style.display = 'none'; 
f5.style.display = 'none'; 
f6.style.display = 'none'; 
f7.style.display = 'none'; 
f8.style.display = 'none'; 
f9.style.display = 'none'; 
f10.style.display = 'block'; 
break;	  

}

}

  }