//--------------------------function1 start here------------------------------------;
function colorchange1(x)
{
var newImage = 'url(images/box01-bg.gif)';
document.getElementById(x).style.backgroundImage = newImage;
document.getElementById(x).style.color = '#504B03'; 

}
function colorchangeonmouseout1(x1)
{

var newImage = 'url(images/box02-bg.gif)';
document.getElementById(x1).style.backgroundImage = newImage;
document.getElementById(x1).style.color = '#A2A5B4';

}

function colorchangeonclick1(x1)
{

var newImage = 'url(images/box01-bg.gif)';
document.getElementById(x1).style.backgroundImage = newImage;
document.getElementById(x1).style.color = '#A2A5B4';
document.location.href="Inventory_Supply_Chain.aspx";
}
//function1 end here;


//---------------------------function2 start here--------------------------------------;
function colorchange2(x)
{
var newImage = 'url(images/box01-bg.gif)';
document.getElementById(x).style.backgroundImage = newImage;
document.getElementById(x).style.color = '#504B03'; 

}
function colorchangeonmouseout2(x1)
{

var newImage = 'url(images/box02-bg.gif)';
document.getElementById(x1).style.backgroundImage = newImage;
document.getElementById(x1).style.color = '#A2A5B4';
}

function colorchangeonclick2(x1)
{

var newImage = 'url(images/box02-bg.gif)';
document.getElementById(x1).style.backgroundImage = newImage;
document.getElementById(x1).style.color = '#A2A5B4';
document.location.href="Declining_Budget_PL.aspx";
}
//function1 end here;

//---------------------------function3 start here--------------------------------------;
function colorchange3(x)
{
var newImage = 'url(images/box01-bg.gif)';
document.getElementById(x).style.backgroundImage = newImage;
document.getElementById(x).style.color = '#504B03'; 

}
function colorchangeonmouseout3(x1)
{

var newImage = 'url(images/box02-bg.gif)';
document.getElementById(x1).style.backgroundImage = newImage;
document.getElementById(x1).style.color = '#A2A5B4';
}

function colorchangeonclick3(x1)
{

var newImage = 'url(images/box02-bg.gif)';
document.getElementById(x1).style.backgroundImage = newImage;
document.getElementById(x1).style.color = '#A2A5B4';
document.location.href="Payroll_Management.aspx";
}
//function3 end here;


//-----------------------------function4 start here-------------------------------------;
function colorchange4(x)
{
var newImage = 'url(images/box01-bg.gif)';
document.getElementById(x).style.backgroundImage = newImage;
document.getElementById(x).style.color = '#504B03';


}
function colorchangeonmouseout4(x1)
{

var newImage = 'url(images/box02-bg.gif)';
document.getElementById(x1).style.backgroundImage = newImage;
document.getElementById(x1).style.color = '#A2A5B4';

}

function colorchangeonclick4(x1)
{

var newImage = 'url(images/box01-bg.gif)';
document.getElementById(x1).style.backgroundImage = newImage;
document.getElementById(x1).style.color = '#A2A5B4';
document.location.href="Multi-Level_Reporting.aspx";
}
//function4 end here;