93 lines
3.3 KiB
JavaScript
93 lines
3.3 KiB
JavaScript
/**
|
|
JavaScript for minimizing/toggling the header image.
|
|
|
|
Uses JQuery and the JQuery cookie plugin
|
|
*/
|
|
|
|
//Create namespace to avoid possible naming conflicts
|
|
var minimizeImage = {};
|
|
|
|
/**
|
|
This function is called using the onClick attribute of the image toogle link.
|
|
|
|
@param imageClass The (css) class of the div encapsulating the img element
|
|
@param linkClass The (css) class assigned to the linkClass
|
|
@param minimizeLabel Text to show for the minimize link (image is maximized)
|
|
@param maximizeLabel Text to show for the maximize link (image is minimized)
|
|
*/
|
|
minimizeImage.minimize = function (imageClass,
|
|
linkClass,
|
|
minimizeLabel,
|
|
maximizeLabel) {
|
|
|
|
if ($("." + imageClass + " img.minimized").css("display") == "none") {
|
|
//Image is currently maximized, minimized image is not visible
|
|
|
|
//Display minimized image
|
|
$("." + imageClass + " img.minimized").css("display", "inline");
|
|
//Hide maximized image
|
|
$("." + imageClass + " img.maximized").css("display", "none");
|
|
|
|
//Toogle link text to maximizeLabel
|
|
$("." + linkClass).removeClass("maximized");
|
|
$("." + linkClass).addClass("minimized");
|
|
$("." + linkClass).text(maximizeLabel);
|
|
|
|
//Store status in cookie
|
|
$.cookie(imageClass + "Status", 'minimized', { path: "/" });
|
|
} else {
|
|
//Image is currently minimized.
|
|
//Hide minimized image
|
|
$("." + imageClass + " img.minimized").css("display", "none");
|
|
//Show maximized image
|
|
$("." + imageClass + " img.maximized").css("display", "inline");
|
|
|
|
//Toogle link text to minimizeLabel
|
|
$("." + linkClass).removeClass("minimized");
|
|
$("." + linkClass).addClass("maximized");
|
|
$("." + linkClass).text(minimizeLabel);
|
|
|
|
//Store status in cookie
|
|
$.cookie(imageClass + "Status", 'maximized', { path: "/" });
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
This function is called by the JavaScript block inserted after the link when the
|
|
HTML document is loaded (using JQuery $(document).ready). It restores the
|
|
status from a previous visit on the site.
|
|
*/
|
|
minimizeImage.restore = function(imageClass,
|
|
linkClass,
|
|
minimizeLabel,
|
|
maximizeLabel) {
|
|
|
|
//alert("restoring!");
|
|
|
|
//var status = $.cookie(imageClass + "Status", { path: "/" });
|
|
var status = $.cookie(imageClass + "Status", String);
|
|
|
|
//alert("status = " + status);
|
|
|
|
if (status == 'minimized') {
|
|
$("." + imageClass + " img.minimized").css("display", "inline");
|
|
$("." + imageClass + " img.maximized").css("display", "none");
|
|
|
|
$("." + linkClass).removeClass("maximized");
|
|
$("." + linkClass).addClass("minimized");
|
|
$("." + linkClass).text(maximizeLabel);
|
|
|
|
} else {
|
|
$("." + imageClass + " img.minimized").css("display", "none");
|
|
$("." + imageClass + " img.maximized").css("display", "inline");
|
|
|
|
$("." + linkClass).removeClass("minimized");
|
|
$("." + linkClass).addClass("maximized");
|
|
$("." + linkClass).text(minimizeLabel);
|
|
}
|
|
|
|
//alert(imageClass + "Status = " + $.cookie(imageClass + "Status"));
|
|
}
|