//common variables
var pageurl = location.pathname;

(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;
			});
		});


		/* do the following stuff, but don't bother doing it to IE6... */
		if (!(jQuery.browser.msie && $.browser.version <= 6)) {
			//Adds rounded corners to each link with the 'btn-small' or 'btn' classby injecting 4x empty <span> tags into the button
			$('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>');
		}

		/* 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");


		//instead of editing tons of pages in the database, at least for the time being, lets just change some button colours with jQuery
		//$("#find_venue-WKT120").addClass("btn-green");
		$("#find_venue-WKT60").removeClass("btn-blue");
		$("#find_venue-ETPW").removeClass("btn-pink");
		$("#find_venue-ETW").removeClass("btn-orange");
		$("#find_venue-WKT120").removeClass("btn-green");

		$("#find_venue-WKT60").addClass("btn-orange");
		$("#find_venue-ETPW").addClass("btn-orange");
		$("#find_venue-ETW").addClass("btn-orange");
		$("#find_venue-WKT120").addClass("btn-orange");


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


		//lovely scrollyness
		//on load, get the offset position of the element with name="top"
		var topOffset = $("a[name='top']").offset();
		//alert(topOffset.top);

		$("a[href='#top']").click(function() {
			$('html, body').animate({scrollTop:topOffset.top}, 750);
		});


		/*THIS BITS FOR THE NEW TABS ON THE COURSE DETAIL PAGES*/
		/*only do all the following if the URL contains "/tefl-courses/" */
		if((pageurl.indexOf("/tefl-courses/") > -1)) {
		//START custom tab stuff for the Placement pages

				var fspeed = 250;

				//hide all the tabs to start with
				function hideAllTabs() {
					$("#page1").hide();
					$("#page2").hide();
					$("#page3").hide();
					$("#page4").hide();
					$("#page5").hide();
				}
				hideAllTabs();

				//show the first tab and make it active
				$("#page1").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");$("#page1").fadeIn(fspeed);return false;});
				$("#tab2").click(function(){hideAllTabs();tabsOff();$(this).addClass("tab-course-active");$("#page2").fadeIn(fspeed);return false;});
				$("#tab3").click(function(){hideAllTabs();tabsOff();$(this).addClass("tab-course-active");$("#page3").fadeIn(fspeed);return false;});
				$("#tab4").click(function(){hideAllTabs();tabsOff();$(this).addClass("tab-course-active");$("#page4").fadeIn(fspeed);return false;});
				$("#tab5").click(function(){hideAllTabs();tabsOff();$(this).addClass("tab-course-active");$("#page5").fadeIn(fspeed);return false;});

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


		/****	Form usability styling bits *****/

		// highlight element when focus on it
		$('.class-leadForm .leadform').focus(function() {
			$(this).parent('.form-element').addClass("focus-field");
    	});
	    $('.class-leadForm .leadform').blur(function() {
	    	$(this).parent('.form-element').removeClass("focus-field");
	    });

	    /* TEFL extended form */
	    $("#tefl-extended-toggle").click(function() {
		    $("#form-extended-layout").slideToggle("slow");
		    $(this).text($(this).text() == 'No thanks' ? 'Yes please' : 'No thanks');
		    return false;
		});


	});
})(jQuery);