Template:Team:Edinburgh/Code

<html>
<head>
<style>

#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
#top-section {
border: none;
height: 0px;}
#content {
border: none;}

body {
   background: #2b6196;
   font-family: Arial, Times, serif;
   font-size: 12pt;
}

h2 {
color: #3b71b6;
 font-size: 130%;
}

h3 {
   font-size: 150%;
   color: #2b6196;
   text-align: center;
   line-height: 40px;
}

.toc{
display: none;
} 

.right {
float: right;
cursor: deafault;
margin-right: 10px;
margin-top: 10px;
vertical-align: top;
}


#flags{
float:right;
}

.main_frame {
margin-left: 20px;
margin-right: 20px;
   margin-top: 30px;
}

.content {
   margin-left: 230px;
   border-top: 1px solid #2b6196;
   min-height: 500px;
   text-align: justify;
}

.content img {
 text-align: center;
}

a {
color: #2b6196;
text-decoration: underline;
}

a:visited {
color: #428c36;
}

hr {
color: #2b6196;
background-color: #2b6196;

}

.counter {
margin: 10px;
margin-top: 30px;
text-align: center;
  font-weight: bold !important;
}


.counter a {
color: #2b6196;
}

.heading {
   font-family: Perpetua, serif;
   font-size: 150%;
}

.gallery {
border: 8px solid #fbc089;
border-radius: 10px;
margin-top: 30px;
margin-left: -2px !important;
margin-right: 8px;
}
.gallery p{
margin: 0px
}

.nomargin {
margin: 0px;
}

.social {
margin-top: 30px;
margin-right: 10px;
text-align: center;
   font-size: 150%; 
}

.social a, .social a:visited {
color: #2b6196 !important;
text-decoration: underline;
}

.social p {
   margin: 0px;
}
 
.menu {
     background-color: #fff;
     margin-bottom: 10px;
     font-weight: bold;
     font-family: Perpetua, serif;
	 font-size: 15pt;
}

.menu a {
   text-decoration: none;
}

.menu a:visited {
color: #2b6196;
}

table {
  border-collapse: collapse;
}

.members_table td {
vertical-align: middle;
}

table tr td {
  vertical-align: text-top;
  color: #001f3d;
}

.footer {
   font-size: 11pt;
   color: #2b6196;
   line-height: 100%;
   margin-bottom: 10px;
}

#content {
  color: #001f3d;
}

#side_menu {
     float: left;
     width:220px;
     margin-top: -5px;
     font-family: Perpetua, serif;
}

#side_menu a, #side_menu a:visited{
   color: #106000;
   text-decoration: none;
}
#side_menu ul {
    list-style: disc;
    margin-left: 0px;
}

#side_menu ul li{
     margin-right: 10px;
     font-size: 14pt;

     font-weight: bold;
     display: block;
     border: 1px solid;
     border-radius: 10px;
background-color: #acd8a6;
padding: 3px;
padding-right: 5px;
padding-left: 10px;
margin-bottom: 5px;
} 

.home_side_menu_item {
   background-color: #b5d4f3 !important;
   color: #003366 !important;
   border: 1px 0px 0px 0px;
   margin: 0px;
}

.home_side_menu_item a {
   color: #003366 !important;

}
.home_side_menu_item .selflink {
   color: #904400 !important;
   margin-right: 6px !important;
}

ul {
 line-height: 110%;
 list-style-type: disc;
 list-style-image: none;
}

li {
line-height: 1.5em;
}

ul.side_submenu {
    display: none;
    left: -20px;
    margin-top: 5px;

}

li.side_menu_subitem {
   margin-left: 15px;
   display: block;
   margin-right: 10px;
margin-bottom: 0px !important;
border-bottom: 0px !important;
border-top: 1px;
border-left: 0px !important;
border-right: 0px !important;
border-radius: 0px !important;
border-color: #308020 !important;
}

