$(document).ready(function() {
	
	/* TESTING only */
	$('#ajaxyes').change(function() {
		this.form.submit();
	});
	
	$('.current_page').each(function(i) {
		//if ( $(this).parent().attr("class") == "section_parent" ) {
			$(this).parent().parent().children('a').css("background-image", "none");		
		//}
	}); 
	$('a.popup').click(function() {
		window.open(this.href, '', 'top=0,left=0,width=410,height=410,resizable=yes');
		return false;
	});
	$('#search_field').focus(function() {
		this.value = '';							
	});
	
	
	// expand/collapse the detail for Digital Tools:
	// UPDATE MAY 09 - disabled by TR. The clever ajax stuff was causing a bug, and it works fine without it

	/*
	$('.expand').toggle(function() {
		//$('.longdesc').css("display", "block");
		var url = $(this).attr("href");
		var rel = $(this).attr("rel"); 
		var qstring = url.split('?')[1];
		var tool_id_pair = qstring.split('&')[0];
		var tool_id = tool_id_pair.split('=')[1];
		//alert(tool_id);
		
		//loading
		
		$("#" + rel).append('<div class="loading"></div>');
		//$("#" + rel+" .shortdesc").hide();
		//get it
		$.get("detail_snippet.php",
			{'tool_id':tool_id},
			function(data){
			//alert("Data Loaded: " + data);
			
			//$("#" + rel).empty();
			$("#" + rel+" .longdesc").html(data);
			}
		)
		
		//hide loader
		$(".loading").bind("ajaxComplete", function(){
			$(this).hide();
		});
		
		$(this).html("back");
		$(this).addClass("collapse")
		return false;	
	  }, function() {
		
		var rel = $(this).attr("rel"); 
		//$('#' + rel+' .shortdesc').show();  
		$('#' + rel+' .longdesc').empty();  
		alert('hi');
		$(this).html("more info");	
		$(this).removeClass("collapse")
		
	});
	*/
	// Flash-replacement
	$('#cycle').each(function() {
		if ($(this).attr("class") == 'lge') {
			insertFlash("cycle", "/cycle.swf", "600", "400", '')
		}
		else {//insert smaller one into sidebar
			// get cur page var from url //$(this).html(curpage);
			var curpage = location.href.split("/")[5];
			var curpageInt;
			switch(curpage) {
				//the quadrants are hard-coded into the Flash as integers, so here follows
				// a quick conversion, passing the appropriate integer as a value to the swf
				case 'initiating_and_eliciting': curpageInt=0; break;
				case 'defining_and_responding': curpageInt=1; break;
				case 'doing_and_making': curpageInt=2; break;
				case 'communicating_presenting_and_evaluating': curpageInt=3; break;
				default: curpageInt=0;
				
			}
			insertFlash("cycle", "/cycle_small.swf", "205", "205", curpageInt)
		}
	});
	
	
	//insertFlash("video_asset", "/_media/thisplayer.swf", "205", "166", '', '/_media/enquiring_minds.flv', 'false')
	
	
});//end $(document).ready

/*
	---------------------------------------------------------------------------------
	some functions outside the document.ready function, called from the above
	---------------------------------------------------------------------------------
*/
function playVideo(target, flvPath) {
	insertFlash(target, "/_media/thisplayer.swf", "205", "166", '', flvPath, 'false')
}
function insertFlash(el, src, w, h, curpage, vidsrc, autostart) {
	

    $('#'+el).flash(null, { version: 8 }, function(htmlOptions) {
       var $this = $(this);	
			htmlOptions.src = src;
			htmlOptions.width = w;
			htmlOptions.height = h;	
			//variable to tell it what page we're on
			htmlOptions.flashvars.curpage = curpage;
			htmlOptions.flashvars.src = vidsrc;
			htmlOptions.flashvars.autostart = autostart;
			
			//htmlOptions.wmode = "transparent";

       
		this.innerHTML = '<div class="hide">'+this.innerHTML+'</div>';
       	$this.addClass('flash-replaced').prepend($.fn.flash.transform(htmlOptions));
    	
	});		
}
function loadResults(qstring) {

		// no query string? build one from getFormValues()
		if (!qstring) qstring = getFormValues();
		
		// put a loading image up
		$("#tools_list").html('<div class="loading"></div>');
	
		// send an ajax get
		$.get("results.php",
			qstring,
			function(data){
			//alert("Data Loaded: " + data);
			$("#tools_list").empty();
			$("#tools_list").html(data);
			}
		)	
		
		// when ajax successful, hide the .loading div
		$(".loading").bind("ajaxComplete", function(){
			$(this).hide();
		});
}

function getFormValues() {
		var form = document.forms[1];//HACK  - what if it isn't always the 2nd form? FIX!//
		//maybe in this case, using ID will work (as we don't have to submit it. Not important, this function not being used yet
		if (!form) return;
		var qstring = '';
		for (var i=0; i<form.elements.length; i++) {
			if (form.elements[i].checked || form.elements[i].type=='hidden' ) {
			qstring += form.elements[i].name;
			qstring += "=";
			qstring += escape(form.elements[i].value);
			qstring += "&";
			}
		}	
		
		return qstring;
}








/* ---------------------------- END -----------------------------*/

/*
my workings........

$("#tools_list").load("/try_it/digital_tools/results.php"+qstring);

*/