/*Copyright(c)2009,www.supersite.me*/
var imageUrl = 'editor_images/color.png';
function iColorShow(id, id2) {
var eICP = jQuery("#" + id2).position();
jQuery("#iColorPicker").css({
'top': eICP.top + (jQuery("#" + id).outerHeight()) + "px",
'left': (eICP.left) + "px",
'position': 'absolute'
}).fadeIn("fast");
jQuery("#iColorPickerBg").css({
'position': 'absolute',
'top': 0,
'left': 0,
'width': '100%',
'height': '100%'
}).fadeIn("slow");
var def = jQuery("#" + id).val();
jQuery('#colorPreview span').text(def);
jQuery('#colorPreview').css('background-color', def);
jQuery('#color').val(def);
var hxs = jQuery('#iColorPicker');
for (i = 0; i < hxs.length; i++) {
var tbl = document.getElementById('hexSection' + i);
var tblChilds = tbl.childNodes;
for (j = 0; j < tblChilds.length; j++) {
var tblCells = tblChilds[j].childNodes;
for (k = 0; k < tblCells.length; k++) {
jQuery(tblChilds[j].childNodes[k]).unbind().mouseover(function(a) {
//var aaa = "#" + jQuery(this).attr('hx');
var aaa = jQuery(this).attr('hx'); //(dg)
// (dg) - don't color the input box itself
jQuery('#colorPreview').css('background-color', aaa);
jQuery('#colorPreview span').text(aaa)
}).click(function() {
//var aaa = "#" + jQuery(this).attr('hx');
var aaa = jQuery(this).attr('hx'); //(dg)
//jQuery("#" + id).val(aaa).css("background-color", aaa);
jQuery("#" + id).val(aaa); // (dg) don't color input box background
jQuery("#icp_link_preview_" + id).val(aaa).css("background-color", aaa); // (dg)
jQuery("#iColorPickerBg").hide();
jQuery("#iColorPicker").fadeOut();
jQuery("#" + id).change(); //Perculate the change (dg)
})
}
}
}
}
this.iColorPicker = function() {
jQuery("input.iColorPicker").each(function(i) {
if (i == 0) {
jQuery(document.createElement("div")).attr("id", "iColorPicker").css('display', 'none').html('').appendTo("body");
jQuery(document.createElement("div")).attr("id", "iColorPickerBg").click(function() {
jQuery("#iColorPickerBg").hide();
jQuery("#iColorPicker").fadeOut()
}).appendTo("body");
jQuery('#closebox').hover(function() {
jQuery(this).css('background-color', '#f8ff61');
}, function () {
jQuery(this).css('background-color', 'white');
})
.click(function() {
jQuery("#iColorPickerBg").hide();
jQuery("#iColorPicker").fadeOut()
});
jQuery('table.pickerTable td').css({
'width': '12px',
'height': '14px',
'border': '1px solid #000',
'cursor': 'pointer'
});
jQuery('#iColorPicker table.pickerTable').css({
'border-collapse': 'collapse'
});
jQuery('#iColorPicker').css({
'border': '1px solid #ccc',
'background': '#333',
'padding': '5px',
'color': '#fff',
'z-index': 9999
})
}
jQuery('#colorPreview').css({
'height': '50px'
});
//jQuery(this).css("background-color", jQuery(this).val()).after('
')
//(dg)
jQuery('#icp_link_'+this.id).html('');
jQuery(this).after('');
jQuery('#icp_link_preview_'+this.id).css("background-color", jQuery(this).val());
})
};
/*
// To activate:
jQuery(function() {
iColorPicker()
})
*/