MM_preloadImages('/images/administrator-menu.jpg','/images/clientaccountantmenu.jpg','/images/ducumentmanager.jpg','/images/praticemenumanager.jpg','/images/featurelist.jpg','/images/featurelist-over.jpg','/images/reporting.jpg','/images/reporting-over.jpg','/images/screenshots.jpg','/images/screenshots-over.jpg','/images/universal.jpg','/images/universal-over.jpg');


var overImgs = new Array();
var normalImgs = new Array();  

overImgs = ["/images/featurelist-over.jpg",'/images/universal-over.jpg','/images/reporting-over.jpg','/images/screenshots-over.jpg'];
    
//normalImgs = ['/images/featurelist.jpg','/images/universal.jpg','/images/reporting.jpg','/images/screenshots.jpg'];

function cardswapper(){
	    
    var cardid=document.getElementById('cardmenu');
    
    _childs = cardid.childNodes.length;
    
    if (_childs>0) {  
        var cardIndex = 0;
        var imgxo = new Array();
        for(i=0;i<_childs;i++){
            if (cardid.childNodes[i].nodeName=="UL"){
                parentUL = cardid.childNodes[i];
                allLI = parentUL.childNodes.length;
                for(j=0;j<allLI;j++){
                	
                    LI = parentUL.childNodes[j];
                    if (LI.childNodes[0].childNodes[0].nodeName=="IMG" && LI.childNodes[0].childNodes[0].name.match(/card_/)=="card_"){
                    	normalImgs[cardIndex] = LI.childNodes[0].childNodes[0].src;
                    	imgxo[cardIndex] = LI.childNodes[0].childNodes[0];
                    	cardIndex++;
                    }
                }
            }       
        }
        cardIndex = null;
        
        for(i=0;i<imgxo.length;i++){
        	imgOIndex(imgxo[i],i);
		}
    }    
}

function imgOIndex(img,i) { 
	img.onmouseover = function() { this.src = overImgs[i]; };
	img.onmouseout = function() { this.src = normalImgs[i]; }; 
}
 
function viewDetails(){
	//Path ul#feat/li.point/div.popbox/div.extra_info
	var points = 0;
	var ulFeat = document.getElementsByTagName('UL');
	for (i=0;i<ulFeat.length;i++){
		if (ulFeat[i].className=="feat")
			points = ulFeat[i].childNodes;
	}
	//alert(points[i].childNodes.length);
	for(i=0;i<points.length;i++){
		if (points[i].nodeName=="LI" && points[i].className=="point") 
		controlExpand(points[i],i);
	}
} 

var nowhereweare = new Array();
var originalText = new Array();
var currentPointEX = 0;
var choi = 0;

function controlExpand(liPoint,idx){

	var pointChilds = liPoint.childNodes;
	var sel = null;
	
	for (k=0;k<pointChilds.length;k++){
		if (liPoint.childNodes[k].nodeName == "DIV" && liPoint.childNodes[k].className=="popbox") {
			var dPopBox = liPoint.childNodes[k];
			
			
			for(j=0;j<dPopBox.childNodes.length;j++){
				if (dPopBox.childNodes[j].nodeName=="DIV" && (dPopBox.childNodes[j].childNodes[0].nodeName == "IMG" && dPopBox.childNodes[j].childNodes[0].id == "detailBtn")) {
					attachOnClick(dPopBox.childNodes[j].childNodes[0],idx);
				}
				
				if (dPopBox.childNodes[j].nodeName=="DIV" && dPopBox.childNodes[j].className=="extra_info"){
					nowhereweare[idx] = dPopBox.childNodes[j];
					originalText[idx] = nowhereweare[idx].innerHTML;
					dPopBox.style.overflow = "hidden";
					//dPopBox.childNodes[j].innerHTML = "<table border='0' cellpadding='0' cellspacing='0' style='background:none; margin:0; padding:0;'><tr><td style='background-color:none; padding-top:0'><a href='javascript:void(0)' onclick='collapseIt("+idx+","+idx+")'><img src='/images/detailsBtn.png' alt='' title='Click here to see more info' border='0' /></a></td></tr><tr><td>"+dPopBox.childNodes[j].innerHTML+"</td></tr></table>";
					
					jscss('add',dPopBox.childNodes[j],'pointHide');
					
					choi++;
				}

			}
		}
	}

}

function attachOnClick(e,idx){
	e.onmouseup = function(){
					collapseIt(idx);
				  }
}

function collapseIt(id,arrayidx){

	var points = 0;
	var ulFeat = document.getElementsByTagName('UL');
	for (iii=0;iii<ulFeat.length;iii++){
		if (ulFeat[iii].className=="feat")
			points = ulFeat[iii].childNodes;
	}
	 
	for(iiii=0;iiii<points.length;iiii++){
		liPoint = points[iiii];
		if (liPoint.nodeName=="LI" && liPoint.className=="point") {
		
			var pointChilds = liPoint.childNodes;

			for (kg=0;kg<pointChilds.length;kg++){
				if (liPoint.childNodes[kg].nodeName == "DIV" && liPoint.childNodes[kg].className=="popbox") {
					var dPopBox = liPoint.childNodes[kg];
					
					for(jm=0;jm<dPopBox.childNodes.length;jm++){
						if (dPopBox.childNodes[jm].nodeName=="DIV" && jscss('check',dPopBox.childNodes[jm],'extra_info')){ 
								currentDIV = dPopBox.childNodes[jm];
								if (iiii==id) {
									if (jscss('check',currentDIV,'pointHide'))
										jscss('remove',currentDIV,'pointHide');
									else 
										jscss('add',currentDIV,'pointHide');
								}
								else {
									jscss('add',currentDIV,'pointHide');
								}
						}
					}						
				}
			}			
		}
	}
}

