jQuery(document).ready(
/*
This function gets loaded when all the HTML, not including the portlets, is
loaded.
*/
function() {
}
);
Liferay.Portlet.ready(
/*
This function gets loaded after each and every portlet on the page.
portletId: the current portlet's id
jQueryObj: the jQuery wrapped object of the current portlet
*/
function(portletId, jQueryObj) {
}
);
jQuery(document).last(
/*
This function gets loaded when everything, including the portlets, is on
the page.
*/
function() {
}
);
ddaccordion.init({
headerclass: "silverheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
var min=8;
var max=14;
var font = document.getElementsByTagName('font');
var span = document.getElementsByTagName('span');	   
var link = document.getElementsByTagName('a');	   
var table = document.getElementsByTagName('table');	   
var div = document.getElementsByTagName('div');
var defaultFont = Array(0);
var defaultSpan = Array(0);	   
var defaultTable = Array(0);	
function initFontColor() {
if(defaultFont.length == 0 && defaultSpan.length == 0 && defaultTable.length == 0){
   for(i=0;i<font.length;i++) {		  
      defaultFont[i] = font[i].style.color;
   }	   
   for(i=0;i<span.length;i++) {			
      defaultSpan[i] = span[i].style.color;
   }	  	
   for(i=0;i<table.length;i++) {
      defaultTable[i] = table[i].style.color;
   }
}
}
function redFont() {
   initFontColor();
   for(i=0;i<font.length;i++) {		  
      font[i].style.color = "#FF0000"
   }  
   for(i=0;i<span.length;i++) {	
      span[i].style.color = "#FF0000"
   }	  	
   for(i=0;i<table.length;i++) {
      table[i].style.color = "#FF0000"
   }
}
function blueFont() {
   initFontColor();	   
   for(i=0;i<font.length;i++) {		  
      font[i].style.color = "#0000FF"
   }
  
   for(i=0;i<span.length;i++) {	
      span[i].style.color = "#0000FF"
   }	  	
   for(i=0;i<table.length;i++) {
      table[i].style.color = "#0000FF"
   }
}
function greenFont() {
   initFontColor();	   
   for(i=0;i<font.length;i++) {		  
      font[i].style.color = "#00FF00"
   }   
   for(i=0;i<span.length;i++) {	
      span[i].style.color = "#00FF00"
   }	  	
   for(i=0;i<table.length;i++) {
      table[i].style.color = "#00FF00"
   }
}
function resetFontSize() {	   
   for(i=0;i<font.length;i++) {		  
      font[i].style.fontSize = "";
      font[i].style.color = defaultFont[i];
   }	   
   for(i=0;i<span.length;i++) {	
      span[i].style.fontSize = "";
      span[i].style.color = defaultSpan[i];
   }	      	
   for(i=0;i<link.length;i++) {	
      link[i].style.fontSize = "";
   }	
   for(i=0;i<table.length;i++) {
      table[i].style.fontSize = "";
      table[i].style.color = defaultTable[i];
   }
}
function increaseFontSize() {   
   for(i=0;i<font.length;i++) {		  
      if(font[i].style.fontSize) {
 var s = parseInt(font[i].style.fontSize.replace("px",""));
      } else {
 var s = 12;
      }
      if(s!=max) {
 s += 1;
      }
      font[i].style.fontSize = s+"px"
   }   
   for(i=0;i<span.length;i++) {		  
      if(span[i].style.fontSize) {
 var s = parseInt(span[i].style.fontSize.replace("px",""));
      } else {
 var s = 12;
      }
      if(s!=max) {
 s += 1;
      }
      span[i].style.fontSize = s+"px"
   }	   	
   for(i=0;i<link.length;i++) {		  
      if(link[i].style.fontSize) {
 var s = parseInt(link[i].style.fontSize.replace("px",""));
      } else {
 var s = 12;
      }
      if(s!=max) {
 s += 1;
      }
      link[i].style.fontSize = s+"px"
   }	
   for(i=0;i<table.length;i++) {		  
      if(table[i].style.fontSize) {
 var s = parseInt(table[i].style.fontSize.replace("px",""));
      } else {
 var s = 12;
      }
      if(s!=max) {
 s += 1;
      }
      table[i].style.fontSize = s+"px"
   }
}
function decreaseFontSize() {	   
   for(i=0;i<font.length;i++) {
      if(font[i].style.fontSize) {
 var s = parseInt(font[i].style.fontSize.replace("px",""));
      } else {
 var s = 12;
      }
      if(s!=min) {
 s -= 1;
      }
      font[i].style.fontSize = s+"px"
   }  
   
   for(i=0;i<span.length;i++) {
      if(span[i].style.fontSize) {
 var s = parseInt(span[i].style.fontSize.replace("px",""));
      } else {
 var s = 12;
      }
      if(s!=min) {
 s -= 1;
      }
      span[i].style.fontSize = s+"px"
   }   	   
   for(i=0;i<link.length;i++) {
      if(link[i].style.fontSize) {
 var s = parseInt(link[i].style.fontSize.replace("px",""));
      } else {
 var s = 12;
      }
      if(s!=min) {
 s -= 1;
      }
      link[i].style.fontSize = s+"px"
   }	   
   for(i=0;i<table.length;i++) {
      if(table[i].style.fontSize) {
 var s = parseInt(table[i].style.fontSize.replace("px",""));
      } else {
 var s = 12;
      }
      if(s!=min) {
 s -= 1;
      }
 table[i].style.fontSize = s+"px"
   }  	   	  
}
ddaccordion.init({
headerclass: "submenuheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
mouseoverdelay: 300, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
twomustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["suffix", "<img src='/html/themes/bsln/images/bsln/plus.gif' class='statusicon' />", "<img src='/html/themes/bsln/images/bsln/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
jQuery(document).ready(function(){
jQuery("#myController").jFlow({
slides: "#slides",
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlide", // must be id, use # sign
selectedWrapper: "jFlowSelected",  // just pure text, no sign
auto: false, //auto change slide, default true
//easing: "swing",
width: "250px",
height: "235px",
duration: 400,
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext" // must be class, use . sign
});
});
    jQuery(function() {
        jQuery('#gallery a').lightBox();
    });
SSS_aktiviti = {
init : function() {
jQuery('div.aktiviti .isi').not(':first').slideToggle('fast');
jQuery('div.aktiviti .tajuk').click(function() { SSS_aktiviti.toggle(this) });
},
toggle : function(elt) {
jQuery(elt).toggleClass('active');
jQuery(elt).toggleClass('selected');
jQuery(elt).siblings('.isi').slideToggle('fast');
}
}
jQuery(function() { 
SSS_aktiviti.init();
});
  jQuery(document).ready(function(){
    jQuery("#example > ul").tabs();
  });
  
function filter (phrase, _id){
 			var words = phrase.value.toLowerCase().split(" ");
 			var table = document.getElementById(_id);
 			var ele;
 			for (var r = 1; r < table.rows.length; r++){
 				ele = table.rows[r].innerHTML.replace(/<[^>]+>/g,"");
 	        		var displayStyle = 'none';
 	        		for (var i = 0; i < words.length; i++) {
 		    			if (ele.toLowerCase().indexOf(words[i])>=0)
 						displayStyle = '';
 		   		 	else {
 						displayStyle = 'none';
 						break;
 		   			 }
 	        		}
 			table.rows[r].style.display = displayStyle;
 			}
}
jQuery(document).ready(function () {
jQuery('#basicModal input.basic, #basicModal a.basic').click(function (e) {
e.preventDefault();
jQuery('#basicModalContent').modal();
});
});
jQuery(document).ready(function(){
jQuery('.menuitem img').animate({width: 100}, 0);
jQuery('.menuitem').mouseover(function(){
gridimage = jQuery(this).find('img');
gridimage.stop().animate({width: 120}, 150);
}).mouseout(function(){
gridimage.stop().animate({width: 100}, 150);
});
}); 
jQuery(document).ready(function(){	
jQuery("#slider").easySlider({
auto: false,
continuous: true,
nextId: "slider1next",
prevId: "slider1prev"
});
jQuery("#slider2").easySlider({ 
numeric: true
});
});
// Begin jQuery
 
jQuery(document).ready(function() {
 
/* =Reflection Nav
-------------------------------------------------------------------------- */	
 
    // Append span to each LI to add reflection
 
    jQuery("#nav-reflection1 li").append("<span></span>");	
 
    // Animate buttons, move reflection and fade
 
    jQuery("#nav-reflection1 a").hover(function() {
        jQuery(this).stop().animate({ marginTop: "-10px" }, 200);
        jQuery(this).parent().find("span").stop().animate({ marginTop: "18px", opacity: 0.25 }, 200);
    },function(){
        jQuery(this).stop().animate({ marginTop: "0px" }, 300);
        jQuery(this).parent().find("span").stop().animate({ marginTop: "1px", opacity: 1 }, 300);
    });
 
/* =Shadow Nav
-------------------------------------------------------------------------- */
 
    // Append shadow image to each LI
 
    jQuery("#nav-shadow1 li").append('<img class="shadow" src="/html/themes/classic/images/common/related_links/icons-shadow.jpg" width="81" height="27" alt="" />');
 
    // Animate buttons, shrink and fade shadow
 
    jQuery("#nav-shadow1 li").hover(function() {
    	var e = this;
        jQuery(e).find("a").stop().animate({ marginTop: "-14px" }, 250, function() {
        	jQuery(e).find("a").animate({ marginTop: "-10px" }, 250);
        });
        jQuery(e).find("img.shadow").stop().animate({ width: "80%", height: "20px", marginLeft: "8px", opacity: 0.25 }, 250);
    },function(){
    	var e = this;
        jQuery(e).find("a").stop().animate({ marginTop: "4px" }, 250, function() {
        	jQuery(e).find("a").animate({ marginTop: "0px" }, 250);
        });
        jQuery(e).find("img.shadow").stop().animate({ width: "100%", height: "27px", marginLeft: "0px", opacity: 1 }, 250);
    });
 
// End jQuery
 
});
/***********************************************
Advertisement footer slider
***********************************************/
var persistclose= 1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 0 //set x offset of bar in pixels
var startY = 0 //set y offset of bar in pixels
var verticalpos="frombottom" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
var tooltip=function(){
var id = 'tt';
var top = 3;
var left = 3;
var maxw = 300;
var speed = 10;
var timer = 20;
var endalpha = 95;
var alpha = 0;
var tt,t,c,b,h;
var ie = document.all ? true : false;
return{
show:function(v,w){
if(tt == null){
tt = document.createElement('div');
tt.setAttribute('id',id);
t = document.createElement('div');
t.setAttribute('id',id + 'top');
c = document.createElement('div');
c.setAttribute('id',id + 'cont');
b = document.createElement('div');
b.setAttribute('id',id + 'bot');
tt.appendChild(t);
tt.appendChild(c);
tt.appendChild(b);
document.body.appendChild(tt);
tt.style.opacity = 0;
tt.style.filter = 'alpha(opacity=0)';
document.onmousemove = this.pos;
}
tt.style.display = 'block';
c.innerHTML = v;
tt.style.width = w ? w + 'px' : 'auto';
if(!w && ie){
t.style.display = 'none';
b.style.display = 'none';
tt.style.width = tt.offsetWidth;
t.style.display = 'block';
b.style.display = 'block';
}
if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
h = parseInt(tt.offsetHeight) + top;
clearInterval(tt.timer);
tt.timer = setInterval(function(){tooltip.fade(1)},timer);
},
pos:function(e){
var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
tt.style.top = (u - h) + 'px';
tt.style.left = (l + left) + 'px';
},
fade:function(d){
var a = alpha;
if((a != endalpha && d == 1) || (a != 0 && d == -1)){
var i = speed;
if(endalpha - a < speed && d == 1){
i = endalpha - a;
}else if(alpha < speed && d == -1){
i = a;
}
alpha = a + (i * d);
tt.style.opacity = alpha * .01;
tt.style.filter = 'alpha(opacity=' + alpha + ')';
}else{
clearInterval(tt.timer);
if(d == -1){tt.style.display = 'none'}
}
},
hide:function(){
clearInterval(tt.timer);
tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
}
};
}();