jQuery(function() {
jQuery.support.placeholder = false;
test = document.createElement('input');
if('placeholder' in test) jQuery.support.placeholder = true;
});
$(function() {
if(!$.support.placeholder) {
var active = document.activeElement;
$(':text, textarea').focus(function () {
if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
$(this).val('').removeClass('hasPlaceholder');
}
}).blur(function () {
if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
$(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
}
});
$(':text, textarea').blur();
$(active).focus();
$('form').submit(function () {
$(this).find('.hasPlaceholder').each(function() { $(this).val(''); });
});
}
});
function setFormStatus(status) {
$('#video-form-status').removeClass();
$('#video-form-status').addClass('status-' + status);
}
function setFormStatus2(status, statustext) {
$('#video-form-status2').removeClass();
$('#video-form-status2').addClass('status-' + status);
$('#video-form-status2').html('' + statustext + '');
}
function setIcoActive(ico) {
$('.u-vicons li').removeClass('v-ico-active');
$('.u-vicons li.v-ico-' + ico).addClass('v-ico-active');
}
function setButtonStatus(status) {
if (status == 'active') {
$('#add-video-btn').removeClass('inactive');
}
else {
$('#add-video-btn').addClass('inactive');
}
}
function setLoadBtnStatus(status) {
if (status == 'active') {
$('#yt-loadfile-wrapper').removeClass('inactive');
}
else {
$('#yt-loadfile-wrapper').addClass('inactive');
}
}
function videoLoadStep(step) {
if (step == 'next') {
$('ul.video-load').animate({marginLeft: '-=' + 100 + '%'}, 400, function(){$('.first-step').css('height', '0');});
}
else {
$('ul.video-load').animate({marginLeft: '+=' + 100 + '%'}, 400, function(){$('.first-step').css('height', 'auto');});
}
setFormStatus2('none', '');
return false;
}
$(document).ready(function() {
if (!(document.compatMode == 'BackCompat')) {
$('.u-input.ui-size2').parent().addClass('size2-parent');
}
/*----u-tabs----*/
$('li.u-tab:eq(1)').after('
');
$('li.fake-tab').css("display", 'block');
$('li.u-tab a').click(function() {
if (!$(this).hasClass('utab-active')) {
if (!$(this).hasClass('fake-tab-a')) {
$('li.u-tab a').removeClass('utab-active');
$(this).addClass('utab-active');
if ($(this).attr('href') == '#utab2') {$('.fake-tab-a').addClass('utab-active');}
$('li.u-tabcont').hide();
$('li.u-tabcont' + $(this).attr('href')).fadeIn('fast');
if($(this).attr('href') == '#utab3'){$('ul.hidden-el').css('display','none');setButtonStatus('inactive');}
}
}
return false;
});
/*--------------*/
/*---add/edit-from--*/
if ($('.u-addform').hasClass('u-editform')) {
$('li.u-tab:eq(1) a').click();
$('.hidden-el').slideDown('fast');
setButtonStatus('active');
}
else {
$('li.u-tab:eq(0) a').click();
/*$('.vi-form-content').width($('.u-tabs-ul li').width() * 3);
$(window).resize(function(){
$('.vi-form-content').width($('.u-tabs-ul li').width() * 3);
});*/
}
/*------------------*/
$('.ui-add-link').click(function() {
if ($(this).hasClass('ui-add-closed')) {
$('.ui-add').slideDown();
$(this).removeClass('ui-add-closed');
}
else {
$('.ui-add').slideUp();
$(this).addClass('ui-add-closed');
}
return false;
});
$('.ui-langs a').click(function() {
if(!$(this).hasClass('selected')) {
$('.ui-langs a').removeClass('selected');
//var l_code = /\w{2,3}$/.exec($(this).attr('class'));
$(this).addClass('selected');
$('#f_language').val($(this).attr('title'));
$('#f_language_code').val($(this).attr('lng'));
}
return false;
});
$('#langs-more').change(function() {
//$('#f_language').parent('li').fadeToggle();
if($('#f_language').parent('li').css('display') == 'block'){
$('#f_language').parent('li').css('display','none');
}else{
$('#f_language').parent('li').css('display','block');
}
/*if($(this).selected) {
$('.ui-langs a').removeClass('selected');
}*/
});
$('#f_language').bind('change',function(){
if(this.value!=$('li > a.selected').attr('title')){
$('li > a.selected').removeClass('selected');
$('#f_language_code').val('');
}});
/*$('#up_file').bind('change',function() {
var file = $(this).val();
file = file.replace(/.*[\\/]/,'');
var reWin = /.*\\(.*)/;
var fileTitle = file.replace(reWin, "$1");
var reUnix = /.*\/(.*)/;
fileTitle = fileTitle.replace(reUnix, "$1");alert(fileTitle);
//$(this).next().next('span.ui-filename').html(fileTitle);
$('span.ui-filename').html(file);
});*/
});
// --- Images
var image_list={
ajaxloadingmsg: '',
defaultbuttonsfade:0.3, // fade degree for disabled nav buttons (0=completely transparent, 1=completely opaque)
configholder: {},
getCSSValue:function(val){ //Returns either 0 (if val contains 'auto') or val as an integer
return (val=="auto")? 0 : parseInt(val)
},
getoffset:function(what, offsettype){
return (what.offsetParent)? what[offsettype]+this.getoffset(what.offsetParent, offsettype) : what[offsettype]
},
fadebuttons:function(config, currentpanel){
config.$leftnavbutton.fadeTo('fast', currentpanel==0? this.defaultbuttonsfade : 1)
config.$rightnavbutton.fadeTo('fast', currentpanel==config.lastvisiblepanel? this.defaultbuttonsfade : 1)
},
addnavbuttons:function(config, currentpanel){
$('#image-lnav').remove();
$('#image-rnav').remove();
config.$leftnavbutton=$('').css({zIndex:1, position:'absolute', left:/* config.offsets.left+ */config.defaultbuttons.leftnav[1]+'px', top:/* config.offsets.top+ */config.defaultbuttons.leftnav[2]+'px', cursor:'hand', cursor:'pointer'}).appendTo('#image-list-cont')
config.$rightnavbutton=$('').css({zIndex:1, position:'absolute', right:/* left:config.offsets.left+config.$gallery.get(0).offsetWidth+ */config.defaultbuttons.rightnav[1]+'px', top:/* config.offsets.top+ */config.defaultbuttons.rightnav[2]+'px', cursor:'hand', cursor:'pointer'}).appendTo('#image-list-cont')
config.$leftnavbutton.bind('click', function(){ //assign nav button event handlers
image_list.stepBy(config.galleryid, -config.defaultbuttons.moveby)
})
config.$rightnavbutton.bind('click', function(){ //assign nav button event handlers
image_list.stepBy(config.galleryid, config.defaultbuttons.moveby)
})
if (config.panelbehavior.wraparound==false){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
this.fadebuttons(config, currentpanel)
}
return config.$leftnavbutton.add(config.$rightnavbutton)
},
alignpanels:function(config){
var paneloffset=0
config.paneloffsets=[paneloffset] //array to store upper left offset of each panel (1st element=0)
config.panelwidths=[] //array to store widths of each panel
config.$panels.each(function(index){ //loop through panels
var $currentpanel=$(this)
$currentpanel.css({float: 'none', position: 'absolute', left: paneloffset+'px'}) //position panel
$currentpanel.bind('click', function(e){return config.onpanelclick(e.target)}) //bind onpanelclick() to onclick event
paneloffset+=image_list.getCSSValue($currentpanel.css('marginRight')) + parseInt($currentpanel.get(0).offsetWidth || $currentpanel.css('width')) //calculate next panel offset
config.paneloffsets.push(paneloffset) //remember this offset
config.panelwidths.push(paneloffset-config.paneloffsets[config.paneloffsets.length-2]) //remember panel width
})
config.paneloffsets.pop() //delete last offset (redundant)
var addpanelwidths=0
var lastpanelindex=config.$panels.length-1
config.lastvisiblepanel=lastpanelindex
for (var i=config.$panels.length-1; i>=0; i--){
addpanelwidths+=(i==lastpanelindex? config.panelwidths[lastpanelindex] : config.paneloffsets[i+1]-config.paneloffsets[i])
if (config.gallerywidth>addpanelwidths){
config.lastvisiblepanel=i //calculate index of panel that when in 1st position reveals the very last panel all at once based on gallery width
}
}
//alert(paneloffset+' - '+config.currentpanel);
config.$belt.css({width: paneloffset+'px'}) //Set Belt DIV to total panels' widths
config.currentpanel=(typeof config.currentpanel=="number" && config.currentpanel
config.offsets={left:image_list.getoffset(config.$gallery.get(0), "offsetLeft"), top:image_list.getoffset(config.$gallery.get(0), "offsetTop")}
config.$leftnavbutton.css({left:/* config.offsets.left+ */config.defaultbuttons.leftnav[1]+'px', top:/* config.offsets.top+ */config.defaultbuttons.leftnav[2]+'px'})
config.$rightnavbutton.css({right:/* left:config.offsets.left+config.$gallery.get(0).offsetWidth+ */config.defaultbuttons.rightnav[1]+'px', top:/* config.offsets.top+ */config.defaultbuttons.rightnav[2]+'px'})
})
}
this.statusreport(config.galleryid)
config.oninit()
config.onslideaction(this)
},
stepTo:function(galleryid, pindex){ /*User entered pindex starts at 1 for intuitiveness. Internally pindex still starts at 0 */
var config=image_list.configholder[galleryid]
if (typeof config=="undefined"){
alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
return
}
var pindex=Math.min(pindex-1, config.paneloffsets.length-1)
var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)
if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
this.fadebuttons(config, pindex)
}
config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
config.currentpanel=pindex
this.statusreport(galleryid)
},
stepBy:function(galleryid, steps){ //isauto if defined indicates stepBy() is being called automatically
var config=image_list.configholder[galleryid]
if (typeof config=="undefined"){
alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")
return
}
//alert(config.currentpanel);
var direction=(steps>0)? 'forward' : 'back' //If "steps" is negative, that means backwards
var pindex=config.currentpanel+steps //index of panel to stop at
if (config.panelbehavior.wraparound==false){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)
pindex=(direction=="back" && pindex<=0)? 0 : (direction=="forward")? Math.min(pindex, config.lastvisiblepanel) : pindex
if (config.defaultbuttons.enable==true){ //if default nav buttons are enabled, fade them in and out depending on if at start or end of carousel
image_list.fadebuttons(config, pindex)
}
}
else{ //else, for normal stepBy behavior
if (pindex>config.lastvisiblepanel && direction=="forward"){
//if destination pindex is greater than last visible panel, yet we're currently not at the end of the carousel yet
pindex=(config.currentpanel0)? 0 : config.lastvisiblepanel /*wrap around left*/
}
}
var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset) //left distance for Belt DIV to travel to
if (pindex==0 && direction=='forward' || config.currentpanel==0 && direction=='back' && config.panelbehavior.wraparound==true){ //decide whether to apply "push pull" effect
config.$belt.animate({left: -config.paneloffsets[config.currentpanel]-(direction=='forward'? 100 : -30)+'px'}, 'normal', function(){
config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
})
}
else
config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})
config.currentpanel=pindex
this.statusreport(galleryid)
},
statusreport:function(galleryid){
var config=image_list.configholder[galleryid]
var startpoint=config.currentpanel //index of first visible panel
var visiblewidth=0
for (var endpoint=startpoint; endpointconfig.gallerywidth){
break
}
}
startpoint+=1 //format startpoint for user friendiness
endpoint=(endpoint+1==startpoint)? startpoint : endpoint //If only one image visible on the screen and partially hidden, set endpoint to startpoint
var valuearray=[startpoint, endpoint, config.panelwidths.length]
for (var i=0; i\n#'+config.galleryid+'{overflow: hidden;}\n')
jQuery(document).ready(function($){
config.$gallery=$('#'+config.galleryid)
config.gallerywidth=config.$gallery.width()
config.offsets={left:image_list.getoffset(config.$gallery.get(0), "offsetLeft"), top:image_list.getoffset(config.$gallery.get(0), "offsetTop")}
config.$belt=config.$gallery.find('.'+config.beltclass) //Find Belt DIV that contains all the panels
config.$panels=config.$gallery.find('.'+config.panelclass) //Find Panel DIVs that each contain a slide
config.panelbehavior.wraparound=config.panelbehavior.wraparound //if auto step enabled, set "wraparound" to true
config.onpanelclick=(typeof config.onpanelclick=="undefined")? function(target){} : config.onpanelclick //attach custom "onpanelclick" event handler
config.onslideaction=(typeof config.onslide=="undefined")? function(){} : function(beltobj){$(beltobj).stop(); config.onslide()} //attach custom "onslide" event handler
config.oninit=(typeof config.oninit=="undefined")? function(){} : config.oninit //attach custom "oninit" event handler
config.beltoffset=image_list.getCSSValue(config.$belt.css('marginLeft')) //Find length of Belt DIV's left margin
config.statusvars=config.statusvars || [] //get variable names that will hold "start", "end", and "total" slides info
config.$statusobjs=[$('#'+config.statusvars[0]), $('#'+config.statusvars[1]), $('#'+config.statusvars[2])]
config.currentpanel=0
image_list.configholder[config.galleryid]=config //store config parameter as a variable
image_list.alignpanels(config) //align panels and initialize gallery
}) //end document.ready
jQuery(window).bind('unload', function(){ //clean up
jQuery.each(config, function(ai, oi){
oi=null
})
config=null
})
}
}