li.home_side_menu_subitem {
   margin-left: 15px;
   display: block;
   margin-right: 10px;
margin-bottom: 0px !important;
border-bottom: 0px !important;
border-top: 1px;
border-left: 0px !important;
border-right: 0px !important;
border-radius: 0px !important;
}

li.side_menu_items {
   margin-left: 5px;
   display: block;
   margin-right: 10px;
}


li.side_menu_item {
   position: relative;
   display: block;
}

.side_menu_item a{
  margin-right: 6px;
}

#globalWrapper {
   font-size: 100%;
}

#calendarPicker {
   margin-bottom: 40px;
}

.monthSelector {
font-size: 110%;
   text-align: left !important;
   color : #2b6196;
 font-weight: bold;
margin-right: 6px;
}

.calHeader {
    background-color: #2b6196;
	color: white;
}

.sunday {
  background-color: #acd8a6;
  background-color: #9ac5f4
}

.saturday {
   background-color:#dcffc6;
   background-color: #cee1f4;
}
.weekday {
   background-color: white;
} 

.selectedDate {
   background-color: #FFFF99;
   background-color: white;
}

.calendar  tr td{
  width: 35px;
text-align: center;
}

td.weekday a:visited, td.sunday a:visited, td.saturday a:visited, td.selectedDate a:visited {
  color: #2b6196;
}

.noEntries {
   color: #999; 
}

.hasEntries {
  font-weight: bold;
}

.notebookEntry {
  margin-bottom: 40px;
}

.backToTop {
	text-align: right;
}

.backToTop a:visited{
	color: #2b6196;
}

.menu_button {
   display: none;
}

.selflink {
   color: #001f3d !important;
   cursor: default !important;
margin-right: 6px;
   text-decoration: none !important;
}

</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        
<script type="text/javascript">
     
$(function() {
	var touchscreen = ("ontouchstart" in document.documentElement);
	var active=1;
	var menu_buttons = $(".menu_button");
	$(menu_buttons).css("display", "table-cell");
    for (var i=0; i< menu_buttons.length; i++) {
	    active=1;
	    var menu_links = $(menu_buttons[i]).children("a");
	    for (var j=0; j < menu_links.length; j++) {
            if (menu_links[j].href.indexOf("Team:Edinburgh/") > -1) {
                if (window.location.href.indexOf(menu_links[j].href) > -1) {
                    active = 3;
                }
            } else if ($(".home_side_menu_item").length> 0 ) {
				active = 3;
            }
		}
		$(menu_links).css("display", "none");
	    menu_links[active-1].style.display = "block";
		
		if (active==3) {
			$(menu_buttons[i]).parent("tr").siblings(":last").children("td").filter(function(index) {return index==i}).children("a").addClass("selflink");
		}

		if (touchscreen) continue;
		
		menu_buttons[i].onmouseover = (function() {
			var children = $(menu_buttons[i]).children("a");
			return function() {
				$(children).css("display", "none");
				children[1].style.display = "block";
			}
		})();
		
		menu_buttons[i].onmouseout = (function() {
			var children = $(menu_buttons[i]).children("a");
			return function() {
				active=1;
				for (var j=0; j < children.length; j++) {
					if (children[j].href.indexOf("Team:Edinburgh/") > -1) {
						if (window.location.href.indexOf(children[j].href) > -1) {
							active = 3;
						}
					} else if ($(".home_side_menu_item").length> 0 ) {
						active = 3;
					}
				}
				$(children).css("display", "none");
				children[active-1].style.display = "block";
			}
		})();
	}

    menu_links = $("#side_menu_items > li > a");

	for (var j=0; j < menu_links.length; j++) {
		active=1;
			if (window.location.href.indexOf(menu_links[j].href, window.location.href.length-menu_links[j].href.length) > -1) {
				active = 3;
			}
		if (active==3) {
			$(menu_links[j]).addClass("selflink");
		}
	}	     
});	 
	 
$(function() {

     $(".bagpipes").attr("src", "//www.youtube.com/embed/Z_AHBSvXHDM?rel=0");
$(".genablerlinkers").attr("src", "http://www.genablerlinkers.appspot.com");
	 $(".outreachvideo").attr("src", "//www.youtube.com/embed/t7wQX_EFrdY?rel=0");

});
	 
