//declare global variables.
var wordcloud;
var first_display_div_call;
var visible;

$(document).ready(function() 
    {

 wordcloud = true; //We start off showing the word cloud

 first_display_div_call = true;

 visible = $('#compare_media_sets').val();

 if (visible == "true")
     visible = false;
 else
     visible = true;
    } );

function DisplayDIV(d) {  
	if (visible == false) { //if we're only viewing one data set right now
		document.getElementById(d).style.display = "block";
		$('#compare').html("Use Single Query <img src='/include/images/uparrow.gif'>");
		visible = true;
		$('#compare_media_sets').val("true");
		//Hack to prevent us from overwritting the query values for the second source.
		if ( first_display_div_call == false) {
		    $('#date2').val($('#date1').val());
		    $('#dashboard_topics_id2').val($('#dashboard_topics_id1').val());
		}
	}
	else {  //if we're allready viewing both data sets
	    document.getElementById(d).style.display = "none";
	    $('#compare').html("Compare Query <img src='/include/images/downarrow.gif'>");
		visible = false;
		//this is where you want to set all of Data Set #2's information to NULL again, just in case they filled anything in
		$('#mediaSource2 select[name="media_sets_id2"]').val('');
		$('#medium_name2').val();
		$('#compare_media_sets').val("false");
	}
	first_display_div_call = false;
}//end function
function swapDIV(s) {
	if (s == 'CMcontentarea') { //if we want to view the Coverage Map
		//turn on the appropriate content area
		document.getElementById('CMcontentarea').style.display = "block";
		document.getElementById('WCcontentarea').style.display = "none";
		//fix the styles of the tabs
		$('#coveragemap').toggleClass('contentSelected contentUnselected');
		$('#wordcloud').toggleClass('contentSelected contentUnselected');
	$('#CMcontentarea iframe').iframeAutoHeight();
	$('#CMcontentarea iframe').load();
	//		$('#coverage_map_frame').load();
	//	$('#coverage_map_frame').iframeAutoHeight();
	}
	else {  //we want to view the word cloud
		//turn on the appropriate content area
	    document.getElementById('WCcontentarea').style.display = "block";
		document.getElementById('CMcontentarea').style.display = "none";
		//fix the styles of the tabs
		$('#coveragemap').toggleClass('contentSelected contentUnselected');
		$('#wordcloud').toggleClass('contentSelected contentUnselected');
	}	
}//end function