// so all of this stuff on page load
$(document).ready(function(){

  // global functions which work no matter what bit you are controlling
  function hide(toHide) {
    $(toHide).css({'display' : 'none'});
  }

  function show(toShow) {
    $(toShow).css({'display' : 'inline'});
  }

  function botborder(var22,var23) {
    $(var22).css({'border-bottom' : '1px solid #'+ var23 });
  }
  function setclass(var32,var33) {
    $(var32).addClass(var33)
  }
  function delclass(var42,var43) {
    $(var42).removeClass(var43)
  }

  function hideall(string) {
    var arr = string.split(",");
    for (var i in arr) {
      //alert(arr[i]);
	  hide(arr[i]);
    }
  }

  function showall(stringtwo) {
    var arrone = stringtwo.split(",");
    for (var i in arrone) {
      //alert(arr[i]);
	  show(arrone[i]);
    }
  }
  
  // this sets all the colourful tabs bottom borders to default
  function clrborders() {
	  botborder('#missionlink','ffffff');
	  botborder('#curriculumlink','ffffff');
	  botborder('#cambridgelink','ffffff');  
  }

  // clear top tab classes in preparation for class reassignment
  function clrtopclasses() {
	  delclass('#missionlink','missionactive');
	  delclass('#curriculumlink','curriculumactive');
	  delclass('#cambridgelink','cambridgeactive');
  }

// clear tab classes in preparation for class reassignment
  function clrclasses() {
	  delclass('#newslink','current');
	  delclass('#eventslink','current');
  }

  // hide all the divs and then show the one i have specified in the html
  function swapcontent(var1) {
	$(var1).css({'display' : 'block'});
  }

  // master function which manages all of the changes
  // how to use it:
  // var5 = the thinkg you want to switch to
  // var6 = the category (1 = the courful tabs at the top, 2 = news and events) 
  //  var7,8,9 etc = attributes you can use for anything you want
  // they are required to help split the changeovers into categories
  function changeit (var5,var6,var7) {
    link = '#' + var5 + 'link'; // make link id
    if (var6 == '1') {
	  hideall('#curriculumtext,#missiontext,#cambridgetext');
	  clrborders(); // clear all borders
	  clrtopclasses(); // clear all 'current' classes	  
	  botborder(link,var7); // set new border
	  classname = var5 + 'active';
	  setclass(link,classname);
	  text = '#' + var5 + 'text'; // set box to be shown
      swapcontent(text); // show the specified box

	}
	if (var6 == '2') {
	  hideall('#newscontent,#eventscontent');
          hide('#newscontent');
          hide('#eventscontent');
	  clrclasses(); // clear all 'current' classes
	  setclass(link,'current'); // set class of specified div
	  text = '#' + var5 + 'content'; // set box to be shown
	  swapcontent(text); // show the specified box

	}
	if (var6 == '3') {
	  hideall('#principals_select,#teachers_select,#parents_select,#students_select,#ministries_select,#officers_select');
	  hideall('#principalstext,#teacherstext,#parentstext,#studentstext,#ministriestext,#officerstext');
	  showall('#principals,#teachers,#parents,#students,#ministries,#officers,#maintext');
          if (var5 == 'maintext') {
            show('#maintext');
          } else {
            var image = '#' + var5;
            var sel_image = '#' + var5 + '_select';
            var text = '#' + var5 + 'text';
            var showAll = sel_image + ',' + text;
			var hideAll = '#maintext' + ',' + image;
            hideall(hideAll);
            showall(showAll);
          }
	}
  }

  // set the content on load
  hideall('#newscontent,#eventscontent,#curriculumtext,#missiontext,#cambridgetext');
  changeit('curriculum','1','fff');
  changeit('news','2','');

  // assign links their functions
  $('#curriculumlink').click(function(){ changeit('curriculum','1','054f8f'); });
  $('#missionlink').click(function(){ changeit('mission','1','054f8f'); });
  $('#cambridgelink').click(function(){ changeit('cambridge','1','054f8f'); });
  $('#newslink').click(function(){ changeit('news','2'); });
  $('#eventslink').click(function(){ changeit('events','2'); });
  
  function maintext() {
  $('#principals').mouseout(function(){ changeit('maintext','3'); });
  }
    
});