// --> Box schließen. Wie findet Close raus wen es schließen muss? IMMER .callerObj.callerObj?
// Was ist das callerObj wenn es ein External ist? Muss das Ziel irgendwie zurückgeben ...
this.jE.prepend('
');
// Hier allgemein mit Tpls arbeiten, zB für iconBar, und sauber multiple/nicht multiple trennen
// das mit dem counter und category usw, besser irgendwie in Funktionen packen?
if (this.getParams()['notMultiple']) {
var jSubs = this.jE.find('> ul > li > div');
this.initializeElements(jSubs);
for (var iI in this.oChildren) {
var oChild = this.oChildren[iI];
var jLink = oChild.jE.prev('a').length ? oChild.jE.prev('a') : oChild.jE.prev().find('a');
var tmpFunc = function() {
var jTmp = jLink;
var oTmp = oChild;
jTmp.data('obj_show', oTmp);
//CHANGE mouseover statt click
//TODO wenn mouseover wo kein untermenü -> evtl. untermenüs ausblenden
/*
jTmp.mouseover(function() {
//alert(jTmp.text() +'--'+ jQuery(this).text());
//alert(oTmp.jE.html());
that.sendMessage('show', oTmp);
return false;
});
*/
}.call();
}
this.jE.find('> ul > li > a').mouseover(function() {
//alert(jTmp.text() +'--'+ jQuery(this).text());
//alert(jQuery(this).data('obj_show').jE.html());
that.sendMessage('show', jQuery(this).data('obj_show'));
return false;
});
}
else {
// root selectBox keeps li > a (or li > hX > a, ...), this one uses a template -> labels and checkboxes!
var oTpl = this.getTpl('ListItem');
var iUnd = 0;
//TODO just insert checkboxes and defButton if jsp_multiple? Else, just direct links ...
this.jE.find('> ul > li').each(function() {
//TODO here there's no h1, h2 or else in the li ... but what if? find('a:first')?
// If link was found, insert every part of the query, e.g. query_category
var oParams = that.makeTplParams(jQuery(this).children('a'), 'listitem');
var iParam = undefined;
if (oParams['listitem[href]']) iParam = oParams['listitem[href]'].parseQuery()['categories'];
//TODO function putData, getData? Check if jQuery Obj -> get DOM Obj, check for i > parseInt, f > parseFloat, ...?
//jQuery.data(this, 'iCategory', ((iParam === undefined) ? -1 : iParam));
oParams['category'] = (iParam === undefined) ? -1 : iParam;
oParams['counter'] = ++iUnd;
jQuery(this).html(oTpl, oParams);
jQuery(this).children('label').click(function() {
//alert(jQuery.data(this, 'iCategory'));
//alert(jQuery(this).prev('input[type=checkbox]').val());
document.location.href = 'index.php?categories=' + jQuery(this).prev('input[type=checkbox]').val();
return false;
});
});
}
// jso_Button.click -> document.location.href = xy.php?category=' + aSelected.join(',')
// function for this tpl with input checkbox and labels ... use a .submit() function?
// can be overloaded by other objects if the tpl is different
this.initializeElements(this.jE.children('div.jso_IconBar')); // Sonst steht defButton evtl. auf [1],
this.initializeElements(this.jE.children('a.jso_defButton')); // weil es im HTML weiter hinten kommt ...
//alert(this.oChildren[1].defButton);
// Nur wenn der defButton auch drin is - und der sollte eh nur bei nicht multiple drin sein!
if (this.oChildren[0] && this.oChildren[0].defButton) {
var jCheckboxes = that.jE.find('> ul > li > input[type=checkbox]');
this.oChildren[0].jE.click(function() {
var aCats = new Array();
jCheckboxes.filter(':checked').each(function() {
aCats.push(jQuery(this).val());
});
document.location.href = 'index.php?categories=' + aCats.join(',');
return false;
});
}
// See super.selectBox why the .call! Super constructor is called after all the stuff above
// because it calls this.initBox and changes the HTML with that!
superClass.selectBox.call(this);
}
/* SHOW BOX - old
//jQuery('div.menu_main ul li div.jso_selectBox').fadeOut();
//jQuery(this).parent('h1, h2').next('div.jso_selectBox').fadeIn();
var jO = jQuery('div#menu_main ul li div.jso_selectBox:visible');
var jB = jQuery(this).parent('h1, h2').next('div.jso_selectBox');
var iW = jB.show().children('div.jsc_Box-Inner').width();
jB.css({ 'z-index': 22 }).children('div.jsc_Box-Inner').css({ 'width': 0, 'background-color': '#e5e5e5' }).animate({ 'width': iW + 'px', 'backgroundColor': '#ffffff' }, 400, function() {
//jB.css({ 'z-index': 22, 'overflow': 'hidden' }).children('div.jsc_Box-Inner').css({ 'margin-left': (-1 * iW) + 'px', 'background-color': '#e5e5e5' }).animate({ 'marginLeft': 0, 'backgroundColor': '#ffffff' }, 400, function() {
jB.css({ 'z-index': 21 });
});
//jB.css({ 'z-index': 22, 'width': 0 }).
//jB.children('div.jsc_Box-Inner').css({ 'background-color': '#e5e5e5' }).animate({ 'width': iW + 'px', 'backgroundColor': '#ffffff' }, 400, function() {
// jB.css({ 'z-index': 21 });
//});
jO.css('z-index', 20).fadeOut(650);
*/
}
window.jso['/menuBox/selectBox/selectBox'] = function(superClass) {
this.selectBox = function() {
superClass.selectBox.call(this);
var sLeft = this.callerObj().jE.show().css('left');
var iLeft = parseInt(sLeft.substr(0, sLeft.length - 2));
var sLeft = this.jE.show().css('left');
iLeft = iLeft + parseInt(sLeft.substr(0, sLeft.length - 2));
var that = this;
this.callerObj().jE.hide();
this.jE.hide();
this.jE.css('left', (iLeft) + 'px');
this.callerObj().parentReady(function() {
that.jE.insertAfter(that.callerObj().jE);
});
}
}
window.jso['/navMenu'] = function() {
var that = this;
var oP = undefined;
this.setActive = function(sMsg, iLink) {
that.jE.find('a').removeClass('active').filter(':eq('+(iLink - 1)+')').addClass('active');
}
this.navMenu = function() {
this.initNavMenu();
}
this.setAdditionalElem = function(jElem, bBefore) {
// We need the "this" context from the caller, and we need it in the click-context below
// where "this" is the link context ...
var that = this;
this.parentReady(function() {
if (bBefore) jElem.parent().prependTo(that.jE);
else jElem.parent().appendTo(that.jE);
});
jElem.click(function() {
this.blur();
that.onAdditionalGoto(oP, this);
return false;
});
}
//TODO getNavElement sollte jElem nur zurückgeben, nicht schon an that.jE angehängt haben!
this.getNavElement = function(iI, iMax, oC) {
var jElem = jQuery(document.createElement('a')).appendTo(jQuery(document.createElement('li')).appendTo(that.jE)).attr('href', '#').html(oC.aSlides[iI]);
return jElem;
}
this.onGoto = function(oP, oLink) {
oP.gotoSlide(jQuery.data(oLink, 'page'));
}
this.initNavMenu = function() {
// Yeah, because we want the "real" this, i.e. the this from the caller object!
// And we need this within parentReady and click --> so should be another var than this!
var that = this;
//TODO callerObj!
oP = this.parentObj();
oP.registerMessage('show', this.setActive);
this.parentReady(function() {
var oC = oP.getContainer();
var iMax = oP.getPageCount();
for (var iI = 1; iI <= iMax; iI++) {
// Yeah baby ...
//.click(function() {
jQuery.data(that.getNavElement(iI, iMax, oC).click(function() {
this.blur();
that.onGoto(oP, this);
return false;
}).get(0), 'page', iI);
}
});
}
}
window.jso['_subtabBox'] = '/Box,/Slides';
window.jso['/subtabBox'] = function() {
var that = this;
this.subtabBox = function() {
//window.startTimer('subtabBox');
var sContext = '';
if (this.getParams()['inContext'] && this.jE.attr('title').length) {
sContext = this.jE.attr('title');
}
// Kompletten Inhalt in Template - Inhalte als jsd_ einbauen
// parseJSDs erweitern, sodass jso_* erhalten bleibt (hier: jso_PageContainer)
this.parseJSDs(this.getTplPath(sContext));
// Container soll faden!
this.jE.addClass('jsc_subtabBox').children('.jso_slideContainer').addClass('jsp_fade').addClass('jsp_varHeight');
// Slides bzw. Container sagen, dass die Höhe nich gesetzt werden soll ... jsp_varHeight bei slideContainer?
// -> Slides in Pages umbauen, checken dass überall callerObj anstatt parentObj verwendet wird!
// this.initializeChildren() (müsste jso_navMenu und jso_PageContainer sein)
// -> jso_PageTitle muss sich verstecken!
this.initializeChildren();
// PluginIcons in den Header, fügen allen Firmen jeweils ein Icon hinzu.
// -> evtl. "intelligent" bauen, dass die eine Liste finden und das hinzufügen?
// -> addExternal('IconBar') auf alle Firmen
// Generate box without shadows!
var oParams = new Object();
oParams['noShadow'] = true;
//oParams['leftShadow'] = true;
// Some subtabBoxes could be empty, so check ...
if (this.getContainer()) this.initSlides();
this.initBox(oParams);
//window.endTimer('subtabBox');
}
return this;
}
window.jso['/subtabBox/navMenu'] = '/Box/subtabBox';
window.jso['/Box/subtabBox/navMenu'] = function() {
var that = this;
//TODO subtabBox, verttabBox: bei initialisierung wie bei Slides goto(1) auslösen? Damit hier nich "manuell" active gesetzt werden muss!
this.getNavElement = function(iI, iMax, oC) {
var jElem = jQuery(document.createElement('a')).appendTo(jQuery(document.createElement('li')).appendTo(this.jE)).attr('href', '#').html(oC.aSlides[iI]);
if (iI == 1) jElem.addClass('active').before('
');
if (iI == iMax) jElem.after('
');
return jElem;
}
this.onGoto = function(oP, oLink) {
oP.gotoSlide(jQuery(oLink).hasClass('active') ? 1 : jQuery.data(oLink, 'page'));
}
this.navMenu = function() {
var sP = this.sPath;
var sO = this.sObjPath;
this.initNavMenu();
}
}
window.jso['_verttabBox'] = '/Slides';
window.jso['/Slides/slideContainer/Slide/verttabBox'] = '_';
window.jso['/verttabBox'] = function() {
var that = this;
this.getMinHeight = function() {
// only .show if hidden, only hide if hidden before
// .ready in SlideContainer
var bHidden = that.jE.parent(':hidden').length;
if (bHidden) that.jE.parent().show();
var iH = that.jE.children('.jso_navMenu ').height();
if (bHidden) that.jE.parent().hide();
return iH;
}
this.verttabBox = function() {
this.jE.addClass('jsc_verttabBox').children('.jso_slideContainer').addClass('jsp_fade jsp_varHeight');
// Still parse JSDs to get navMenu "online"
this.parseJSDs(this.getTplPath());
this.initializeChildren();
if (this.getContainer()) this.initSlides();
//TODO Breite slideContainer / navMenu anpassen --> width(), dann immer 110px menü oder 25% in px + 1px umrechnen?
}
/*
var addVerticalTabs = function() {
jQuery('div.box_tab_vert div.img_bottom a.tab').each(function() {
jQuery(this).attr('href', '#');
}).unbind('click').click(function() {
var oThis = this;
if (!jQuery(oThis).hasClass('tab_active')) {
jQuery(this).parent().parent().each(function() {
//jQuery('div#container_menu').append('c: ' + encodeURI(document.title + $.data(this)) + '
');
window.cookieFunc.createCookie(encodeURI(document.title + $.data(this)), jQuery(oThis).prevAll('a.tab').length);
});
jQuery(oThis).parent().children('a.tab').removeClass('tab_active');
jQuery(oThis).addClass('tab_active').parent().children('div.tab').fadeOut(100, function() {
jQuery(oThis).parent().children('div.tab').html(jQuery(oThis).next('span.tab').html()).fadeIn(100, function() {
});
});
}
jQuery(this).blur();
return false;
});
jQuery('div.box_tab_vert div.img_bottom a.tab:last').css('margin-bottom', '-1px');
jQuery('div.box_tab_vert div.img_bottom').each(function() {
var iTab = -1;
jQuery(this).parent().each(function() {
iTab = parseInt(window.cookieFunc.readCookie(encodeURI(document.title + $.data(this))));
});
var oThis = (iTab > -1) ? jQuery(this).find('a.tab:eq('+iTab+')') : jQuery(this).find('a.tab:first');
jQuery(oThis).click();
jQuery(this).find('a.tab:first').css('margin-top', '-1px');
});
}
*/
return this;
}
window.jso['/Form/verttabBox/navMenu'] = '/verttabBox/navMenu';
window.jso['/verttabBox/navMenu'] = function() {
var that = this;
this.getNavElement = function(iI, iMax, oC) {
var jElem = jQuery(document.createElement('a')).appendTo(that.jE).attr('href', '#').html(oC.aSlides[iI]);
if (iI == 1) jElem.addClass('active');
return jElem;
}
this.navMenu = function() {
var sP = this.sPath;
var sO = this.sObjPath;
// Only do if navMenu's jsp_observe/jsp_validate?
//if (oParams['validate']) {
this.parentReady(function() {
var oSlides = that.callerObj().getContainer().oSlides;
for (var iI = 0; iI < oSlides.length; iI++) {
(function() {
oSlides[iI].registerMessage('valid', function(sMsg, oData) { that.valid(sMsg, oData, iI); });
})();
//alert(oSlides[iI].getTitle());
}
});
//}
this.initNavMenu();
}
this.valid = function(sMsg, oData, iI) {
//alert(sMsg);
//for (var iI in oData) alert(iI + ': ' + oData[iI]);
/*
var aErr = new Array();
aErr = that.sendMessage('validate');
var bErr = aErr.join('').length ? true : false;
return bErr ? new Array('error', aErr.join(', ')) : true;
*/
if (!oData.bValid) {
that.jE.children('a:eq('+(iI - 1)+')').css('color', 'red');
}
else that.jE.children('a:eq('+(iI - 1)+')').css('color', '');
}
}
window.jso['/PageTitle'] = function() {
var that = this;
this.getTitle = function() {
return that.jE.text();
}
this.PageTitle = function() {
that.jE.css('display', 'none');
}
}
window.jso['_Page'] = '/Box,/Slides/slideContainer/Slide';
window.jso['/Page'] = function() {
var that = this;
var oParams = this.getParams();
this.Page = function() {
if (oParams['parseJSDs']) this.parseJSDs(this.getTplPath('Inner'));
else if (oParams['all']) this.initializeAllChildren();
else if (oParams['next']) this.initializeNextChildren();
else this.initializeChildren();
if (that.jE.closest('.jso_slideContainer').length) this.initSlide(true);
else this.initBox();
}
}