function initCollapse2(oid){
	var master = document.getElementById(oid);
	
	for(i=0;master!=null && i<master.childNodes.length;i++){
		var child = master.childNodes[i];
		
		if (child.nodeName == "LI" && jscss('check',child,'point')){
			collapseIt2(child);
		}	
	}
}



function collapseIt2(o){

	var parentN = o.parentNode;
	var selEl;	
			for(m=0;m<o.childNodes.length;m++){
						var childDiv = o.childNodes[m];
						
						if (childDiv.nodeName == "SPAN" && childDiv.id=="click"){
							var spanClick = childDiv;
						}
						
						if (childDiv.nodeName == "DIV" && jscss('check',childDiv,'popbox')) 
							
							if (jscss('check',childDiv,'hidePopBox')){
								
								jscss('remove',childDiv,'hidePopBox');
								changeButton(spanClick,'collapse');
								
								for(kk=0;kk<parentN.childNodes.length;kk++){
									
									var babb = parentN.childNodes[kk];
									
									if(parentN.childNodes[kk]!=o) {
										for(mm=0;mm<babb.childNodes.length;mm++){
											if (babb.childNodes[mm].nodeName == "SPAN" && babb.childNodes[mm].id=="click"){
												spanClick2 = babb.childNodes[mm];
											}
											if (babb.childNodes[mm].nodeName=="DIV" && jscss('check',babb.childNodes[mm],'popbox')) {

													jscss('add',babb.childNodes[mm],'hidePopBox');
													if (spanClick2) changeButton(spanClick2,'hide');
													collapseIt(-1);
												
											}
											
											
										} 
									}
								}
							}
							else {
								
								if (!jscss('check',spanClick,'selected')) { 
									jscss('add',childDiv,'hidePopBox'); if (spanClick) changeButton(spanClick,'hide');
								}
								else { jscss('remove',childDiv,'hidePopBox'); if (spanClick) changeButton(spanClick,'collapse'); } 
							}
							
			}
			
	
	overThis(o);

}

function changeButton(e,type){		
	if (e.childNodes[0].nodeName == "IMG") { 
		btnPlusImg = /btnPlus.jpg/;
		switch(type){
			case 'collapse' : e.childNodes[0].src="/images/btnMinus.jpg"; break;
			case 'hide' : e.childNodes[0].src = "/images/btnPlus.jpg"; break;
		}
	}
}

function overThis(e){
	//alert(e.className);
	for (lol=0;lol<e.childNodes.length;lol++){
		if (e.childNodes[lol].id == "click") e.childNodes[lol].onmousedown = function() { collapseIt2(e); };
	}
}

// This little snippet fixes the problem that the onload attribute on the body-element will overwrite
// previous attached events on the window object for the onload event
if (!window.addEventListener)
{
	document.onreadystatechange = function()
	{
		if (window.onload && window.onload != handleEvent)
		{
			gg = window.onload;
			addEvent(window, "load", gg);
			window.onload = handleEvent;
		}
	}
}

function toPrint(){
	varHTML = document.getElementById('contents').innerHTML;
	var newWin = window.open('');
	wrapperHTML = "<html><head><title>ViewPoint Printer Friendly</title><link rel='stylesheet' type='text/css' href='/css/print.css' /></head><body>"+varHTML+"</body></html>";
	newWin.document.write(wrapperHTML);
}

function jscss(a,o,c1,c2)
{
  switch (a){
    case 'swap':
      o.className=!jscss('check',o,c1)?o.className.replace(c2,c1): o.className.replace(c1,c2);
    break;
    case 'add':
      if(!jscss('check',o,c1)){o.className+=o.className?' '+c1:c1;}
    break;
    case 'remove':
      var rep=o.className.match(' '+c1)?' '+c1:c1;
      o.className=o.className.replace(rep,'');
    break;
    case 'check':
      return new RegExp('\\b'+c1+'\\b').test(o.className)
    break;
  }
}

function viewMore(){
	var myObj = document.getElementById('details1'); 

	if (jscss('check',myObj,'viewMore')) {
		if (jscss('check',myObj,'hidePopBox')) { jscss('remove',myObj,'hidePopBox'); }
		else  { jscss('add',myObj,'hidePopBox'); }
	}
}

addEvent(window,"load",viewDetails);
addEvent(window,"load",loadExpander);
//addEvent(window, "load", window.onload);

function loadExpander(){  
	initCollapse2('feat');  
};

/* -----------------------------------------------
   Floating layer - v.1
   (c) 2006 www.haan.net
   contact: jeroen@haan.net
   You may use this script but please leave the credits on top intact.
   Please inform us of any improvements made.
   When usefull we will add your credits.
  ------------------------------------------------ */

x = 20;
y = 70;
function setVisible(obj)
{
	obj = document.getElementById(obj);
	obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible';
}
function placeIt(obj)
{
	obj = document.getElementById(obj);
	
	if (obj) {
		if (document.documentElement)
		{
			theLeft = document.documentElement.scrollLeft;
			theTop = document.documentElement.scrollTop;
		}
		else if (document.body)
		{
			theLeft = document.body.scrollLeft;
			theTop = document.body.scrollTop;
		}
		theLeft += x;
		theTop += y;
		obj.style.left = theLeft + 'px' ;
		obj.style.top = theTop + 'px' ;
		setTimeout("placeIt('layer1')",500);
	}
}
window.onscroll = gilagampang;
function gilagampang() { setTimeout("placeIt('layer1')",500); }