var loading_image = "_img/site/loading-bar-black.gif";
var related_crumb = new Array();
var debug = false;//true;//
/* LOGGER
*************************************************************/
function logger(message,level){
if(level == null) level = 1;
if(debug){
if(level == 1){
console.warn(message);
}
if(level == 2){
console.info(message);
}
if(level == 3){
console.debug(message);
}
}
}
/* NAVIGATION
*************************************************************/
var navigation = {
_currentLength : 0, //length of the history object
_currentURL : "", //current url that is in the hashref in the url
_default_goto : 'news', //default stage to move to after a certain time
_default_time : 3, //seconds
recent_hash : "", //used figure out the most recent hash
link_timer : "", //figure out the most recent hash
current_time : 0, //use this to figure out how much time has elapsed before a link has been clicked
init : function(){ //Initialize the navigation functions
//hijack the click event for each navigation item
$("#navigation ul li a").each(function(){
$(this).attr('href','#'+$(this).parent().attr('id'));
});
$("#navigation ul li a").click(function(){
//find the type of link that was clicked represented as type_nav so only grab the first half
var parent_id = $(this).parent().attr('class').split("_")[0];
track_link("/"+parent_id);
if(parent_id != 'login'){
//if search was clicked, stop and open the search bar, otherwise continue returning true;
if(parent_id === "search"){
navigation.show_search();
return false;
} else {
$.history.add(parent_id);
return false;
}
}
});
//setup the button to close the search bar
$("#search_close").click(function(){
navigation.hide_search();
return false;
});
/*
setup the drag and drop feature of the navigation
*/
//setup each nav item as a droppable object using jQuery
$("#navigation ul li a").droppable({
accept: "#navigation div.nav_slider",
tolerance: "touch",
drop: function(ev, ui) {
var parent_id = $(this).parent().attr('class').split("_")[0];
if(parent_id != "search"){
$.history.add(parent_id);
} else {
navigation.show_search();
}
}
});
//setup the slider as a draggable object using jQuery
$("#navigation div.nav_slider").draggable({
axis: 'x',
helper: 'clone',
opacity: 0.5
});
navigation.link_timer = setTimeout("navigation.update_stage()", 100); //setup a timer to go off in 1 millisecond to check the hash
},
move : function(current_hash){ //move the 'dot' to the appropriate navigation item based on its id
if(current_hash){ //make sure to_id isn't null
var tmp = current_hash.split('/');
var selected_pod = "";
if(tmp.length > 1){
to_id = tmp[0];
selected_pod = tmp[0] + "_" +tmp[1];
} else {
to_id = current_hash;
}
//find out a bit about the navigation element to move to
var obj_left = parseInt($("#navigation li." + to_id + "_nav").offset().left); //get the left co-ordinate
var mid_nav = parseInt($("#navigation li." + to_id + "_nav a").css('width')) / 2; //find its mid-point
var offset = parseInt($("#navigation div.nav_slider").css('width')) + (parseInt($("#navigation div.nav_slider").css('width')) / 2) - 6; //find out an amount to take off to properly place the 'dot' centered
var move_to = obj_left + mid_nav - offset; //figure out exactly where to move the 'dot' to based on the previous calculations
stage.kill_overlay(); //get rid of any overlayed content
if(to_id != "search" && to_id != "login"){
//if the navigation item that was clicked wasn't search or login, animate the movement
$("#navigation div.nav_slider").animate({
marginLeft : move_to,
backgroundPosition: -90 - (obj_left - offset)
}, {duration: 1500, easing: 'easeOutQuad'});
//figure out the id of the stage selected based on the nav id
var stage_id = $("#navigation li." + to_id + "_nav").attr('id').replace(/_/g, "-");
stage.load(stage_id,selected_pod); //load 'er up
} else {
if(to_id == "search"){
}
if(to_id == "login"){
}
}
}
},
show_search: function(){ //open the search bar
stage.kill_overlay(); //get rid of any overlayed content
$("#search_bar").slideDown({duration: 250, easing: 'easeOutQuad'});
if(!($.browser.msie && $.browser.version.number == 6)){
$("#stage").animate({
paddingTop : 170
}, {duration: 250, easing: 'easeOutQuad'});
}
},
hide_search: function(){ // close the search bar
stage.kill_overlay(); //get rid of any overlayed content
$("#search_bar").slideUp({duration: 250, easing: 'easeOutQuad'});
if(!($.browser.msie && $.browser.version.number == 6)){
$("#stage").animate({
paddingTop : 125
}, {duration: 250, easing: 'easeOutQuad'});
}
},
update_stage: function(){
if($.history.getCurrent().length>0){ //check if the current history item has anything in it
if($.history.getCurrent() != navigation.recent_hash){
navigation.recent_hash = $.history.getCurrent(); //get the new hash
navigation.move(navigation.recent_hash);//move the navigation to the right nav item
}
} else {
//if no link has been clicked, the hash is empty to check to see if we need to go to the default item
if(navigation.current_time >= (navigation._default_time * 1000)){
$.history.add(navigation._default_goto);//location.href+="#"+navigation._default_goto;
}
}
navigation.current_time += 100;
navigation.link_timer = self.setTimeout("navigation.update_stage()", 100);
}
}
/* STAGE
*************************************************************/
var stage = {
current_browser_width : 0,
selected_stage : "",
index_contents : "",
stage_contents : "",
has_index : false,
total_selected_stage_pods : 0,
stage_pod_meta : Array(),
selected_stage_pods : Array(),
load : function(stage_id, selected_pod){
stage.kill_overlay();
$("#stage").fadeOut(250, function(){
stage.total_selected_stage_pods = 0;
stage.selected_stage_pods = new Array();
stage.stage_pod_meta = new Array();
if(stage_id == "home"){
$("body").animate({
backgroundColor: "#FFFFFF"
},600);
$("#stage").html('
').fadeIn(250);
} else {
stage.show_loading();
$.getJSON("/_views/stages/" + stage_id + ".json", function(data){
stage.selected_stage = data;
stage.stage_contents = "";
var stage_pods = stage.selected_stage.pods;
stage.total_selected_stage_pods = 0;
$("body").animate({
backgroundColor: "#CCCCCC"
},600);
stage.kill_overlay();
//add an index pod if one is defined in the JSON
if(stage.selected_stage.index_pod.length > 0){
if(stage.selected_stage.name == 'Learning'){
stage.index_contents = stage.build_resource_index(stage.selected_stage.index_pod);
} else {
stage.index_contents = stage.build_index(stage.selected_stage.index_pod);
}
stage.has_index = true;
} else {
stage.has_index = false;
}
$("#stage").empty();
$.each(stage_pods, function(i,pod){
if(pod.id.length > 0){
stage.stage_pod_meta.push({"id":pod.id,"size":pod.size,"type":pod.type,"order":stage.total_selected_stage_pods});
stage.total_selected_stage_pods +=1;
stage.build(pod);
}
});
setTimeout("stage.check_pod_status('" + selected_pod + "')", 100);
});
}
});
},
kill_overlay: function(){ // kill any overlay content if it exists
$("#pod_active").dialog("close"); //make sure there isn't a pod overlayed
$("#pod_active").remove(); //remove any pod that is overlayed
$("div.ui-dialog-overlay").remove();
$("div.ui-dialog").remove();
},
show_loading: function(){
stage.kill_overlay();
},
check_pod_status: function(selected_pod){
if(stage.total_selected_stage_pods <= stage.selected_stage_pods.length){
stage.kill_overlay();
stage.place_pods(selected_pod);
} else {
setTimeout("stage.check_pod_status('" + selected_pod + "')", 100);
}
},
place_pods : function(selected_pod){
stage.kill_overlay();
//add regular pods
column_width = parseInt($("#navigation").width()) - 30;
small_pod = 176;
large_pod = 356;
xtralarge_pod = 708;
if(column_width < xtralarge_pod){
column_width = xtralarge_pod;
}
logger("Initial Column Width: " + column_width);
stage.stage_contents = "
Are you a teacher looking to further educate your class about one of our exhibitions? Or, maybe you are planning a field trip and would like some further guidance.
';
index_pod += '
Teachers’ Guides support educators who wish to visit the CAG with their students or who wish to carry out lessons related to CAG exhibitions in their classrooms. They include artist biographies, thematic exhibition overviews, suggested points of discussion, as well as recommended readings and references.
';
index_pod += '
Lesson Plans are designed to bring the resources of contemporary art and artists to diverse classrooms. It is our goal to accustom students of all ages to viewing contemporary art and to show that it can be used as a springboard in teaching a variety of subjects. Please feel free to adapt lessons to suit the specific needs of your class and curriculum.
';
index_pod += '
Select an exhibition for related Teachers’ Guides and Lesson Plans:
';
index_pod += ' ";
index_pod += '
Search directly for Lesson Plans by subject:
';
index_pod += '
';
index_pod += index_pod_content;
index_pod += '
';
return index_pod;
},
build_huge : function(pod){
var youtube_base_dimensions = new Array(560, 349);
var podID = pod.id;
var youtube_set = false;
var huge_pod = '
'; //initialize the huge_pod variable
// setup the related container and insert the related pods if there are any
related_content = "";
if(pod.related_pods.length > 0){
related_content = '
';
pod_media += tombstones;
pod_media += strip_container;
//add the related content generated above to the huge pod
pod_media += related_content;
pod_media += "
";
huge_pod += pod_media + '
';
return huge_pod;
},
build_resource : function(pod){
var podID = pod.id;
var huge_pod = '
'; //initialize the huge_pod variable
// setup the related container and insert the related pods if there are any
related_content = '
';//close the container
//add content to the huge pod
huge_pod += pod_content;
//setup the pod_media
var pod_education = '
';
pod_education += '
Teachers’ Guide:
';
pod_education += '
Teachers’ Guides support educators who wish to visit the CAG with their students or who wish to carry out lessons related to CAG exhibitions in their classrooms. They include artist biographies, thematic exhibition overviews, suggested points of discussion, as well as recommended readings and references.
CAG lesson plans are designed to bring the resources of contemporary art and artists to diverse classrooms. It is our goal to accustom students of all ages to viewing contemporary art and to show that it can be used as a springboard in teaching a variety of subjects. Please feel free to adapt lessons to suit the specific needs of your class and curriculum.
");
$('.related_label').show();
}*/
if(related_crumb.length > 1){
crumb_string = "