// JavaScript Document
jQuery(document).ready(function(){
// Reset Font Size
var originalFontSize = jQuery('.font-sizer').css('font-size');
jQuery(".resetFont").click(function(){
jQuery('.font-sizer').css('font-size', originalFontSize);
});
// Reset line height
var originalLineHeight = jQuery('.font-sizer').css('line-height');
jQuery(".resetHeight").click(function(){
jQuery('.font-sizer').css('line-height', originalLineHeight);
});
// Increase Font Size
jQuery(".increaseFont").click(function(){
var currentFontSize = jQuery('.font-sizer').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
if(newFontSize> 21){ newFontSize = 21; }
jQuery('.font-sizer').css('font-size', newFontSize);
return false;
});
// Increase Line Height
jQuery(".increaseHeight").click(function(){
var currentLineHeight = jQuery('.font-sizer').css('line-height');
var currentLineHeightNum = parseFloat(currentLineHeight, 10);
var newLineHeight = currentLineHeightNum*1.1 + "px";
if(newLineHeight> 23 + "px"){ newLineHeight = 23 + "px"; }
jQuery('.font-sizer').css('line-height', newLineHeight);
return false;
});
// Decrease Font Size
jQuery(".decreaseFont").click(function(){
var currentFontSize = jQuery('.font-sizer').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
if(newFontSize < 6.5){ newFontSize = 6.5; }
jQuery('.font-sizer').css('font-size', newFontSize);
return false;
});
// Decrease Line Height
jQuery(".decreaseHeight").click(function(){
var currentLineHeight = jQuery('.font-sizer').css('line-height');
var currentLineHeightNum = parseFloat(currentLineHeight, 10);
var newLineHeight = currentLineHeightNum*0.9 + "px";
if(newLineHeight < 12 + "px"){ newLineHeight = 12 + "px"; }
jQuery('.font-sizer').css('line-height', newLineHeight);
return false;
});
jQuery(".increaseFont img").hover(
function()
{
this.src = this.src.replace("_off","_on");
},
function()
{
this.src = this.src.replace("_on","_off");
}
);
jQuery(".decreaseFont img").hover(
function()
{
this.src = this.src.replace("_off","_on");
},
function()
{
this.src = this.src.replace("_on","_off");
}
);
jQuery(".resetFont img").hover(
function()
{
this.src = this.src.replace("_off","_on");
},
function()
{
this.src = this.src.replace("_on","_off");
}
);
});