function mainmenu(){
jQuery(" #nav li").hover(function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).fadeIn(300);
},function(){
jQuery(this).find('ul:first').fadeOut(300);
});
}
 
jQuery(document).ready(function(){					
mainmenu();
});
jQuery(document).ready(function() {
jQuery('.eco-dev').append('<span class="hover"></span>').each(function () {
  var $span = jQuery('> span.hover', this).css('opacity', 0);
  jQuery(this).hover(function () {
    $span.stop().fadeTo(500, 1);
  }, function () {
    $span.stop().fadeTo(500, 0);
  });
});
});
jQuery(document).ready(function() {
jQuery('.eco-data').append('<span class="hover"></span>').each(function () {
  var $span = jQuery('> span.hover', this).css('opacity', 0);
  jQuery(this).hover(function () {
    $span.stop().fadeTo(500, 1);
  }, function () {
    $span.stop().fadeTo(500, 0);
  });
});
});
jQuery(document).ready(function() {
jQuery('.eco-research').append('<span class="hover"></span>').each(function () {
  var $span = jQuery('> span.hover', this).css('opacity', 0);
  jQuery(this).hover(function () {
    $span.stop().fadeTo(500, 1);
  }, function () {
    $span.stop().fadeTo(500, 0);
  });
});
});
jQuery(document).ready(function() {
jQuery('.publications').append('<span class="hover"></span>').each(function () {
  var $span = jQuery('> span.hover', this).css('opacity', 0);
  jQuery(this).hover(function () {
    $span.stop().fadeTo(500, 1);
  }, function () {
    $span.stop().fadeTo(500, 0);
  });
});
});
/* jQuery(document).ready(function(){
jQuery(".accordion h3:first").addClass("active");
jQuery(".accordion p:not(:first)").hide();
jQuery(".accordion h3").click(function(){
jQuery(this).next("p").slideDown("slow")
.siblings("p:visible").slideUp("slow");
jQuery(this).toggleClass("active");
jQuery(this).siblings("h3").removeClass("active");
});
}); */
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() {
}
);
/*********start accessibilty***************/
function toggle (id) {
var post = document.getElementById(id);
if (post.className=="portletshown") { 
post.className="portlethidden"; 
} else { 
post.className="portletshown"; 
}
}
function changeLocation (targetURL) {
window.location = targetURL;
}
var size;
var defaultFontSize = 11;
var currentFontSize = size;	
var Color;
var defaultColor = 'black';
var currentColor = Color;	
var prefsLoaded = false;
/*********besarkan saiz tulisan**************/	
function setFontPlus(id){
size = document.getElementById(id).style.fontSize;
if(size == "" || size == null) {
size = 13;
} else {
size = size.substr(0,2);
}
if(size < 15) {
if(size == 14) {
size = eval(size) + 2;
} else {
size = eval(size) + 1;
}
var fontSize = size + "px";
document.getElementById(id).style.fontSize=fontSize
changecss('td','font-size',fontSize);
changecss('#content-wrapper a','font-size',fontSize);
changecss('#layout-column_content .portlet-title','font-size',fontSize);
}
}// end setFontPlus
/*********kecilkan saiz tulisan*************/
function setFontMinus(id){
size = document.getElementById(id).style.fontSize;
if(size == "" || size == null) {
size = 11; 
} else {
size = size.substr(0,2);
} 
if(size > 11) {
if(size == 17) {
size = eval(size) - 2;
} else {
size = eval(size) - 1;
}
var fontSize = size + "px";
document.getElementById(id).style.fontSize=fontSize
changecss('td','font-size',fontSize);
changecss('#content-wrapper a','font-size',fontSize);
changecss('#layout-column_content .portlet-title','font-size',fontSize);
}
}
/********kembalikan saiz huruf kepada asal************/
function revertFontStyles(id){
size = document.getElementById(id).style.fontSize;
if(size == "" || size == null) {
size = 11; 
} else {
size = size.substr(0,2);
} 
if(size > 10) {
if(size == 16) {
size = 11;
} else {
size = 11;
}
var fontSize = size + "px";
document.getElementById(id).style.fontSize=fontSize
}
changecss('td','font-size','11px');
changecss('#content-wrapper a','font-size','11px');
changecss('#layout-column_content .portlet-title','font-size','14px');
}
function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
};
function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
};
window.onload = setUserOptions;
function setUserOptions(){
if(!prefsLoaded){
cookie = readCookie("fontSize");
size = cookie ? cookie : 11;
cookieColor = readCookie("color");
Color = cookieColor ? cookieColor : 'black';
if(Color=='red'){
fontRed()
}
else if(Color=='blue')
{
fontBlue()
}
else if(Color=='green'){
fontGreen()}
else if(Color=='orange') {
fontOrange()
}
else{
revertStyles()
}
setFontSize(size);
prefsLoaded = true;
}
}
window.onunload = saveSettings;
function saveSettings()
{
createCookie("color", Color, 365);
  createCookie("fontSize", size, 365);
 
}
function setFontSize(fontSize){
document.getElementById('wrapper').style.fontSize = fontSize + 'px';
//alert (document.body.style.fontSize);
};
/**********kembalikan warna asal*************/
function revertStyles(){
Color='';
changecss('body','color','black');
changecss('a','color','#729DFF');
changecss('td','color','#ffffff');
changecss('a:visited','color','#729DFF');
changecss('#topmenu a','color','#ffffff');
changecss('#p_p_id_56_INSTANCE_nfjz_ .portlet-title','color','#000000');
changecss('#column-1-1 .portlet-title','color','#B37707');
changecss('#column-2-1 .portlet-title','color','#B37707');
changecss('#column-direktori .portlet-title','color','#B37707');
changecss('#p_p_id_56_INSTANCE_BnYK_ .portlet-title','color','#546628');
changecss('#content-wrapper a','color','#000000');
changecss('.menu_head','color','#BD8828');
changecss('#content .portlet-title','color','#ffffff');
changecss('input[type="button"]','color','black');
changecss('input[type="text"]','color','black');
changecss('input[type="password"]','color','black');
changecss('input[type="file"]','color','black');
changecss('input[type="submit"]','color','black');
changecss('input[type="reset"]','color','black');
changecss('select','color','black');
changecss('textarea','color','black');
changecss('li','color','black');
changecss('ul','color','black');
changecss('#column-direktori td','color','black');
changecss('#layout-column_highlights li','color','#000000');
changecss('#layout-column_highlights li a','color','red');
changecss('#bg_footer td','color','#999997');
changecss('#poll-display_11819','color','black');
changecss('#p_p_id_56_INSTANCE_PefD_ p','color','black');
changecss('.taglib-calendar tr th','color','black');
changecss('#poll-display_11819 td','color','black');
changecss('#p_p_id_PrayerTimes_WAR_prayertimes_','color','black');
changecss('#p_p_id_PrayerTimes_WAR_prayertimes_ td','color','black');
changecss('#layout-column_content p','color','black');
changecss('#layout-column_breadcrumb','color','black');
changecss('#nav li ul li','color','#FFD530');
changecss('#nav li ul li a','color','#FFD530');
changecss('#navigation li a span','color','#FFD530');
}
function changecss(theClass,element,value) {
//Last Updated on May 21, 2008
//documentation for this script at
//http://www.shawnolson.net/a/503/altering-css-class-attributes-with-javascript.html
 var cssRules;
 if (document.all) {
 cssRules = 'rules';
 }
 else if (document.getElementById) {
 cssRules = 'cssRules';
 }
 var added = false;
 for (var S = 0; S < document.styleSheets.length; S++){
 for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
 if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
 if(document.styleSheets[S][cssRules][R].style[element]){
 document.styleSheets[S][cssRules][R].style[element] = value;
 added=true;
 break;
 }
 }
 }
 if(!added){
 if(document.styleSheets[S].insertRule){
 document.styleSheets[S].insertRule(theClass+' { '+element+': '+value+'; }',document.styleSheets[S][cssRules].length);
 }
 else if (document.styleSheets[S].addRule) {
 document.styleSheets[S].addRule(theClass,element+': '+value+';');
 }
 }
 }
}
// end function changecss
/*************tukar warna tulisan kepada warna merah**********/
/****changecss('<nama class@ id>','<element>','<value>');*************/
function fontRed(){
Color='red';
changecss('body','color',Color);
changecss('a','color',Color);
changecss('td','color',Color);
changecss('a:visited','color',Color);
changecss('#topmenu a','color',Color);
changecss('#layout-column_highlights a','color',Color);
changecss('#p_p_id_56_INSTANCE_nfjz_ .portlet-title','color',Color);
changecss('#column-1-1 .portlet-title','color',Color);
changecss('#column-2-1 .portlet-title','color',Color);
changecss('#column-direktori .portlet-title','color',Color);
changecss('#p_p_id_56_INSTANCE_BnYK_ .portlet-title','color',Color);
changecss('#content-wrapper a','color',Color);
changecss('.menu_head','color',Color);
changecss('#content .portlet-title','color',Color);
changecss('input[type="button"]','color',Color);
changecss('input[type="text"]','color',Color);
changecss('input[type="password"]','color',Color);
changecss('input[type="file"]','color',Color);
changecss('input[type="submit"]','color',Color);
changecss('input[type="reset"]','color',Color);
changecss('select','color',Color);
changecss('textarea','color',Color);
changecss('#nav li ul li','color',Color);
changecss('#nav li ul li a','color',Color);
changecss('#navigation li a span','color',Color);
}
/*************tukar warna tulisan kepada warna biru**********/
/****changecss('<nama class@ id>','<element>','<value>');*************/
function fontBlue(){
Color='blue';
changecss('body','color',Color);
changecss('a','color',Color);
changecss('td','color',Color);
changecss('a:visited','color',Color);
changecss('#topmenu a','color',Color);
changecss('#layout-column_highlights a','color',Color);
changecss('#p_p_id_56_INSTANCE_nfjz_ .portlet-title','color',Color);
changecss('#column-1-1 .portlet-title','color',Color);
changecss('#column-2-1 .portlet-title','color',Color);
changecss('#column-direktori .portlet-title','color',Color);
changecss('#p_p_id_56_INSTANCE_BnYK_ .portlet-title','color',Color);
changecss('#content-wrapper a','color',Color);
changecss('.menu_head','color',Color);
changecss('#content .portlet-title','color',Color);
changecss('input[type="button"]','color',Color);
changecss('input[type="text"]','color',Color);
changecss('input[type="password"]','color',Color);
changecss('input[type="file"]','color',Color);
changecss('input[type="submit"]','color',Color);
changecss('input[type="reset"]','color',Color);
changecss('select','color',Color);
changecss('textarea','color',Color);
changecss('#nav li ul li','color',Color);
changecss('#nav li ul li a','color',Color);
changecss('#navigation li a span','color',Color);
}
/*************tukar warna tulisan kepada warna green **********/
/****changecss('<nama class@ id>','<element>','<value>');*************/
function fontGreen(){
Color='green';
changecss('body','color',Color);
changecss('a','color',Color);
changecss('td','color',Color);
changecss('a:visited','color',Color);
changecss('#topmenu a','color',Color);
changecss('#layout-column_highlights a','color',Color);
changecss('#p_p_id_56_INSTANCE_nfjz_ .portlet-title','color',Color);
changecss('#column-1-1 .portlet-title','color',Color);
changecss('#column-2-1 .portlet-title','color',Color);
changecss('#column-direktori .portlet-title','color',Color);
changecss('#p_p_id_56_INSTANCE_BnYK_ .portlet-title','color',Color);
changecss('#content-wrapper a','color',Color);
changecss('.menu_head','color',Color);
changecss('#content .portlet-title','color',Color);
changecss('input[type="button"]','color',Color);
changecss('input[type="text"]','color',Color);
changecss('input[type="password"]','color',Color);
changecss('input[type="file"]','color',Color);
changecss('input[type="submit"]','color',Color);
changecss('input[type="reset"]','color',Color);
changecss('select','color',Color);
changecss('textarea','color',Color);
changecss('#nav li ul li','color',Color);
changecss('#nav li ul li a','color',Color);
changecss('#navigation li a span','color',Color);
}
/*************tukar warna tulisan kepada warna orange**********/
/****changecss('<nama class@ id>','<element>','<value>');*************/
function fontOrange(){
Color='orange';
changecss('body','color',Color);
changecss('a','color',Color);
changecss('#nav a','color',Color);
changecss('a:hover','color',Color);
changecss('.title2_font','color',Color);
changecss('.content_font','color',Color);
changecss('input[type="text"], input[type="password"], input[type="file"],input[type="submit"], input[type="button"], input[type="reset"], select, textarea, .textarea','color',Color);
}
/*******end accessibility************/