// newsletter signup widget
(function($) {

	$(document).ready(function(){

	  	/* Video pop-ups */
	  	var options = {
	   		bgiframe: false,
	   		autoOpen: false,
	   		width: 460,
	   		resizable: false,
	   		modal: true
	  	};

		$([1, 2, 3, 4, 5]).each(function() {
			var num = this;
			if ($('#video-' + num).length > 0) {
				var dlg = $('#video-' + num).dialog(options);
			}
			$('a.pop-video-'+num).click(function() {
				dlg.dialog("open");
				return false;
			});
		});


		/* Adds rounded corners to each link with the 'btn-small' or 'btn' classby injecting 4x empty <span> tags into the button */
		if (!($.browser.msie && $.browser.version <= 6)) {
			$('a.btn').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('a.btn-small').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('a.btn-standard').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('a.btn-large').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('#course-tabs li a').append('<span class="tl"></span><span class="tr"></span>');
			$('#secondary-nav li').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('#content aside ul li a').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('div.side-taster .content-inner').append('<span class="otl"></span><span class="otr"></span><span class="obr"></span><span class="obl"></span>');
		}

		/* add a class 'side-area-first' to the first 'side-area' in the sidebar */
		$(".sidebar .side-area:first").addClass("side-area-first");
		$(".sidebar-r .side-area:first").addClass("side-area-first");

		/* show-hide the 'pick a date' window for the sidebar booking panel */
		$("#pick-a-date, #pick-a-date-close").toggle(
			function () {
				$("#weekendSelection").fadeIn();
			},
			function () {
				$("#weekendSelection").fadeOut();
			}
		);

		/* add a highlight effect to the rows in the the 'pick a date' window for the sidebar booking panel */
		$("#wktDatesList li").hover(
	   		function () {
				$(this).addClass("wktDatesList-over");
	      	},
	      	function () {
				$(this).removeClass("wktDatesList-over");
	      	}
	    );

		/* add a 'no right margin' class to every 5th item in the tutors list */
		$("#tutor-profile-links li:nth-child(5n)").addClass("no-r-margin");

		/* TEFL courses in city */
		if ($("#weekendSelection").length > 0) {
			var cityname = $("#cityname").val();	// based on landing page
			var coursetype = "ETW";	// default
			updateWeekendSelection(cityname,coursetype);

			$(".productcode").click(function() {
				coursetype = this.value;
				updateWeekendSelection(cityname,coursetype);
			});
		}

	});

	function updateWeekendSelection(cityname,coursetype) {
		$("#weekendSelection").empty().html('<img src="/images/tefl-v3/common/loading.gif" /> loading...');
		// result
		$("#weekendSelection").load("/ajax/courseVenueFinder.ajax.php?getcv=result_bycity",
			{"cityname":cityname,"productcode":coursetype }
		);
	}


// -------------------------- //

	$(document).ready(function(){

		//common variables
		var pageurl = location.pathname;

		/*THIS BITS FOR THE NEW TABS ON THE PLACEMENT PAGES*/
		/*only do all the following if the URL contains "/tefl-placement-service/" or "/tefl-jobs-abroad/" */
		if((pageurl.indexOf("/tefl-placement-service/") > -1) || (pageurl.indexOf("/tefl-jobs-abroad/") > -1)) {
			//START custom tab stuff for the Placement pages

			//hide all the tabs to start with
			function hideAllTabs() {
				$("#overview").hide();
				$("#details").hide();
				$("#requirements").hide();
				$("#faqs").hide();
				$("#courses").hide();

				/* Adds rounded corners to each link with the 'btn-small' or 'btn' classby injecting 4x empty <span> tags into the button */
				if (!($.browser.msie && $.browser.version <= 6)) {
					$('a.btn').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
					$('a.btn-small').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
					$('a.btn-standard').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
					$('a.btn-large').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
					$('#course-tabs li a').append('<span class="tl"></span><span class="tr"></span>');
					$('#travel-tabs li a').append('<span class="tl"></span><span class="tr"></span>');
					$('#secondary-nav li').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
					$('#content aside ul li a').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
					$('div.side-taster .content-inner').append('<span class="otl"></span><span class="otr"></span><span class="obr"></span><span class="obl"></span>');

				}
			}
			hideAllTabs();

			//show the first tab and make it active
			$("#overview").show()
			$("#tab1").addClass("tab-course-active");

			function tabsOff() {
				$("#course-tabs li").each(function (){$(this).removeClass("tab-course-active")});
			};

			//speed of the fadeIn for the open tab
			var fspeed = 300;

			//tell each tab what to do when it's clicked on
			$("#tab1").click(function(){hideAllTabs();tabsOff();$(this).addClass("tab-course-active");$("#overview").fadeIn(fspeed);return false;});
			$("#tab2").click(function(){hideAllTabs();tabsOff();$(this).addClass("tab-course-active");$("#details").fadeIn(fspeed);return false;});
			$("#tab3").click(function(){hideAllTabs();tabsOff();$(this).addClass("tab-course-active");$("#requirements").fadeIn(fspeed);return false;});
			$("#tab4").click(function(){hideAllTabs();tabsOff();$(this).addClass("tab-course-active");$("#faqs").fadeIn(fspeed);return false;});
			$("#tab5").click(function(){hideAllTabs();tabsOff();$(this).addClass("tab-course-active");$("#courses").fadeIn(fspeed);return false;});

		};//END custom tab stuff for the Placement pages



		/*THIS BIT'S FOR THE 157 COUNTRY GUIDE PAGES - so I didn't have to edit each one*/
		/*It does this: take the links from blue nav thing from the right, then render them as Tabs above the main content*/
		/*only do all the following if the URL contains "/teach-english-abroad/" */
		if(pageurl.indexOf("/teach-english-abroad/") > -1) {
			//START tab stuff for the Country Guide pages

			/*hide the original navigation*/
			$("aside ul").hide();

			/*create the new tabs*/
			$("article").prepend('<ul id="course-tabs"></ul>');
			$("#course-tabs").append('<li id="tab1"><a href="#">Overview</a></li>');
			$("#course-tabs").append('<li id="tab2"><a href="#">Details</a></li>');
			$("#course-tabs").append('<li id="tab3"><a href="#">Work &amp; Visas</a></li>');
			$("#course-tabs").append('<li id="tab4"><a href="#">TEFL Courses</a></li>');

			/*get the links from the old navigations links and put them in relevant the new tabs*/
			$("#tab1 a:first").attr({href: $("aside ul li:eq(0) a").attr("href")})
			$("#tab2 a:first").attr({href: $("aside ul li:eq(1) a").attr("href")})
			$("#tab3 a:first").attr({href: $("aside ul li:eq(2) a").attr("href")})
			$("#tab4 a:first").attr({href: $("aside ul li:eq(3) a").attr("href")})

			/*highlight the correct tab by seeing the old old nav link had the class "selected" applied to it*/
			if($("aside ul li:eq(0) a").hasClass("selected")) {$("#tab1").addClass("tab-course-active")}
			if($("aside ul li:eq(1) a").hasClass("selected")) {$("#tab2").addClass("tab-course-active")}
			if($("aside ul li:eq(2) a").hasClass("selected")) {$("#tab3").addClass("tab-course-active")}
			if($("aside ul li:eq(3) a").hasClass("selected")) {$("#tab4").addClass("tab-course-active")}


			//now move the <h1> to make it look a little neater
			//hide the old <h1>
			////$("section h1:first").hide();

			/*make a new <h1>*/
			////$("#course-tabs").after('<h1 id="new-h1" style="float:none"></h1>');

			/*fill the new <h1> with the html from the old one*/
			////$("#new-h1").html($("section h1:first").html());



		};//END tab stuff for the Country Guide pages

		var divHeight = 0;
		var tallestDiv = 0;

		//START box height stuff for the TEFL HOME PAGE
		//find the tallest .recommended-tefl ...
		$(".recommended-tefl").each(function (){
			divHeight = $(this).outerHeight();
			if(divHeight > tallestDiv ) {
				tallestDiv = divHeight;
			}
		});
		//...and then make all .recommended-tefl elements that height
		$(".recommended-tefl").css("height", tallestDiv);
		//END box height stuff for the TEFL HOME PAGE

		//START box height stuff for the TEFL JOBS ABROAD HOME PAGE
		//find the tallest .fullwidth-third in #jobs-abroad-options...
		$("#jobs-abroad-options .fullwidth-third, #internships-supported .fullwidth-half .inner-content").each(function (){
			divHeight = $(this).outerHeight();
			if(divHeight > tallestDiv ) {
				tallestDiv = divHeight;
			}
		});
		//...and then make all  .fullwidth-third elements that height
		$("#jobs-abroad-options .fullwidth-third, #internships-supported .fullwidth-half .inner-content").css("height", tallestDiv);
		$(".jao-buttons, .intsupp-buttons").css("position", "absolute");
		$(".jao-buttons, .intsupp-buttons").css("bottom", 0);
		$(".intsupp-buttons").css("bottom", 25);
		$(".jao-buttons").css("right", 0);
		//$("#jobs-abroad-options .fullwidth-third").css("position", "absolute");
		//END box height stuff for the  TEFL JOBS ABROAD HOME PAGE

		//Adds rounded corners to each link with the 'btn-small' or 'btn' classby injecting 4x empty <span> tags into the button
		//do the following stuff, but don't bother doing it to IE6...
		if (!($.browser.msie && $.browser.version <= 6)) {
			$('a.btn').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('a.btn-small').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('a.btn-standard').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('a.btn-large').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('#course-tabs li a').append('<span class="tl"></span><span class="tr"></span>');
			$('#secondary-nav li').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('#content aside ul li a').append('<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>');
			$('div.side-taster .content-inner').append('<span class="otl"></span><span class="otr"></span><span class="obr"></span><span class="obl"></span>');
			$('.course-login-box').append('<span class="btl"></span><span class="btr"></span><span class="bbr"></span><span class="bbl"></span>');
		}

	});

})(jQuery);