var gallery_active_id = 0;
  
$(function() {

     $(".selflink").parentsUntil($("#side_menu"), "li").children("ul").css("display","block");

});

$(function() {
      $(".gallery img").css("display", "none");
      if ($(".gallery img")[gallery_active_id]) $(".gallery img")[gallery_active_id].style.display="block";
      setInterval("changeGalleryPic()", 5000) ;   

});

function changeGalleryPic() {
      gallery_active_id += 1;
      if (gallery_active_id >= $(".gallery img").length) gallery_active_id = 0;
      $(".gallery img").css("display", "none");
      if ($(".gallery img")[gallery_active_id]) $(".gallery img")[gallery_active_id].style.display="block";
}

$(function() {

$("#flags img").css("cursor", "pointer");
$("#flags img").css("cursor", "hand");

$("#languages").children("div").css("display", "none"); $("#english").css("display", "block");

     var english = $("#flags img")[0];
     if(english) english.onclick=function() {$("#languages").children("div").css("display", "none"); $("#english").css("display", "block")};

     var french= $("#flags img")[1];
     if(french) french.onclick=function() {$("#languages").children("div").css("display", "none"); $("#french").css("display", "block")};

var german= $("#flags img")[2];
     if(german) german.onclick=function() {$("#languages").children("div").css("display", "none"); $("#german").css("display", "block")};

     var chinese = $("#flags img")[3];
     if(chinese ) chinese .onclick=function() {$("#languages").children("div").css("display", "none"); $("#chinese ").css("display", "block")};

   var polish = $("#flags img")[4];
     if(polish ) polish .onclick=function() {$("#languages").children("div").css("display", "none"); $("#polish ").css("display", "block")};

    var lithuanian= $("#flags img")[5];
     if(lithuanian) lithuanian.onclick=function() {$("#languages").children("div").css("display", "none"); $("#lithuanian").css("display", "block")};

   var bulgarian = $("#flags img")[6];
     if(bulgarian ) bulgarian .onclick=function() {$("#languages").children("div").css("display", "none"); $("#bulgarian ").css("display", "block")};

    var greek = $("#flags img")[7];
     if(greek ) greek.onclick=function() {$("#languages").children("div").css("display", "none"); 
$("#greek ").css("display", "block")};


});

    $(function() {
        var links = document.getElementsByTagName( 'a' );
        for( var index = 0; index < links.length; index++ ) {
            links[index].removeAttribute( 'title' );  
        }
    });


	
</script> 

<script type="text/javascript">


//Javascript name: My Date Time Picker
//Date created: 16-Nov-2003 23:19
//Scripter: TengYong Ng
//Website: http://www.rainforestnet.com
//Copyright (c) 2003 TengYong Ng
//FileName: DateTimePicker.js
//Version: 0.8
//Contact: contact@rainforestnet.com
// Note: Permission given to use this script in ANY kind of applications if
//       header lines are left unchanged.

