/**
* Prints out the inline javascript needed for the colorpicker and choosing
* the tabs in the panel.
*/
jQuery(document).ready(function($) {
/*
Progressive enhancement. If javascript is enabled we change the body class. Which in turn hides the checkboxes with css.
*/
$('body').addClass("js");
/*
Add toggle switch after each checkbox. If checked, then toggle the switch.
*/
$('.checkbox').after(function(){
if ($(this).is(":checked")) {
return "";
}else{
return "";
}
});
/*
When the toggle switch is clicked, check off / de-select the associated checkbox
*/
$('.toggle').click(function(e) {
var checkboxID = $(this).attr("ref");
var checkbox = $('#'+checkboxID);
if (checkbox.is(":checked")) {
checkbox.removeAttr("checked").change();
}else{
checkbox.attr("checked","checked").change();
}
$(this).toggleClass("checked");
e.preventDefault();
});
/*
For demo purposes only....shows/hides checkboxes.
*/
$('#showCheckboxes').click(function(e) {
$('.checkbox').toggle()
e.preventDefault();
});
// Fade out the save message
$('.fade').delay(1000).fadeOut(1000);
// Color Picker
$('.colorSelector').each(function(){
var Othis = this; //cache a copy of the this variable for use inside nested function
var initialColor = $(Othis).next('input').attr('value');
$(this).ColorPicker({
color: initialColor,
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$(Othis).children('div').css('backgroundColor', '#' + hex);
$(Othis).next('input').attr('value','#' + hex);
}
});
}); //end color picker
// Image Options
$('.of-radio-img-img').click(function(){
$(this).parent().parent().find('.of-radio-img-img').removeClass('of-radio-img-selected');
$(this).addClass('of-radio-img-selected');
});
$('.of-radio-img-label').hide();
$('.of-radio-img-img').show();
$('.of-radio-img-radio').hide();
$('.subsection-items').hide();
$('.subsection > h3').click(function() {
$('span.minus').removeClass('minus');
if($(this).siblings('div').is(':visible')) {
$(this).siblings('div').fadeOut();
} else {
$(this).siblings('div').fadeIn();
$(this).find("span").addClass('minus');
}
});
$('.group-items').hide();
$('.group > h2').click(function() {
$('span.minus').removeClass('minus');
if($(this).siblings('div').is(':visible')) {
$(this).siblings('div').fadeOut();
} else {
$(this).siblings('div').fadeIn();
$(this).find("span").addClass('minus');
}
});
});
ANDES AND ASSOCIATES - GALLERY