var i = 0;
var j = 0;
var k = 0;
var m = 0;
var strPanel;
var slide1 = 0;
var slide2 = 0;
var slide3 = 0;
var slide4 = 0;
var al;
var cssIdName;

	function initModel() {

	  strUA = navigator.userAgent.toLowerCase();
	  if(strUA.indexOf("firefox") != -1){
		 cssIdName = 'btn-slide1on';
	   document.getElementById('btn-slide1').setAttribute('class',cssIdName);
	  } else {
	   document.all['btn-slide1'].className = 'btn-slide1on';
	  }

		m = 1;
		i = 1;
		strPanel = "#panel" + i;
		$(strPanel).slideToggle("slow");
		$(this).toggleClass("active");

		if (i == 1) {
			if (slide1 == 0) {
				slide1 = 1;
			 	slide2 = 0;
			 	slide3 = 0;
				slide4 = 0;
				slide5 = 0;
				slide6 = 0;
				slide7 = 0;
			} else {
				slide1 = 0;
			}
		} else if (i == 2) {
			if (slide2 == 0) {
				slide1 = 0;
			  slide2 = 1;
			  slide3 = 0;
				slide4 = 0;
				slide5 = 0;
				slide6 = 0;
				slide7 = 0;
			} else {
				slide2 = 0;
			}
		} else if (i == 3) {
			if (slide3 == 0) {
				slide1 = 0;
			  slide2 = 0;
			  slide3 = 1;
				slide4 = 0;
				slide5 = 0;
				slide6 = 0;
				slide7 = 0;
			} else {
				slide3 = 0;
			}
		} else if (i == 4) {
			if (slide4 == 0) {
				slide1 = 0;
			  slide2 = 0;
			  slide3 = 0;
				slide4 = 1;
				slide5 = 0;
				slide6 = 0;
				slide7 = 0;
			} else {
				slide4 = 0;
			}
		} else if (i == 5) {
			if (slide5 == 0) {
				slide1 = 0;
			  slide2 = 0;
			  slide3 = 0;
				slide4 = 0;
				slide5 = 1;
				slide6 = 0;
				slide7 = 0;
			} else {
				slide5 = 0;
			}
		} else if (i == 6) {
			if (slide6 == 0) {
				slide1 = 0;
			  slide2 = 0;
			  slide3 = 0;
				slide4 = 0;
				slide5 = 0;
				slide6 = 1;
				slide7 = 0;
			} else {
				slide6 = 0;
			}
		} else if (i == 7) {
			if (slide7 == 0) {
				slide1 = 0;
			  slide2 = 0;
			  slide3 = 0;
				slide4 = 0;
				slide5 = 0;
				slide6 = 0;
				slide7 = 1;
			} else {
				slide7 = 0;
			}
		}
		k = 1;
		return false;
	}


	$(function() {
		$(".btn-slide1").click(function(){

			if (i!= 1){
				if (slide2 == 1) {
					j = 1;
					k = 2;
					strPanel = "#panel2"
				} else if (slide3 == 1) {
					j = 1;
					k = 3;
					strPanel = "#panel3"
				} else if (slide4 == 1) {
					j = 1;
					k = 4;
					strPanel = "#panel4"
				} else if (slide5 == 1) {
					j = 1;
					k = 5;
					strPanel = "#panel5"
				} else if (slide6 == 1) {
					j = 1;
					k = 6;
					strPanel = "#panel6"
				} else if (slide7 == 1) {
					j = 1;
					k = 7;
					strPanel = "#panel7"
				} else {
					j = 0;
					k = 1;
				}

				if (j == 1) {
					$(strPanel).slideToggle("slow");
					$(this).toggleClass("active");
				}
			}
			initModel2()

			$("#panel1").slideToggle("slow");
			$(this).toggleClass("active");
			i = 1;
			k = 1;

			if (slide1 == 0) {
				slide1 = 1;
			  slide2 = 0;
			  slide3 = 0;
				slide4 = 0;
				slide5 = 0;
				slide6 = 0;
				slide7 = 0;
			} else {
				slide1 = 0;
			}
			initModel3()
			return false;
		});

		$(".btn-slide2").click(function(){

			if (i!= 2){
				if (slide1 == 1) {
					j = 1;
					k = 1;
					strPanel = "#panel1"
				} else if (slide3 == 1) {
					j = 1;
					k = 3;
					strPanel = "#panel3"
				} else if (slide4 == 1) {
					j = 1;
					k = 4;
					strPanel = "#panel4"
				} else if (slide5 == 1) {
					j = 1;
					k = 5;
					strPanel = "#panel5"
				} else if (slide6 == 1) {
					j = 1;
					k = 6;
					strPanel = "#panel6"
				} else if (slide7 == 1) {
					j = 1;
					k = 7;
					strPanel = "#panel7"
				} else {
					j = 0;
					k = 2;
				}

				if (j == 1) {
					$(strPanel).slideToggle("slow");
					$(this).toggleClass("active");
				}
			}
			initModel2()

			$("#panel2").slideToggle("slow");
			$(this).toggleClass("active");
			i = 2;
			k = 2;

			if (slide2 == 0) {
				slide1 = 0;
			  slide2 = 1;
			  slide3 = 0;
				slide4 = 0;
				slide5 = 0;
				slide6 = 0;
				slide7 = 0;
			} else {
				slide2 = 0;
			}
			initModel3()
			return false;
		});


		$(".btn-slide3").click(function(){

			if (i!= 3){
				if (slide1 == 1) {
					j = 1;
					k = 1;
					strPanel = "#panel1"
				} else if (slide2 == 1) {
					j = 1;
					k = 2;
					strPanel = "#panel2"
				} else if (slide4 == 1) {
					j = 1;
					k = 4;
					strPanel = "#panel4"
				} else if (slide5 == 1) {
					j = 1;
					k = 5;
					strPanel = "#panel5"
				} else if (slide6 == 1) {
					j = 1;
					k = 6;
					strPanel = "#panel6"
				} else if (slide7 == 1) {
					j = 1;
					k = 7;
					strPanel = "#panel7"
				} else {
					j = 0;
					k = 3;
				}

				if (j == 1) {
					$(strPanel).slideToggle("slow");
					$(this).toggleClass("active");
				}
			}
			initModel2()

			$("#panel3").slideToggle("slow");
			$(this).toggleClass("active");
			i = 3;
			k = 3;

			if (slide3 == 0) {
				slide1 = 0;
			  slide2 = 0;
			  slide3 = 1;
				slide4 = 0;
				slide5 = 0;
				slide6 = 0;
				slide7 = 0;
			} else {
				slide3 = 0;
			}
			initModel3()
			return false;
		});


		$(".btn-slide4").click(function(){

			if (i!= 4){
				if (slide1 == 1) {
					j = 1;
					k = 1;
					strPanel = "#panel1"
				} else if (slide2 == 1) {
					j = 1;
					k = 2;
					strPanel = "#panel2"
				} else if (slide3 == 1) {
					j = 1;
					k = 3;
					strPanel = "#panel3"
				} else if (slide5 == 1) {
					j = 1;
					k = 5;
					strPanel = "#panel5"
				} else if (slide6 == 1) {
					j = 1;
					k = 6;
					strPanel = "#panel6"
				} else if (slide7 == 1) {
					j = 1;
					k = 7;
					strPanel = "#panel7"
				} else {
					j = 0;
					k = 4;
				}

				if (j == 1) {
					$(strPanel).slideToggle("slow");
					$(this).toggleClass("active");
				}
			}
			initModel2()

			$("#panel4").slideToggle("slow");
			$(this).toggleClass("active");
			i = 4;
			k = 4;

			if (slide4 == 0) {
				slide1 = 0;
			  slide2 = 0;
			  slide3 = 0;
				slide4 = 1;
				slide5 = 0;
				slide6 = 0;
				slide7 = 0;
			} else {
				slide4 = 0;
			}
			initModel3()
			return false;
		});


		$(".btn-slide5").click(function(){

			if (i!= 5){
				if (slide1 == 1) {
					j = 1;
					k = 1;
					strPanel = "#panel1"
				} else if (slide2 == 1) {
					j = 1;
					k = 2;
					strPanel = "#panel2"
				} else if (slide3 == 1) {
					j = 1;
					k = 3;
					strPanel = "#panel3"
				} else if (slide4 == 1) {
					j = 1;
					k = 4;
					strPanel = "#panel4"
				} else if (slide6 == 1) {
					j = 1;
					k = 6;
					strPanel = "#panel6"
				} else if (slide7 == 1) {
					j = 1;
					k = 7;
					strPanel = "#panel7"
				} else {
					j = 0;
					k = 5;
				}

				if (j == 1) {
					$(strPanel).slideToggle("slow");
					$(this).toggleClass("active");
				}
			}
			initModel2()

			$("#panel5").slideToggle("slow");
			$(this).toggleClass("active");
			i = 5;
			k = 5;

			if (slide5 == 0) {
				slide1 = 0;
			  slide2 = 0;
			  slide3 = 0;
				slide4 = 0;
				slide5 = 1;
				slide6 = 0;
				slide7 = 0;
			} else {
				slide5 = 0;
			}
			initModel3()
			return false;
		});


		$(".btn-slide6").click(function(){

			if (i!= 6){
				if (slide1 == 1) {
					j = 1;
					k = 1;
					strPanel = "#panel1"
				} else if (slide2 == 1) {
					j = 1;
					k = 2;
					strPanel = "#panel2"
				} else if (slide3 == 1) {
					j = 1;
					k = 3;
					strPanel = "#panel3"
				} else if (slide4 == 1) {
					j = 1;
					k = 4;
					strPanel = "#panel4"
				} else if (slide5 == 1) {
					j = 1;
					k = 5;
					strPanel = "#panel5"
				} else if (slide7 == 1) {
					j = 1;
					k = 7;
					strPanel = "#panel7"
				} else {
					j = 0;
					k = 6;
				}

				if (j == 1) {
					$(strPanel).slideToggle("slow");
					$(this).toggleClass("active");
				}
			}
			initModel2()

			$("#panel6").slideToggle("slow");
			$(this).toggleClass("active");
			i = 6;
			k = 6;

			if (slide6 == 0) {
				slide1 = 0;
			  slide2 = 0;
			  slide3 = 0;
				slide4 = 0;
				slide5 = 0;
				slide6 = 1;
				slide7 = 0;
			} else {
				slide6 = 0;
			}
			initModel3()
			return false;
		});


		$(".btn-slide7").click(function(){

			if (i!= 7){
				if (slide1 == 1) {
					j = 1;
					k = 1;
					strPanel = "#panel1"
				} else if (slide2 == 1) {
					j = 1;
					k = 2;
					strPanel = "#panel2"
				} else if (slide3 == 1) {
					j = 1;
					k = 3;
					strPanel = "#panel3"
				} else if (slide4 == 1) {
					j = 1;
					k = 4;
					strPanel = "#panel4"
				} else if (slide5 == 1) {
					j = 1;
					k = 5;
					strPanel = "#panel5"
				} else if (slide6 == 1) {
					j = 1;
					k = 6;
					strPanel = "#panel6"
				} else {
					j = 0;
					k = 7;
				}

				if (j == 1) {
					$(strPanel).slideToggle("slow");
					$(this).toggleClass("active");
				}
			}
			initModel2()

			$("#panel7").slideToggle("slow");
			$(this).toggleClass("active");
			i = 7;
			k = 7;

			if (slide7 == 0) {
				slide1 = 0;
			  slide2 = 0;
			  slide3 = 0;
				slide4 = 0;
				slide5 = 0;
				slide6 = 0;
				slide7 = 1;
			} else {
				slide7 = 0;
			}
			initModel3()
			return false;
		});

	});


	function initModel2() {
		strUA = navigator.userAgent.toLowerCase();
	  if(strUA.indexOf("firefox") != -1){
			cssIdName = 'btn-slide' + k;
	  	document.getElementById(cssIdName).setAttribute('class',cssIdName);
	  } else {
	  	document.all['btn-slide'+ k].className = 'btn-slide' + k;
	  }
	}

	function initModel3() {
		strUA = navigator.userAgent.toLowerCase();
	  if(strUA.indexOf("firefox") != -1){
			if (m != i) {
		 		cssIdName = 'btn-slide' + i + 'on';
	   		document.getElementById('btn-slide' + i).setAttribute('class',cssIdName);
				m = i;
			}
	  } else {
			if (m != i) {
	   		document.all['btn-slide'+ i].className = 'btn-slide' + i + 'on';
				m = i;
			}
	  }
	}


window.onload = initModel;