/*
*
* accordionMenu gerenates an accordion style menu with contents from div, url, rss, json, text and custom function.
*
*/
function renderAccordion1(contentId) {
document.getElementById(contentId).innerHTML = "";
}
function renderAccordion2(contentId) {
document.getElementById(contentId).innerHTML = "";
}
function renderAccordion3(contentId) {
document.getElementById(contentId).innerHTML = "";
}
function renderAccordion4(contentId) {
document.getElementById(contentId).innerHTML = "";
}
// create accordionMenu class
accordionMenu = function(name, pageId, doRandomDefault, useAdTrack, slideSpeed, isDebug)
{
// set the class variables
this.isDebug = false;
this.isIe = window.ActiveXObject;
this.isFireFox = document.implementation && document.implementation.createDocument;
this.maxList = 10;
this.timer = 1;
this.fireFoxHeightFix = 10; // just for hack. this can be fixed in css level anyway
this.titleIdSuffix = '_title';
this.blindIdSuffix = '_menu';
this.blindCssPrefix = 'asm-menu';
this.spinner = '
';
var max = items.length > this.maxList ? this.maxList : items.length;
if(items[0].getElementsByTagName('title')[0])
{
for(var i=0; i' + items[i].getElementsByTagName('title')[0].firstChild.nodeValue + '';
}
}
else if(this.isDebug)
{
alert("No title for rss");
}
result += '
';
}
return result;
}
// return a list of the linked titles for the given json
// the json should have title and link element in item node
accordionMenu.prototype.getJsonResultByAjax = function(json) {
var result = '';
var jsonDoc;
// check if the source is already xml
if(json.value) {
jsonDoc = json;
}
else {
jsonDoc = eval("(" + json + ")");
}
if(jsonDoc.count > 0) {
result += '';
var max = jsonDoc.count > this.maxList ? this.maxList : jsonDoc.count;
if(jsonDoc.value.items[0].title || (jsonDoc.value.items[0].title === '')) {
for(var i=0; i' + jsonDoc.value.items[i].title + '';
}
}
else if(this.isDebug) {
alert("No title for json");
}
result += '
';
}
return result;
}
// use this json function if you return json with jsonId inside
accordionMenu.prototype.setJsonResultBySrc = function(contentId, json)
{
var result = '';
var jsonDoc;
// check if the source is already xml
if(json)
{
//document.write('');
var startPos = json.indexOf('jsonId');
if(startPos > 0)
{
startPos = json.indexOf('=',startPos) + 1;
var endPos = json.indexOf('&',startPos);
if(endPos < 0 )
{
endPos = json.length;
}
json = json.substring(startPos, endPos);
jsonDoc = eval(json);
}
if(jsonDoc && (jsonDoc.count > 0))
{
result += '';
var max = jsonDoc.count > this.maxList ? this.maxList : jsonDoc.count;
if(jsonDoc.value.items[0].title || (jsonDoc.value.items[0].title === ''))
{
for(var i=0; i' + jsonDoc.value.items[i].title + '';
}
}
else if(this.isDebug)
{
alert("No title for json");
}
result += '
';
}
}
document.getElementById(contentId).innerHTML = result;
}
// set the json object
accordionMenu.prototype.setJsonObject = function(url)
{
//document.write('');
var head = document.getElementsByTagName("head")[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
head.appendChild(script);
}
// returns a random number smaller than the given max number
// if no maximum is given, use the length of the menu as the default
accordionMenu.prototype.getRandomNumber = function(max)
{
return Math.round(100*Math.random()) % (max ? max : this.menu.length);
}
// parse the boolean for both boolean and string
accordionMenu.prototype.isTrue = function(value)
{
if(typeof(value) == 'boolean')
{
return value;
}
else if(typeof(value) == 'string')
{
return value == 'true';
}
else
{
return false;
}
}
// returns the argument on url
accordionMenu.prototype.getArgs = function() {
var args = new Object();
var query = location.search.substring(1);
var pairs = query.split("&");
for(var i = 0; i < pairs.length; i++)
{
var pos = pairs[i].indexOf('=');
if (pos == -1)
{
continue;
}
var argname = pairs[i].substring(0,pos);
var value = pairs[i].substring(pos+1);
args[argname] = unescape(value);
}
return args;
}
// do the actual accordion for all the menu
accordionMenu.prototype.playAccordionMenu = function(accordion, clickedId, autoUpdate)
{
// if no event, nothing to do
if(!clickedId && accordion.isDebug)
{
alert("Invalid clickedId");
}
else
{
// go through all the menu
try
{
// set the page height before go into the menu
if(accordion.pageId && !accordion.pageHeight)
{
accordion.setPageHeight();
}
for(var i=0; i= 1) &&
(currentHeight <= originalHeight))
{
contentDiv.style.display = 'block';
contentDiv.style.height = currentHeight + 'px';
// also update the page height if page id is given
if(this.pageHeight)
{
document.getElementById(this.pageId).style.height = this.pageHeight + currentHeight + 'px';
}
var thisHeight = isOpening ? currentHeight+accordion.slideSpeed : currentHeight-accordion.slideSpeed;
setTimeout
(
function()
{
thisAccordion = thisAccordion.slideMenu(thisAccordion, index, originalHeight, thisHeight, isOpening);
},
accordion.timer
);
}
else
{
// if the currentHeight is less than 1, it must be closing so make the height 1
if(currentHeight < 1)
{
contentDiv.style.height = '1px';
contentDiv.style.display = 'none';
// also update the page height if page id is given
if(this.pageHeight)
{
document.getElementById(this.pageId).style.height = this.pageHeight + 'px';
}
}
// else if the current height is bigger than the original height, it must be opening so make the height the original height
else if(currentHeight > originalHeight)
{
contentDiv.style.height = originalHeight + 'px';
// also update the page height if page id is given
if(this.pageHeight)
{
document.getElementById(this.pageId).style.height = this.pageHeight + originalHeight + 'px';
}
}
}
}
return thisAccordion;
}