//Global variables
var dtToday=new Date("June 24, 2013 00:00:00");
var Cal;
var MonthName=["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var WeekDayName=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday", "Sunday"];	
var DaysInMonth=[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

//end Configurable parameters
//end Global variable
var calhtml = "";

function NewCal()
{
	Cal=new Calendar(dtToday);
	RenderCal();
}

function RenderCal()
{
	var vCalHeader;
	var vCalData;
	var i, j;
	var SelectStr;
	var vDayCount=0;
	var vFirstDay;
	
	calhtml = "<p><h3>Calendar: </h3></p>";

	vCalHeader="<table class=\"calendar\" border='1' cellpadding='1' cellspacing='1' align=\"center\" valign=\"top\">\n";
	//Month Selector
	vCalHeader+="<tr>\n<td class=\"monthSelector\" colspan='7'>\n";
	vCalHeader+="<select name=\"MonthSelector\" onChange=\"javascript:Cal.SwitchMth(this.selectedIndex+5);RenderCal();\">\n";
	for (i=5;i<10;i++)
	{
		if (i==Cal.Month)
			SelectStr="Selected";
		else
			SelectStr="";	
		vCalHeader+="<option "+SelectStr+" >"+MonthName[i]+"\n";
	}
	vCalHeader+="</select>   "+Cal.GetMonthName()+" "+Cal.Year+"</td></tr>\n";
	//Week day header
	vCalHeader+="<tr>";
	for (i=0;i<7;i++)
	{
		vCalHeader+="<td class=\"calHeader\">" +WeekDayName[i].substr(0,3)+ "</td>";
	}
	vCalHeader+="</tr>";	
	calhtml += vCalHeader;
	
	//Calendar detail
	vFirstDay=new Date(Cal.Year,Cal.Month, 1).getDay();
	vCalData="<tr>";
		
	if (vFirstDay==0) vFirstDay = 7;
	for (i=0;i<vFirstDay-1;i++)
	{
		vDayCount=vDayCount+1;
		if (vDayCount%7==6)
			vCalData += GenCell("","saturday");
		else if (vDayCount%7==0)
			vCalData += GenCell("","sunday");
		else
			vCalData += GenCell("","weekday");
	}
	for (j=1;j<=Cal.GetMonDays();j++)
	{

		vDayCount=vDayCount+1;
		
			if (j==Cal.Date)
			{
				vCalData += GenCell(j,"selectedDate");
			}
			else
			{	 
				if (vDayCount%7==6)
					vCalData += GenCell(j,"saturday");
				else if (vDayCount%7==0)
					vCalData += GenCell(j,"sunday");
				else
					vCalData += GenCell(j,"weekday");
			}							

		if((vDayCount%7==0)*(j<Cal.GetMonDays()))
		{
			vCalData=vCalData+"</tr>\n<tr>";
		}
	}
	var vLastDay=new Date(Cal.Year,Cal.Month, Cal.GetMonDays()).getDay();
	if (vLastDay == 0) vLastDay = 7;  
	for (i=vLastDay;i<7;i++)
	{
		vDayCount=vDayCount+1;
		if (vDayCount%7==6)
			vCalData += GenCell("","saturday");
		else if (vDayCount%7==0)
			vCalData += GenCell("","sunday");
		else
			vCalData += GenCell("","weekday");
	}
	
	calhtml += vCalData;	
	//end time picker
	calhtml += "\n</table>";
	document.getElementById("calendarPicker").innerHTML = calhtml;
}

function GenCell(pValue, css_class)//Generate table cell with value
{
    var hash = pValue +"-" + Cal.GetMonthName();
	if (document.getElementById(hash)) {
		return "<td class='" + css_class + " hasEntries'> <a href='#"  + hash + "'>"+pValue +"</a></td>";
	} else {
		return "<td class='" + css_class + " noEntries'>" + pValue +"</td>";
	}
}

function Calendar(pDate)
{
	//Properties
	this.Date=pDate.getDate();//selected date
	this.Month=pDate.getMonth();//selected month number
	this.Year=pDate.getFullYear();//selected year in 4 digits
}
	
function SwitchMth(intMth)
{	Cal.Month=intMth;}
Calendar.prototype.SwitchMth=SwitchMth;

function GetMonthName()
{
	return MonthName[this.Month];
}
Calendar.prototype.GetMonthName=GetMonthName;

function GetMonDays()//Get number of days in a month
{
	return DaysInMonth[this.Month];	
}
Calendar.prototype.GetMonDays=GetMonDays;
	

$(function() {
   if (document.getElementById("calendarPicker")) {
NewCal();
}
});

$(function() {
	var notebookEntries = document.getElementsByClassName("notebookEntry");
	for (var i = 0; i < notebookEntries.length; i++ ) {
		notebookEntries[i].innerHTML += "<p class='backToTop' ><a href='#top'>Back to top</a></p>"
   }
});



</script>

</head>
<body>