function rightnowsettings()
{
global $wpdb;
$pURL = str_replace('http://' . $_SERVER['SERVER_NAME'], '', get_template_directory_uri());
$fonts = json_decode(get_option('fonts'));
?>
<link rel="stylesheet" media="screen" type="text/css" href="<?php
echo get_template_directory_uri();
?>
/includes/ibutton/jquery.ibutton.css" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php
echo get_template_directory_uri();
?>
/includes/colorpicker/css/colorpicker.css" />
<script type="text/javascript" src="<?php
echo get_template_directory_uri();
?>
/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<?php
echo get_template_directory_uri();
?>
/includes/ibutton/jquery.ibutton.js"></script>
<script type="text/javascript" src="<?php
echo get_template_directory_uri();
?>
/includes/colorpicker/js/colorpicker.js"></script>
<link rel="stylesheet" href="<?php
echo get_template_directory_uri();
?>
/includes/uploadify/uploadify.css" type="text/css" />
<script type="text/javascript" src="<?php
echo get_template_directory_uri();
?>
/includes/uploadify/swfobject.js"></script>
<script type="text/javascript" src="<?php
echo get_template_directory_uri();
?>
/includes/uploadify/jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript" src="<?php
echo get_template_directory_uri();
?>
/includes/js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript">
<?php
global $regSettings;
$settingsVar = "var settingsVar = new Array(";
foreach ($regSettings as $regKey => $regValue) {
$settingsVar .= "'" . $regKey . "', ";
}
$settingsVar = substr($settingsVar, 0, -2);
$settingsVar .= ");\n";
echo $settingsVar;
?>
var $ = jQuery.noConflict();
function getStyleOptions(){
getImageManager();
$('#rbcontent > div').slideUp('slow');
var arr = new Array();
$('#styleoptions input[type!=submit], #styleoptions select').each(function(){
arr.push($(this).attr('name'));
});
getSettings(arr, $('#styleoptions'));
}
function getGeneralSettings(){
closeImageManager();
$('#rbcontent > div').slideUp('slow');
var arr = new Array();
$('#generaloptions input[type!=submit], #generaloptions select').each(function(){
arr.push($(this).attr('name'));
});
getSettings(arr, $('#generaloptions'));
}
function getTextOptions(){
closeImageManager();
$('#rbcontent > div').slideUp('slow');
var arr = new Array();
$('#textoptions input[type!=submit], #textoptions select').each(function(){
arr.push($(this).attr('name'));
});
getSettings(arr, $('#textoptions'));
}
function getGalleriesList(){
closeImageManager();
$('#rbcontent > div').slideUp('slow');
showMessage('waiting', 'Getting gallery list...', 'getgallery');
$.post(ajaxurl, {'action':'get_gallery_list'}, function(data){
$('#gallerieslistbody').html(data);
$('#gallerieslist').slideDown('slow');
showMessage('successful', 'Gallery list has been gotted successfully', 'getgallery');
});
}
function closeImageManager(){
$('#imageManager').stop().animate({opacity:'0'}, 300, function(){
$(this).hide().css({left:'830px', top:'20px'});
});
}
function getImageManager(){
showMessage('waiting', 'Getting images list...', 'getimages');
$.post(ajaxurl, {'action':'get_images'}, function(data){
$('#imageList tbody').html(data);
$('#imageManager').show().css({opacity:'0', left:'830px', top:'20px'}).stop().animate({opacity:'1'}, 300);
showMessage('successful', 'Images list has been gotted successfully', 'getimages');
});
}
function themeCheck(){
closeImageManager();
$('#rbcontent > div').slideUp('slow');
showMessage('waiting', 'Theme checking...', 'ctheme');
$.post(ajaxurl, {'action':'check_theme'}, function(data){
$('#checktheme').html(data);
$('#checktheme').slideDown('slow');
var imgTest = $("<img />").attr('src', '<?php
echo get_template_directory_uri();
?>
/includes/timthumb.php?src=<?php
echo get_template_directory_uri();
?>
/includes/adminimages/timthumb.jpg&w=20&h=20')
.load(function() {
if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
$('#timthumbcheck .statusNOK').show();
$('#timthumbcheck .ErrMessage').show();
$('#timthumbcheck .ErrInfo').show();
} else {
$('#timthumbcheck .statusOK').show();
}
})
.error(function(){
$('#timthumbcheck .statusNOK').show();
$('#timthumbcheck .ErrMessage').show();
$('#timthumbcheck .ErrInfo').show();
});
showMessage('successful', 'Theme has been checked successfully', 'ctheme');
});
}
function detailGallery(no, name){
closeImageManager();
$('#rbcontent > div').slideUp('slow');
$('#gallerydetailid').text(no);
$('#gallerydetailname').text(name);
$('#gallerieslistbody').html('');
getSliderDetail(no);
$("#fileUploadWrapGalleryDetail").html('<div id="fileUploadGalleryDetail">Upload doesnt work. You have a problem with your javascript</div>');
$("#fileUploadGalleryDetail").uploadify({
'uploader': '<?php
echo get_template_directory_uri();
?>
/includes/uploadify/uploadify.swf',
'cancelImg': '<?php
echo get_template_directory_uri();
?>
/includes/uploadify/cancel.png',
'script': '<?php
echo $pURL;
?>
/includes/uploadify/upload_background_image.php',
'multi': true,
'width': 400,
'auto': true,
'wmode': 'transparent',
'scriptData': {GALLERYID:no},
'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
'displayData': 'speed',
'onComplete' : function(event, ID, fileObj, response, data) {
if(response!='1')
alert(response);
},
'onAllComplete':function(event,eventdata){
getSliderDetail(no);
}
});
$('#gallerydetail').slideDown('slow');
}
function setFrontpageGallery(no){
if(window.confirm('Are you sure set this item as Front Page Gallery?')){
showMessage('waiting', 'Setting gallery as Front Page Gallery...', 'setfpgallery');
$.post(ajaxurl, {'action':'setfp_gallery', 'GALLERYID':no}, function(data){
data = $.parseJSON(data);
if(data.status=='OK'){
$('#gallerieslistbody .settedfp').remove();
$('#glist_'+no+' td::nth-child(2)').append($(' <span class="settedfp">[Front Page]</span>'));
showMessage('successful', 'Gallery has been setted as front page gallery successfully', 'setfpgallery');
}else
showMessage('error', 'Have got an error while setting gallery as front page gallery.', 'setfpgallery');
});
}
}
function removeGallery(no){
if(window.confirm('Are you sure delete?')){
showMessage('waiting', 'Deleteting gallery...', 'delgallery');
$.post(ajaxurl, {'action':'delete_gallery', 'GALLERYID':no}, function(data){
data = $.parseJSON(data);
if(data.status=='OK'){
$('#glist_'+no).slideUp('slow', function(){
$(this).remove();
});
showMessage('successful', 'Gallery has been deleted successfully', 'delgallery');
}else
showMessage('error', 'Have got an error while deleting gallery.', 'delgallery');
});
}
}
function getAudioManager(){
closeImageManager();
$('#rbcontent > div').slideUp('slow');
showMessage('waiting', 'Getting audio list...', 'getaudio');
$.post(ajaxurl, {'action':'get_audio_list'}, function(data){
$('#audiomanager').slideDown('slow');
$('#audiomanager form tbody').html(data);
$('#audiomanagerbody').sortable({
start:function(event, ui){
ui.item.addClass('activeMove');
},
stop:function(event, ui){
ui.item.removeClass('activeMove');
},
cancel: 'input, textarea'
});
showMessage('successful', 'Audio list has been getted successfully', 'getaudio');
});
}
function removeAudioItem(obj){
if(window.confirm('Are you sure delete?')){
$(obj).closest('table').slideUp('slow', function(){
$(this).closest('tr').remove();
});
}
}
jQuery(document).ready(function($){
$('#rbmenu li a').click(function(){
$(this).parent().parent().find('li').removeClass('selected');
$(this).parent().addClass('selected');
});
$('#addAudioButton').click(function(){
var emptyAudioItem = '<?php
echo str_replace(array("\r\n", "\n", "\r"), '', createAudioItem('', '', ''));
?>
';
$('#audiomanager form > table > tbody').append($(emptyAudioItem));
});
$('#textoptions select[name=headerFont], #textoptions select[name=contentFont]').change(function(){
loadFontVariants($(this).attr('name'), $(this).val());
});
$('#addGallery').click(function(){
var galleryName = window.prompt('Please enter a name', '');
if(galleryName && $.trim(galleryName)!=''){
showMessage('waiting', 'Creating a new gallery...', 'addgallery');
$.post(ajaxurl, {'action':'add_new_gallery', 'name':$.trim(galleryName)}, function(data){
data = $.parseJSON(data);
if(data.status=='OK'){
$('#gallerieslistbody').append($(data.html));
showMessage('successful', 'New gallery has been created successfully', 'addgallery');
}else
showMessage('error', 'Have got an error while creation new gallery.', 'addgallery');
});
}
});
$("#uploader").append('<div id="fileUpload">Upload doesnt work. You have a problem with your javascript</div>');
$("#fileUpload").uploadify({
'uploader': '<?php
echo get_template_directory_uri();
?>
/includes/uploadify/uploadify.swf',
'cancelImg': '<?php
echo get_template_directory_uri();
?>
/includes/uploadify/cancel.png',
'script': '<?php
echo $pURL;
?>
/includes/uploadify/upload_settings_image.php',
'multi': true,
'width': 200,
'auto': true,
'wmode': 'opaque',
'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
'displayData': 'speed',
'scriptData': {},
'onAllComplete':function(){
},
'onComplete':function(event,eventdata, fileObj, response, data){
data = $.parseJSON(response);
if(data.status=='OK')
{
$('#imageList tbody').prepend(data.html);
}else{
alert(data.ERR);
}
}
});
/* Gallery Detail*/
$('#addBg ul li a').click(function(){
$('#addBg ul li a').removeClass('selected');
$(this).addClass('selected');
if($(this).attr('rel')=='video')
{
$('#addBg .video').show();
$('#addBg .image').hide();
}else{
$('#addBg .video').hide();
$('#addBg .image').show();
}
});
$('#sliderImageForm').submit(function(){
showMessage('waiting', 'Slider items are saving...', 'slideritemssave');
var serialdata = $(this).serialize();
serialdata+='&action=save_slider_items';
$.ajax({
type: "POST",
url: ajaxurl,
data: serialdata,
success: function(msg){
showMessage('successful', 'Slider items has been saved successfuly.', 'slideritemssave');
}
});
return false;
});
$('#addBg .video select').change(function(){
var videoType = $('#addBg .video select option:selected').val();
$('#addBg .video .videotype').hide();
if(videoType=='youtube' || videoType=='vimeo')
$('#addBg .video .videoid').show();
else if(videoType=='selfhosted')
$('#addBg .video .videourl').show();
else if(videoType=='flash')
$('#addBg .video .videourl').show();
if(videoType=='youtube' || videoType=='vimeo' || videoType=='selfhosted' || videoType=='flash')
$('#addBg .video .videowh').show();
});
$('#addVideo').click(function(){
var videoType = $('#addBg .video select option:selected').val();
var videoData = '';
if(videoType=='youtube' || videoType=='vimeo')
videoData = $('#addBg .video .videoid input').val();
else if(videoType=='selfhosted' || videoType=='flash')
videoData = $('#addBg .video .videourl input').val();
var vW = $('#addBg .video .videowh input[name=width]').val();
var vH = $('#addBg .video .videowh input[name=height]').val();
if(videoType=='youtube' || videoType=='vimeo' || videoType=='selfhosted' || videoType=='flash')
{
if(videoData=='' || vW=='' || vH=='' ){
alert('You must fill all field');
return;
}
}
showMessage('waiting', 'Adding your video item...', 'additem');
$.post(ajaxurl, {action:'add_video_item', type:videoType, data:videoData, width:vW, height:vH, GALLERYID:$('#gallerydetailid').text()},function(data){
data = $.parseJSON(data);
if(data.status=='OK')
{
getSliderDetail(data.GALLERYID);
showMessage('successful', 'New video item has been added successfully.', 'additem');
}
else
showMessage('error', 'Have been an error while adding video item.', 'additem');
});
});
$('#themeCheckBtn').trigger('click');
});
jQuery(document).ready(function($){
locateMsg();
$(window).bind('resize', function() {
locateMsg();
});
$(window).bind('scroll', function() {
locateMsg();
});
$('.colorSelector').ColorPicker({
onSubmit: function(hsb, hex, rgb, el) {
$(el).find('input').val(hex);
$(el).find('div').css('backgroundColor', '#'+hex);
$(el).ColorPickerHide();
},
onBeforeShow: function () {
$(this).ColorPickerSetColor($(this).find('input').val());
}
})
.bind('keyup', function(){
$(this).ColorPickerSetColor(this.value);
});
$('.colorSelectorControl').ColorPicker({
onSubmit: function(hsb, hex, rgb, el) {
$(el).find('input').val(hex);
$(el).find('div').css('backgroundColor', '#'+hex);
$(el).ColorPickerHide();
setBg($(el).parent().parent());
},
onBeforeShow: function () {
$(this).ColorPickerSetColor($(this).find('input').val());
}
})
.bind('keyup', function(){
$(this).ColorPickerSetColor(this.value);
});
});
function locateMsg()
{
var top = $(window).height()+$(window).scrollTop()-100;
$('#messageArea').css('top', top+'px');
}
function showMessage(type, message, id)
{
if(type=='waiting')
{
$('#messageArea').append('<div class="waiting" id="waiting_'+id+'">'+message+'</div>').find('#waiting_'+id).slideDown('slow');
}
else if(type=='successful')
{
$('#waiting_'+id).slideUp('slow', function(){$(this).remove()});
$('#messageArea').append('<div class="successful" id="successful_'+id+'">'+message+'</div>').find('#successful_'+id).slideDown('slow').delay(3000).slideUp('slow',function(){$(this).remove();});
}
else if(type=='error')
{
$('#waiting_'+id).slideUp('slow', function(){$(this).remove()});
$('#messageArea').append('<div class="error2" id="error_'+id+'">'+message+'</div>').find('#error_'+id).slideDown('slow').delay(3000).slideUp('slow',function(){$(this).remove();});
}
}
function saveAudio(){
var settingsData = $('#audiomanager form').serialize();
settingsData+="&action=save_audio_list";
showMessage('waiting', 'Saving audio list...', 'saveaudio');
$.post(ajaxurl, settingsData, function(data){
showMessage('successful', 'Audio list has been saved successfully', 'saveaudio');
});
return false;
}
function saveSettings(objName)
{
if(!window.confirm('Are you sure to apply. If you continue all current settings will be change.'))
return false;
var varList ='';
$(objName+' input[type!=submit], '+objName+' select').each(function(){
varList += '&vars[]='+$(this).attr('name');
});
settingsData = '';
$.each(settingsVar,function(i,el){
if($(objName+' input[name='+el+']').length==1)
if($(objName+' input[name='+el+']').is(':checkbox'))
{
if($(objName+' input[name='+el+']').is(':checked'))
settingsData+='&'+el+'='+$(objName+' input[name='+el+']').first().val();
}
else
settingsData+='&'+el+'='+$(objName+' input[name='+el+']').val();
else if($(objName+' select[name='+el+']').length==1)
settingsData+='&'+el+'='+$(objName+' select[name='+el+']').val();
});
settingsData += varList;
settingsData+="&action=General_save";
showMessage('waiting', 'Saving general settings...', 'Generalsave');
$.post(ajaxurl, settingsData, function(data){
data = $.parseJSON(data);
if(data.status=='OK')
{
showMessage('successful', 'General settings has been updated successfully', 'Generalsave');
}
else
showMessage('error', 'Have got an error while saving settings.', 'Generalsave');
});
return false;
}
function getSettings(varList, openElement)
{
showMessage('waiting', 'Getting current settings...', 'get_general');
$.post(ajaxurl, {'action':'get_general','vars':varList}, function(data){
data = $.parseJSON(data);
showMessage('successful', 'Current settings has been gotten successfully', 'get_general');
setForm(data);
if($(openElement).is(':hidden'))
$(openElement).slideDown('slow');
});
}
function getSliderDetail(no)
{
showMessage('waiting', 'Backgrounds are getting...', 'slider_details');
$.post(ajaxurl, {action:'list_slider_items', GALLERYID:no},function(data){
showMessage('successful', 'Backgrounds has been getted successfully.', 'slider_details');
$('#sliderImageItems tbody').html(data);
$( "#sliderImageItems tbody").sortable({
start:function(event, ui){
ui.item.addClass('activeMove');
},
stop:function(event, ui){
ui.item.removeClass('activeMove');
},
cancel: 'input, textarea, object, embed'
});
$( "#sliderImageItems input, #sliderImageItems textarea, #sliderImageItems object, #sliderImageItems embed" ).bind('click.sortable mousedown.sortable',function(ev){
ev.target.focus();
});
});
}
function imageDelete(imgID, imgName)
{
if(window.confirm('Are you sure to delete this image?'))
{
showMessage('waiting', 'Deleting image...', 'delete_image');
$.post(ajaxurl, {'action':'delete_image', 'imgID':imgID, 'imgName':imgName}, function(data){
data = $.parseJSON(data);
if(data.status=='OK')
{
showMessage('successful', 'Settings has been deleted successfully', 'delete_image');
$('#imgs'+data.imgID).remove();
}else
showMessage('error', 'Have got an error while deleting image.'+data.ERR, 'delete_image');
});
}
}
function loadFontVariants(area, font)
{
if(font!=undefined){
$.ajax({ url:ajaxurl,
async: false,
data: {'action':'load_font_variants', 'font':font },
dataType:'text',
type: "POST",
success:function(data){
data = $.parseJSON(data);
if(data.status=='OK' && data.variants!=null)
{
$('#rbcontent select[name="'+area+'Variant"] option').remove();
for(i=0; i<data.variants.length; i++)
$('#rbcontent select[name="'+area+'Variant"]').append($('<option></option>').text(data.variants[i]).attr('value', data.variants[i]));
}else
showMessage('error', 'Have got an error while getting font variant', 'get_variant');
}
});
}
}
function setForm(data)
{
$('#rbcontent input[type=text]').val('');
$('#rbcontent select').selectedIndex = -1;
$('#rbcontent .colorSelectorControl div').css("backgroundColor",'#FFFFFF');
loadFontVariants('headerFont', data.headerFont);
loadFontVariants('contentFont', data.contentFont);
$.each(data, function(name,i){
if($('#rbcontent input:checkbox[name='+name+']').length==1){
if($('#rbcontent input:checkbox[name='+name+']').val()==data[name])
{
$('#rbcontent input:checkbox[name='+name+']').attr('checked','checked');
}else{
$('#rbcontent input:checkbox[name='+name+']').removeAttr('checked');
}
}else{
$('#rbcontent input[name='+name+']').val(data[name]);
$('#rbcontent select[name='+name+']').attr('selectedIndex', -1).find('option[value="'+data[name]+'"]').attr('selected','selected');
$('#rbcontent input[name='+name+'][name*="color"]').parent().find("div").css('backgroundColor', '#'+data[name]);
}
});
$(":checkbox").iButton("repaint");
}
var urlObj;
var activeLink;
function getUrlFromFile(el)
{
if(activeLink!=el)
{
$('body').unbind('click');
activeLink = null;
urlObj = null;
activeLink = el;
pos = $(el).position();
$('#imageManager').animate({
left:pos.left+80,
top:pos.top-150
}, 500);
urlObj = $(el).parent().find('input');
$('body').click(function(e)
{
var obj = (e.target ? e.target : e.srcElement);
if($(obj).attr('rel')=='selectable')
{
$(urlObj).val($(obj).parent().parent().attr('rel'));
$(urlObj).focus().animate({backgroundColor:'#fffeee'},500).animate({backgroundColor:'#FFFFFF'},500);
$('body').unbind('click');
activeLink = null;
urlObj = null;
$('#imageManager').animate({
left:830,
top:20
}, 500);
}
else if(obj!=activeLink)
{
$('body').unbind('click');
activeLink = null;
urlObj = null;
$('#imageManager').animate({
left:850,
top:170
}, 500);
}
});
}
}
function deleteItemImage(me)
{
if(window.confirm('Are you sure to delete this image?'))
{
var imgID = $(me).parent().parent().parent().find("input[name='imageID[]']").val();
if(imgID!=undefined){
showMessage('waiting', 'Image is deleting...', 'delete_image'+imgID);
$.post(ajaxurl, {action:"remove_item_image", IMAGEID:imgID}, function(data){
var jdata = $.parseJSON(data);
if(jdata.status=='OK')
{
showMessage('successful', 'Image has been deleted successfully.', 'delete_image'+jdata.IMAGEID);
$("#sliderImageItems input[name='imageID[]'][value='"+jdata.IMAGEID+"']").parent().parent().remove();
}
else
{
showMessage('error', 'Image coudn\'t be deleted.', 'delete_image'+jdata.IMAGEID);
}
});
}
}
}
function changeDimension(me, type)
{
var imgID = $(me).parent().parent().parent().find("input[name='imageID[]']").val();
var dimValue = $(me).text();
var newValue = window.prompt('Please enter a new value', dimValue);
if(newValue!=false && dimValue!=newValue)
{
$('#imageID'+imgID+' .video'+type+' a').text(newValue);
showMessage('waiting', 'Dimension of Video is deleting...', 'dim_video'+imgID);
$.post(ajaxurl, {action:"change_video_dimension", IMAGEID:imgID, dimType:type, value:newValue}, function(data){
var jdata = $.parseJSON(data);
if(jdata.status=='OK')
{
showMessage('successful', 'Dimension of Video has been updated successfully.', 'dim_video'+jdata.IMAGEID);
$('#imageID'+jdata.IMAGEID+' .video'+jdata.dimType+' a').text(jdata.value);
}
else
{
showMessage('error', 'Dimension of Video coudn\'t be updated.', 'dim_video'+jdata.IMAGEID);
}
});
}
}
function thumUploader(me){
var imgID = $(me).parent().parent().parent().find("input[name='imageID[]']").val();
$('.thumbUplodifyWrap').remove();
if($('#imageID'+imgID+' td:nth-child(2) .thumbUplodifyWrap').length==0)
{
var addNot = '';
if($.browser.msie || $.browser.webkit)
addNot = '<div style="clear:both; margin-top:10px;"></div>This browser may not support Multi Upload module. Please try another browser like Firefox etc.';
$('#imageID'+imgID+' td:nth-child(2)').append($('<div class="thumbUplodifyWrap"><div id="thumbUplodify"></div>'+addNot+'</div>'));
$("#thumbUplodify").uploadify({
'uploader': '<?php
echo get_template_directory_uri();
?>
/includes/uploadify/uploadify.swf',
'cancelImg': '<?php
echo get_template_directory_uri();
?>
/includes/uploadify/cancel.png',
'script': '<?php
echo $pURL;
?>
/includes/uploadify/upload_background_thumb.php',
'multi': false,
'auto':true,
'width':400,
'scriptData': {'IMAGEID':imgID},
'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
'displayData': 'speed',
'wmode': 'transparent',
'onComplete' : function(event, ID, fileObj, response, data) {
var jdata = $.parseJSON(response);
if(jdata.status=='OK')
$('#imageID'+imgID+' td:nth-child(1) .sliderImageItemImage img').attr('src', '<?php
echo get_template_directory_uri();
?>
/includes/timthumb.php?src='+jdata.path+'&h=80&w=120&zc=1&q=100');
else
alert(jdata.ERR);
},
'onError' : function (event,ID,fileObj,errorObj) {
alert(errorObj.type + ' Error: ' + errorObj.info);
}
});
}
}
</script>
<style>
#messageArea { position:absolute; left:0px; top:0px; width:800px; z-index:999;}
#messageArea .waiting{padding:5px 5px 5px 25px; background:url('<?php
echo get_template_directory_uri();
?>
/images/admin-loading.gif') #FF7300 5px center no-repeat; color:#FFFFFF; display:none;}
#messageArea .successful{padding:5px; background-color:#10CD02; color:#FFFFFF; display:none;}
#messageArea .error2{padding:5px; background-color:#FF0000; color:#FFFFFF; display:none;}
.widefat td{
padding:8px;
}
#imageManager{
display:none;
opacity:0;
position: absolute;
left: 830px;
top:20px;
z-index:998;
}
.trueHeader{
background: url('../images/gray-grad.png') repeat-x scroll left top #DFDFDF;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
padding:10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
border:1px solid #DFDFDF;
}
.trueWrapper{
background-color:#FFFFFF;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
border:1px solid #DFDFDF;
}
.colorSelectorWrapper{
height:35px;
}
.colorSelector, .colorSelectorControl {
width: 36px;
height: 36px;
float:left;
}
.colorSelector div, .colorSelectorControl div{
top: 4px;
left: 4px;
width: 28px;
height: 28px;
background: url(<?php
echo get_template_directory_uri();
?>
/includes/colorpicker/images/select2.png) center;
}
.color{
display:none;
margin-left:40px;
}
.bgcontrol > div {
clear:both;
}
.bgcontrol select{
width:100px;
}
.bgcontrol label{
float:left;
width:80px;
}
.gl{
border:3px solid #ddd;
padding:2px;
text-align:center;
margin:2px auto;
}
.gl_active
{
border-color:#bbb;
}
.da{
width:200px;
}
.glcontrol{
border: 2px solid #ddd;
background-color: #eee;
position:absolute;
padding:5px;
}
.glcontrol h5{
margin:0;
}
.subText{
float:left;
margin-right:5px;
width:50px;
}
#settingShow{
display:none;
}
* html .clearfix {
height: 1%; /* IE5-6 */
}
*+html .clearfix {
display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.colorpicker{
z-index:99;
}
.settedfp{
font-weight:bold;
color:red;
}
#rbwrap{width:800px; margin-top:20px;}
#rbheader{height:46px;}
.rbheaderbordertop{height:3px; background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/header-bg1.png');}
.rbheaderborderbottom{height:3px; background-color:#2c2c2c;}
#rbheadermenu{height:40px; background-color:#333;}
#rbmenu{background-color:#2c2c2c; width:170px; float:left;}
#rbheadermenuleft{
float:left;
width:250px;
}
#rbheadermenuright{
text-align:right;
float:right;
width:500px;
}
#rbbody{background-color:#eeeeee;}
#rbcontent{background-color:#eeeeee; width:630px; float:left;}
#rbmenu ul{list-style:none; margin:0;}
#rbmenu ul li{
width:164px;
height:40px;
margin:0 3px;
background-color:#333333;
margin-bottom:3px;
}
#rbmenu ul li a:link,
#rbmenu ul li a:visited{
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
display:block;
height:40px;
font-size:11px;
font-family: 'Open Sans', sans-serif;
font-weight:800;
text-decoration:none;
box-shadow: 1px 1px rgba(255,255,255,.1) inset, -1px -1px rgba(0,0,0,.3) inset;
background: -moz-linear-gradient(top, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.07)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#rbmenu ul li a:hover,
#rbmenu ul li a:active{
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.07) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.07))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.07) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.07) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.07) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.07) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#12ffffff',GradientType=0 ); /* IE6-9 */
}
#rbmenu ul li a:hover span,
#rbmenu ul li a:active span{
background-position:0 -40px;
}
#rbmenu ul li a:hover div,
#rbmenu ul li a:active div{
color:#bbbbbb;
}
#rbmenu .styleoptions span{
background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/icon_picker.png');
background-repeat:repeat-y;
background-position: 0px 0px;
}
#rbmenu .generalsettings span{
background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/icon_generalsettings.png');
background-repeat:repeat-y;
background-position: 0px 0px;
}
#rbmenu .textoptions span{
background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/icon_textoptions.png');
background-repeat:repeat-y;
background-position: 0px 0px;
}
#rbmenu .gallerymanager span{
background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/icon_gallerymanager.png');
background-repeat:repeat-y;
background-position: 0px 0px;
}
#rbmenu .audiomanager span{
background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/icon_audiomanager.png');
background-repeat:repeat-y;
background-position: 0px 0px;
}
#rbmenu .themecheck span{
background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/icon_themecheck.png');
background-repeat:repeat-y;
background-position: 0px 0px;
}
#rbmenu .help span{
background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/icon_help.png');
background-repeat:repeat-y;
background-position: 0px 0px;
}
#rbmenu ul li a div{
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
vertical-align:top;
display:inline-block;
height:40px;
color:#6e6e6e;
line-height:40px;
}
#rbmenu ul li a span{
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
display:inline-block;
width:40px;
height:40px;
}
#rbmenu ul li.selected{
width:167px;
height:40px;
margin:0 0 3px 3px;
background-color:#eeeeee;
}
#rbmenu ul li.selected a:link,
#rbmenu ul li.selected a:visited,
#rbmenu ul li.selected a:hover,
#rbmenu ul li.selected a:active{
cursor:default;
color:6e6e6e;
background:none;
box-shadow:none;
box-shadow: 1px 1px rgba(255,255,255,1) inset;
}
#rbmenu ul li.selected a:link span,
#rbmenu ul li.selected a:visited span,
#rbmenu ul li.selected a:hover span,
#rbmenu ul li.selected a:active span{
background-position:0 0;
}
#rbmenu ul li.selected a:link div,
#rbmenu ul li.selected a:visited div,
#rbmenu ul li.selected a:hover div,
#rbmenu ul li.selected a:active div{
color:#6e6e6e;
}
#rbheadermenuleft a:link,
#rbheadermenuleft a:visited{
display:inline-block;
height:40px;
line-height:40px;
padding:0 15px;
font-size:14px;
font-family: 'Open Sans', sans-serif;
font-weight:800;
color:#ffffff;
background-color:#3d3d3d;
text-decoration:none;
}
#rbheadermenuleft a:hover,
#rbheadermenuleft a:active{
color:#ffffcc;
}
#rbheadermenuright a:link,
#rbheadermenuright a:visited{
text-align:left;
display:inline-block;
height:33px;
line-height:1.2em;
padding:7px 13px 0px 46px;
font-size:10px;
font-family: Tahoma;
color:#ffffff;
background-color:#3d3d3d;
text-decoration:none;
margin-left:1px;
background-position:6px 7px;
background-repeat:no-repeat;
}
#rbheadermenuright a:hover,
#rbheadermenuright a:active{
color:#ffffcc;
}
.statusIcon{
width:15px;
height:15px;
margin:2px auto 0 auto;
}
.statusOK{ background:url("<?php
echo get_template_directory_uri();
?>
/images/list-check.png") no-repeat; }
.statusNOK{ background:url("<?php
echo get_template_directory_uri();
?>
/images/list-cross.png") no-repeat; }
.ErrInfo, .attentionbox, .downloadbox, .ErrMessage{
padding:20px 20px 20px 75px;
border:2px solid #333;
margin:10px;
}
.ErrInfo{
border-color:#0066cc;
color:#0066cc;
background: url('<?php
echo get_template_directory_uri();
?>
/images/box-info.png') 20px center no-repeat;
}
.attentionbox{
border-color:#ffcc00;
color:#ffcc00;
background: url('<?php
echo get_template_directory_uri();
?>
/images/box-attention.png') 20px center no-repeat;
}
.downloadbox{
border-color:#009900;
color:#009900;
background: url('<?php
echo get_template_directory_uri();
?>
/images/box-download.png') 20px center no-repeat;
}
.ErrMessage{
border-color:#ff0000;
color:#ff0000;
background: url('<?php
echo get_template_directory_uri();
?>
/images/box-cross.png') 20px center no-repeat;
}
.statusWait{ display:none; }
/* Gallery Detail*/
#addBg{ width:590px; margin:20px;}
#addBg ul{list-style:none;}
#addBg ul li{
float:left;
margin:0 5px 0 0;
}
#addBg ul li a:link,
#addBg ul li a:visited{
display:block;
padding:6px 12px;
color:#333333;
background-color: #F1F1F1;
background-image:-moz-linear-gradient(center top , #F9F9F9, #dddddd);
font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
text-decoration:none;
border-radius:6px 6px 0px 0px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
#addBg ul li a:hover,
#addBg ul li a:active{
color:#333333;
background-image:-moz-linear-gradient(center top , #dddddd, #F9F9F9);
}
#addBg ul li a.selected:link,
#addBg ul li a.selected:visited,
#addBg ul li a.selected:hover,
#addBg ul li a.selected:active
{
color:#F1F1F1;
background-color: #333333;
background-image: none;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.8);
}
.sliderItem{padding:3px; background-color:#EEEEEE; margin-bottom:3px}
.sliderImageItemImage{}
.sliderImageItem, .sliderImageItem td{cursor:move;}
.sliderImageItem{
background: url('<?php
echo get_template_directory_uri();
?>
/images/lined.png') repeat;
}
.activeMove{
background-color:#FEFFE2;
}
#sliderOptions form input[type="text"], #sliderOptions form select{
width:150px;
}
#sliderOptions form input[type="text"]{
text-align:right;
}
.video{
display:none;
clear:both;
border:1px solid #dddddd;
padding:10px;
margin-bottom:10px;
background-color:#f9f9f9;
border-radius:0 3px 3px 3px;
}
.image{
clear:both;
border:1px solid #dddddd;
padding:10px;
margin-bottom:10px;
background-color:#f9f9f9;
border-radius:0 3px 3px 3px;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,800' rel='stylesheet' type='text/css'>
<div id="messageArea"></div>
<div id="rbwrap">
<div id="rbheader">
<div class="rbheaderbordertop"></div>
<div id="rbheadermenu">
<div id="rbheadermenuleft"><a href="http://themeforest.net/user/RenkliBeyaz/portfolio" target="_blank">RENKLIBEYAZ'S THEMES</a></div>
<div id="rbheadermenuright">
<a href="http://themeforest.net/user/renklibeyaz/follow" target="_blank" style="background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/icon_star.png');">Follow us on<br />Themeforest</a>
<a href="http://renklibeyaz.com/forum/purchisecode.html" target="_blank" style="background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/icon_lock.png');">Forum<br />Register Code</a>
<a href="http://renklibeyaz.com/forum/" target="_blank" style="background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/icon_forum.png');">Support<br />Forum</a>
<a href="http://twitter.com/renklibeyaz" target="_blank" style="background-image:url('<?php
echo get_template_directory_uri();
?>
/includes/adminimages/icon_tw.png');">Follow us on<br />Twitter</a>
</div>
</div>
<div class="rbheaderborderbottom"></div>
</div>
<div id="rbbody">
<div id="rbmenu">
<ul>
<li><a class="generalsettings" href="javascript:void(0);" onclick="getGeneralSettings();"><span></span><div>GENERAL SETTINGS</div></a></li>
<li><a class="styleoptions" href="javascript:void(0);" onclick="getStyleOptions();"><span></span><div>STYLE OPTIONS</div></a></li>
<li><a class="textoptions" href="javascript:void(0);" onclick="getTextOptions();"><span></span><div>TEXT OPTIONS</div></a></li>
<li><a class="gallerymanager" href="javascript:void(0);" onclick="getGalleriesList();"><span></span><div>GALLERY MANAGER</div></a></li>
<li><a class="audiomanager" href="javascript:void(0);" onclick="getAudioManager();"><span></span><div>AUDIO MANAGER</div></a></li>
<li><a class="themecheck" href="javascript:void(0);" id="themeCheckBtn" onclick="themeCheck();"><span></span><div>THEME CHECK</div></a></li>
<li><a class="help" href="javascript:void(0);" id="themeCheckBtn" onclick="themeCheck();"><span></span><div>HELP</div></a></li>
</ul>
</div>
<div id="rbcontent">
<!-- ****************************** CONTENT START ****************************** -->
<!-- **** GENEREL OPTIONS START **** -->
<div id="generaloptions" style="display:none">
<form method="post" action="#" onsubmit="return saveSettings('#generaloptions');">
<table cellpadding="0" style="width:590px; margin:20px;" class="widefat">
<thead>
<tr>
<th>Option</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr class="gs">
<td align="left">
<input type="submit" id="apply" class="button" value="Apply Settings" />
</td>
<td align="right"></td>
</tr>
<tr class="gs">
<td>Video Loop</td>
<td>
<input type="checkbox" name="videoLoop" value="true" id="videoLoop" />
</td>
</tr>
<tr class="gs">
<td>Video Mute</td>
<td>
<input type="checkbox" name="videoMuted" value="true" id="videoMuted" />
</td>
</tr>
<tr class="gs">
<td>Mute the Sound When Bg Vide Plays</td>
<td>
<input type="checkbox" name="muteWhilePlayVideo" value="true" id="muteWhilePlayVideo" />
</td>
</tr>
<tr class="gs">
<td>Normal Fade Animation</td>
<td>
<input type="checkbox" name="bgNormalFade" value="true" id="bgNormalFade" />
</td>
</tr>
<tr class="gs">
<td>Audio AutoPlay</td>
<td>
<input type="checkbox" name="autoPlay" value="true" id="autoPlay" />
</td>
</tr>
<tr class="gs">
<td>Audio Loop</td>
<td>
<input type="checkbox" name="loop" value="true" id="loop" />
</td>
</tr>
<tr class="gs">
<td>Videos doesn't start auto</td>
<td>
<input type="checkbox" name="videoPaused" value="true" id="videoPaused" />
</td>
</tr>
<tr class="gs">
<td>Stretch Background Image and Videos</td>
<td>
<input type="checkbox" name="bgStretch" value="true" id="bgStretch" />
</td>
</tr>
<tr class="gs">
<td>Background Animation Duration</td>
<td>
<input type="text" name="bgAniTime" value="" id="bgAniTime" /> ms
</td>
</tr>
<tr class="gs">
<td>Menu Delay</td>
<td>
<input type="text" name="menuDelay" value="" id="menuDelay" /> ms
</td>
</tr>
<tr class="gs">
<td>Front Page URL</td>
<td>
<input type="text" name="frontPageURL" value="" style="width:300px;"/>
</td>
</tr>
<tr class="gs">
<td>Link Hover Sound Mp3</td>
<td>
<input type="text" name="btnSoundURLMp3" value="" style="width:300px;"/>
</td>
</tr>
<tr class="gs">
<td>Link Hover Sound Ogg</td>
<td>
<input type="text" name="btnSoundURLOgg" value="" style="width:300px;"/>
</td>
</tr>
<tr class="gs">
<td>Copyright Text</td>
<td>
<input type="text" name="copyrighttext" value="" style="width:300px;" />
</td>
</tr>
<tr class="gs">
<td>Google Analytics Code</td>
<td>
<input type="text" name="analyticsCode" value="" style="width:300px;" />
</td>
</tr>
<tr class="gs">
<td align="left">
<input type="submit" id="apply2" class="button" value="Apply Settings" />
</td>
<td align="right"></td>
</tr>
</tbody>
</table>
</form>
</div>
<!-- **** GENEREL OPTIONS END **** -->
<!-- **** STYLE OPTIONS START **** -->
<div id="styleoptions" style="display:none">
<form method="post" action="#" onsubmit="return saveSettings('#styleoptions')">
<table cellpadding="0" style="width:590px; margin:20px;" class="widefat">
<thead>
<tr>
<th>Option</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr class="gs">
<td align="left">
<input type="submit" id="apply" class="button" value="Apply Settings" />
</td>
<td align="right"></td>
</tr>
<tr class="gs">
<td>Theme Style</td>
<td>
<select name="theme_style" style="width:100px;">
<option value="light">Light</option>
<option value="dark">Dark</option>
</select>
</td>
</tr>
<tr class="gs">
<td>First Color</td>
<td>
<div class="colorSelector"><div style="background-color:"></div>
<input type="text" class="color" name="colorFirst" value="" />
</div>
</td>
</tr>
<tr class="gs">
<td>Second Color</td>
<td>
<div class="colorSelector"><div style="background-color:"></div>
<input type="text" class="color" name="colorSecond" value="" />
</div>
</td>
</tr>
<tr class="gs">
<td>Background Color</td>
<td>
<div class="colorSelector"><div style="background-color:"></div>
<input type="text" class="color" name="colorBackground" value="" />
</div>
</td>
</tr>
<tr class="gs">
<td>Line Color</td>
<td>
<div class="colorSelector"><div style="background-color:"></div>
<input type="text" class="color" name="colorLine" value="" />
</div>
</td>
</tr>
<tr class="gs">
<td>Button Color</td>
<td>
<div class="colorSelector"><div style="background-color:"></div>
<input type="text" class="color" name="colorPasifButtonBg" value="" />
</div>
</td>
</tr>
<tr class="gs">
<td>Background Animation Pause</td>
<td>
<input type="checkbox" name="bgPaused" value="true" id="bgPaused" />
</td>
</tr>
<tr class="gs">
<td>Background Items Loop</td>
<td>
<input type="checkbox" name="loopBg" value="true" id="loopBg" />
</td>
</tr>
<tr class="gs">
<td>Draw Actions</td>
<td>
<input type="checkbox" name="drawActions" value="true" id="drawActions" />
</td>
</tr>
<tr class="gs">
<td>Audio Controller</td>
<td>
<input type="checkbox" name="audioController" value="block" id="audioController" />
</td>
</tr>
<tr class="gs">
<td>Background Controller</td>
<td>
<input type="checkbox" name="bgController" value="block" id="bgController" />
</td>
</tr>
<tr class="gs">
<td>Share Icons</td>
<td>
<input type="checkbox" name="shareIcons" value="block" id="shareIcons" />
</td>
</tr>
<tr class="gs">
<td>Thumbnail Sidebar</td>
<td>
<input type="checkbox" name="thController" value="block" id="thController" />
</td>
</tr>
<tr class="gs">
<td>Background Pattern</td>
<td>
<input type="checkbox" name="bgPattern" value="block" id="bgPattern" />
</td>
</tr>
<tr class="gs">
<td>Logo URL</td>
<td>
<div class="url">
<input type="text" name="logo_url" value="" style="width:300px;"/>
<a href="javascript:void(0);" onclick="getUrlFromFile(this)">Get URL</a>
</div>
</td>
</tr>
<tr class="gs">
<td>Loading Logo URL</td>
<td>
<div class="url">
<input type="text" name="loading_logo_url" value="" style="width:300px;"/>
<a href="javascript:void(0);" onclick="getUrlFromFile(this)">Get URL</a>
</div>
</td>
</tr>
<tr class="gs">
<td>Favicon URL (Only .ico file )</td>
<td>
<div class="url">
<input type="text" name="favicon" value="" style="width:300px;"/>
<a href="javascript:void(0);" onclick="getUrlFromFile(this)">Get URL</a>
</div>
</td>
</tr>
<tr class="gs">
<td align="left">
<input type="submit" id="apply2" class="button" value="Apply Settings" />
</td>
<td align="right"></td>
</tr>
</tbody>
</table>
</form>
</div>
<!-- **** STYLE OPTIONS END **** -->
<!-- **** TEXT OPTIONS START **** -->
<div id="textoptions" style="display:none">
<form method="post" action="#" onsubmit="return saveSettings('#textoptions')">
<table cellpadding="0" style="width:590px; margin:20px;" class="widefat">
<thead>
<tr>
<th>Option</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr class="gs">
<td align="left">
<input type="submit" id="apply" class="button" value="Apply Settings" />
</td>
<td align="right"></td>
</tr>
<tr class="gs">
<td>Text Color</td>
<td>
<div class="colorSelector"><div style="background-color:"></div>
<input type="text" class="color" name="colorText" value="" />
</div>
</td>
</tr>
<tr class="gs">
<td>Header Font</td>
<td>
<select name="headerFont" style="width:200px;">
<option value="">Default</option>
<?php
for ($i = 0; $i < sizeof($fonts->items); $i++) {
?>
<option value="<?php
echo $fonts->items[$i]->family;
?>
" ><?php
echo $fonts->items[$i]->family;
?>
</option>
<?php
}
?>
</select>
<select name="headerFontVariant" style="width:100px;">
</select>
</td>
</tr>
<tr class="gs">
<td>Content Font</td>
<td>
<select name="contentFont" style="width:200px;">
<option value="">Default</option>
<?php
for ($i = 0; $i < sizeof($fonts->items); $i++) {
?>
<option value="<?php
echo $fonts->items[$i]->family;
?>
" ><?php
echo $fonts->items[$i]->family;
?>
</option>
<?php
}
?>
</select>
<select name="contentFontVariant" style="width:100px;" >
</select>
</td>
</tr>
<tr class="gs">
<td>Content Font Size</td>
<td>
<input type="text" name="contentFontSize" style="width:50px;" value="" /> px
</td>
</tr>
<tr class="gs">
<td>H1 Font Size </td>
<td>
<input type="text" name="h1FontSize" style="width:50px;" value="" /> px
</td>
</tr>
<tr class="gs">
<td>H2 Font Size </td>
<td>
<input type="text" name="h2FontSize" style="width:50px;" value="" /> px
</td>
</tr>
<tr class="gs">
<td>H3 Font Size </td>
<td>
<input type="text" name="h3FontSize" style="width:50px;" value="" /> px
</td>
</tr>
<tr class="gs">
<td>H4 Font Size </td>
<td>
<input type="text" name="h4FontSize" style="width:50px;" value="" /> px
</td>
</tr>
<tr class="gs">
<td>H5 Font Size </td>
<td>
<input type="text" name="h5FontSize" style="width:50px;" value="" /> px
</td>
</tr>
<tr class="gs">
<td>H6 Font Size </td>
<td>
<input type="text" name="h6FontSize" style="width:50px;" value="" /> px
</td>
</tr>
<tr class="gs">
<td align="left">
<input type="submit" id="apply2" class="button" value="Apply Settings" />
</td>
<td align="right"></td>
</tr>
</tbody>
</table>
</form>
</div>
<!-- **** TEXT OPTIONS END **** -->
<!-- **** AUDIO MANAGER START **** -->
<div id="audiomanager" style="display:none">
<form method="post" action="#" onsubmit="return saveAudio();">
<table cellpadding="0" style="width:590px; margin:20px;" class="widefat">
<thead>
<tr>
<th colspan="2">AUDIO LIST</th>
</tr>
</thead>
<tbody id="audiomanagerbody">
</tbody>
<tfoot>
<tr>
<td>
<input type="submit" name="saveAudioBtn" id="saveAudioBtn" class="button" value="Save Audio List" />
</td>
<td align="right">
<input class="button" type="button" name="addAudioButton" id="addAudioButton" value="Add Audio"/>
</td>
</tr>
</tfoot>
</table>
</form>
</div>
<!-- **** AUDIO MANAGER END **** -->
<!-- **** GALLERIES LIST START **** -->
<div id="gallerieslist" style="display:none">
<table cellpadding="0" style="width:590px; margin:20px;" class="widefat">
<thead>
<tr>
<th colspan="3">GALLERIES</th>
</tr>
<tr>
<th width="50">ID</th>
<th >NAME</th>
<th width="280">ACTIONS</th>
</tr>
</thead>
<tbody id="gallerieslistbody">
</tbody>
<tfoot>
<tr>
<td colspan="2">
<input type="button" name="addGallery" id="addGallery" class="button" value="Add a New Gallery" />
</td>
</tr>
</tfoot>
</table>
</div>
<!-- **** GALLERIES LIST END **** -->
<!-- **** GALLERY DETAIL START **** -->
<div id="gallerydetail" style="display:none">
<div id="addBg">
<ul>
<li><a rel="image" class="selected" href="javascript:void(0);" >Image</a></li>
<li><a rel="video" href="javascript:void(0);" >Video</a></li>
</ul>
<div class="image">
<div id="fileUploadWrapGalleryDetail"></div>
<div style="clear:both; margin-top:10px;"></div>
<script>
if($.browser.msie || $.browser.webkit)
document.write('This browser may not support Multi Upload module. Please try another browser like Firefox etc.');
</script>
</div>
<div class="video">
<form>
<select name="type" style="float:left; width:200px">
<option value="youtube">Youtube</option>
<option value="vimeo">Vimeo</option>
<option value="selfhosted">Self Hosted Video</option>
<option value="flash">Flash SWF File</option>
</select>
<div class="videotype videoid" style="float:left; margin-left:10px">
<label style="width:100px">Video ID</label>
<input type="text" name="id" value="" style="width:100px" />
</div>
<div class="videotype videourl" style="display:none">
<label>Video URL</label>
<input type="text" name="url" value="" />
</div>
<div class="videotype videocode" style="display:none; clear:both; padding:10px 0;">
<label style="vertical-align: top; padding-right:150px;">Iframe Code</label>
<textarea name="iframecode" style="width:400px;"></textarea>
</div>
<div class="videotype videowh" style="clear:both; padding:10px 0;">
<label>Width</label>
<input type="text" name="width" value="" style="width:50px; margin-left:15px" />
<label>Height</label>
<input type="text" name="height" value="" style="width:50px"/>
</div>
<input type="button" name="addVideo" id="addVideo" class="button" value="Add Video" />
</form>
</div>
</div>
<div id="sliderImages">
<form id="sliderImageForm">
<table id="sliderImageItems" class="widefat" cellspacing="0" style="width:590px; margin:20px;">
<thead>
<tr>
<td colspan="2"><input type="button" name="backtoGallery" id="backtoGallery" class="button" onclick="getGalleriesList();" value="Back to Gallery List" style="float:right" /></td>
<tr>
<tr>
<th colspan="2">[ID:<span id="gallerydetailid"></span>] <span id="gallerydetailname"></span> Gallery</th>
</tr>
<tr>
<th>Image</th>
<th>Informations</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="2">
<input type="submit" name="submit" class="button" value="Save Changes" />
</td>
</tr>
</tfoot>
<tbody>
</tbody>
</table>
</form>
</div>
</div>
<!-- **** GALLERY DETAIL END **** -->
<!-- **** THEME CHECK START **** -->
<div id="checktheme" style="display:none">
</div>
<!-- **** THEME CHECK END **** -->
<!-- ****************************** CONTENT END ****************************** -->
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<!-- New Theme END -->
<div id="imageManager" class="trueWrapper" style="width:340px;">
<h3 class="trueHeader" style="margin:0">Image Manager</h3>
<div id="imageBody" style="padding:20px;">
<div id="uploadControl" style="margin-bottom:10px;">
<div id="uploader"></div>
<div style="clear:both; margin-top:10px;"></div>
<script>
if($.browser.msie || $.browser.webkit)
document.write('This browser may not support Multi Upload module. Please try another browser like Firefox etc.');
</script>
</div>
<div style="overflow:auto; height:250px;">
<table id="imageList" cellpadding="0" width="325" style="width:300px;" class="widefat">
<thead>
<tr>
<th width="75px">Image</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<?php
?>
</tbody>
</table>
</div>
</div>
</div>
<?php
}
function get_audio_list()
{
$audioList = get_option("audioList");
$listHTML = '';
if (!empty($audioList)) {
$audioJSON = json_decode($audioList);
for ($i = 0; $i < sizeof($audioJSON); $i++) {
$listHTML .= createAudioItem(htmlentities(stripslashes($audioJSON[$i]->name), ENT_QUOTES, "UTF-8"), htmlentities(stripslashes($audioJSON[$i]->mp3), ENT_QUOTES, "UTF-8"), htmlentities(stripslashes($audioJSON[$i]->ogg), ENT_QUOTES, "UTF-8"));
}
}
echo $listHTML;
die;
}
