//showHideMainRollOutSubMenu begin

var agt=navigator.userAgent.toLowerCase();
var is_major = parseInt(navigator.appVersion);
var is_minor = parseFloat(navigator.appVersion);
var is_nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1) && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1) && (agt.indexOf('webtv')==-1));

var is_nav4 = (is_nav && (is_major == 4));
var is_nav4up = (is_nav && (is_major >= 4));
var is_nav6 = (is_nav && (is_major == 5));
var is_nav6up = (is_nav && (is_major >= 5));
var is_ie = (agt.indexOf("msie") != -1);
var is_ie3 = (is_ie && (is_major < 4));
var is_ie4 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")==-1));
var is_ie4up = (is_ie && (is_major >= 4));
var is_ie5 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1));
var is_ie5up = (is_ie && !is_ie3 && !is_ie4);
var is_opera = (agt.indexOf("opera") != -1);
var is_opera4 = (is_opera && (is_major == 4));
var is_opera5 = (is_opera && (is_major == 5));
var is_opera5up = (is_opera && (is_major >= 5));

var is_domcom = ((is_nav6up)||(is_ie5up)||(is_opera5up))
var is_mac = (agt.indexOf("mac")!=-1);
var is_mac68k = (is_mac && ((agt.indexOf("68k")!=-1) || (agt.indexOf("68000")!=-1)));
var is_macppc = (is_mac && ((agt.indexOf("ppc")!=-1) || (agt.indexOf("powerpc")!=-1)));



var _timeout = 500;

function getElementByIds(_id) {

var _el;

if(is_domcom) {
_el = document.getElementById(_id);
} else if(is_ie4) {
_el = document.all[_id];
}

return _el;
}

function rollOut(_obj, n){

 //n = n + 10;
 n = n + 90;

 if(is_opera5up)
 //n = n + 20;
 n = n + 100;

 document.getElementById(_obj).style.clip = 'rect(auto 534px ' + n + 'px auto)';

 if(n < 400){
 setTimeout("rollOut('" + _obj + "', " + n +")", 0);
 }
}

function _showMenu(_objID) {
 var _obj = getElementByIds(_objID);
 if(_obj) {
 _obj.style.display = 'block';
 _obj.style.clip = 'rect(0 0 0 0)';
 rollOut(_objID, 0);
 }
}

function _hideMenu(_objID) {
 var _obj = getElementByIds(_objID);
 
 arr = new Array();
 arr[0] = new Array();
 arr[1] = new Array();
 arr[2] = new Array();
 arr[3] = new Array();
 
 arr[0][0] = 'submenuAboutUs';
 arr[0][1] = 'topmenuLink21';
 
 arr[1][0] = 'submenuPortfolio';
 arr[1][1] = 'topmenuLink31';
 
 arr[2][0] = 'submenuCreativeServices';
 arr[2][1] = 'topmenuLink41';
 
 arr[3][0] = 'submenuMarketingResources';
 arr[3][1] = 'topmenuLink51';
 
 for (i = 0; i < arr.length; i++) {
	if (arr[i][0] == _objID)
		document.getElementById(arr[i][1]).style.color = '#F4ED76';
 }
 
 if(_obj) {
 _obj.style.display = 'none';
 _obj.style.clip = 'rect(auto auto auto auto)';
 }
}

//hide other submenus begin
function hideOther(_id){
 var myMenu = getElementByIds(_id);
 var sm1 = getElementByIds("submenuAboutUs");
 var sm2 = getElementByIds("submenuPortfolio");
 var sm3 = getElementByIds("submenuCreativeServices");
 var sm4 = getElementByIds("submenuMarketingResources");
 var sm11 = getElementByIds("topmenuLink21");
 var sm21 = getElementByIds("topmenuLink31");
 var sm31 = getElementByIds("topmenuLink41");
 var sm41 = getElementByIds("topmenuLink51");

 if(sm1 && sm1 != myMenu) {
 sm1.style.display = 'none';
 }
 if(sm2 && sm2 != myMenu) {
 sm2.style.display = 'none';
 }
 if(sm3 && sm3 != myMenu) {
 sm3.style.display = 'none';
 }
 if(sm4 && sm4 != myMenu) {
 sm4.style.display = 'none';
 }
 if(sm1 == myMenu)	{
 sm11.style.color = 'white';
 }
 if(sm1 != myMenu)	{
 sm11.style.color = '#F4ED76';
 }
 if(sm2 == myMenu)	{
 sm21.style.color = 'white';
 }
 if(sm2 != myMenu)	{
 sm21.style.color = '#F4ED76';
 }
 if(sm3 == myMenu)	{
 sm31.style.color = 'white';
 }
 if(sm3 != myMenu)	{
 sm31.style.color = '#F4ED76';
 }
 if(sm4 == myMenu)	{
 sm41.style.color = 'white';
 }
 if(sm4 != myMenu)	{
 sm41.style.color = '#F4ED76';
 }
}
//hide other submenus end

/*************************************************
 * shows element with id passed as parameter
 *************************************************/
function doOver(_id) {

 var _el = getElementByIds(_id);
 hideOther(_id);
 if(_el) {
 if(_el.timer) {
 clearTimeout(_el.timer);
 }
 if(_el.style.display != 'block')
 _showMenu(_id);
 }
}

/*************************************************
 * hides element with id passed as parameter
 *************************************************/

var time

function doOut(_id) {

 var _el = getElementByIds(_id);

 if(_el) {
 var _timer = setTimeout("_hideMenu('" + _id + "')", _timeout);
 _el.timer = _timer;
 } 
}
//showHideMainRollOutSubMenu end