window.addEvent('domready', function() 
{
var submenu = $('submenu');
var mainmenu = $('mainmenu');
var macFF3 = false;

if (Browser.Platform.mac && Browser.Engine.gecko && Browser.Engine.version > 18) {
	var macFF3 = true;
	$$('.botmenu li').setStyle('margin','0 0 3px 0');
	if ($('contact')){ $('contact').setStyle('font-size', '10px');}
}

//highligths active link in menu
$$('#mainmenu li.active').getFirst('a').addClass('mm_on');
$$('#submenu li.active').getFirst('a').addClass('sm_on');

//identifies toggler li
var togglerid = mainmenu.getFirst('li');
togglerid.setProperty('id','toggler');

// hides mainmenu
submenu.setStyle('visibility','hidden').setOpacity(0);

// sets opacity of bottom menus
$$('.botmenu').setOpacity(0.9);

var vhc = { 
	setbg: function(li){
		// what kind or li is it?
		var parentUlId = li.getParent('ul').getProperty('id');
		var aclass = (parentUlId == 'mainmenu') ? 'mm_on' : 'sm_on';
			
		// hides category submenu and prodlist if open and clears eventual on class
		if (li.getProperty('id')!= 'toggler' && aclass != 'sm_on'){
//			vhc.tgidst();
			submenu.fade('out');
			if (submenu.getElement('.sm_on')) {
				submenu.getElement('.sm_on').removeClass('sm_on');
			}
		}

		// search all anchors in parent UL and remove class from previous clicks
		if ($(parentUlId).getElement('.'+aclass)) {
			$(parentUlId).getElement('.'+aclass).removeClass(aclass);
		}
		// add classs
		li.getFirst('a').addClass(aclass);
	},
	
	tgidst : function(){
		if (submenu.getStyle('visibility') == 'hidden') {
			togglerid.getFirst('a').setStyle('background','url(assets/images/arr-dwnr.gif) right top no-repeat #C03');
		} else {
			togglerid.getFirst('a').setStyle('background','url(assets/images/arr-upr.gif) right top no-repeat #C03');
		}
	},
	
	displayProdList : function (elId) {
		$('contentbox').empty();
		$('contentbox').removeClass('blackbg');
		var pldiv = new Element('div');
		pldiv.setProperty('id', 'prodlist');
		pldiv.addClass('blackbg');
		pldiv.injectInside('contentbox');

//sends a data object via a GET request and alert the retrieved data. Harcoded URL
		var currenthost = location.host;
		var jsonRequest = new Request.HTML({		
			url: "http://"+currenthost+"/index.php?id=27&startId="+elId,
			method: 'get',
			update: 'prodlist',

			onRequest: function(){
				var loadingimg = new Element('img');
				loadingimg.setProperties({
					id: 'loadingimg',
					src: 'assets/images/loadinfo2.gif',
					alt: 'loading products'
				});
				loadingimg.injectInside('prodlist');

				var btdiv = new Element('div');
				btdiv.setProperty('id', 'prodlistbot');
				btdiv.addClass('blackbg');
				btdiv.injectAfter('prodlist');
			},
			onComplete: function(){
if (macFF3){$$('#dinlist a').setStyle('padding','1px 0 1px 6px');}
			}
		}).send(); //+elId
	},


//initialise valmasera functions	
	init: function(){
	this.setbg();
	this.tgidst();
	this.displayProdList();
	}
};	

//highlights Product in Mainmenu
prodCatId = window.prodCatId || 0;
if (prodCatId!=0){
	$('mainmenu').getFirst('li').setStyle('background','#C03');
}

// Menu toggler which also takes care of eventual open submenus
$('menutitle').addEvent('click', function(e){
	mainmenu.fade('toggle');
	if (submenu.getStyle('visibility')=='visible'){ 
		vhc.tgidst();
		submenu.fade('toggle');
	}
	if ($('prodlist')) {
			$('prodlist').removeClass('blackbg');
			$('prodlist').empty();
			$('contentbox').removeClass('blackbg');
			$('contentbox').getFirst('div').fade('out');
		}
});

// submenu toggler which also takes care of eventual open submenus
$('toggler').addEvent('click', function(e){
	e.stop();
	vhc.tgidst();
	submenu.fade('toggle');
	if ($('prodlist')) {
		$('prodlist').removeClass('blackbg');
		$('prodlist').empty();
		return;
	}
	$('contentbox').getFirst('div').fade('out');
});


// prod nav toggler 
if ($('prodnav')) {
	$('prodnav').setStyle('background','url(assets/images/arr-up.gif) left top no-repeat #000');
	$('prodnav').getFirst('h5').addEvent('click', function(e){
		$('prodinfo').fade('toggle');
		if ($('prodinfo').getStyle('visibility') == 'visible') {
			$('prodnav').setStyle('background','url(assets/images/arr-up.gif) left top no-repeat #000');
		} else {
			$('prodnav').setStyle('background','url(assets/images/arr-dwn.gif) left top no-repeat #000');
		}
	});
}

// prod nav toggler which also takes care of eventual open submenus
if ($('sectionav')) {
	$('sectionav').setStyle('background','url(assets/images/arr-dwn.gif) left top no-repeat #000');
	$('sectionav').setStyle('cursor','pointer').addEvent('click', function(e){
		$('contentbox').getFirst('div').fade('toggle');
		if ($('contentbox').getFirst('div').getStyle('visibility') == 'visible') {
			$('sectionav').setStyle('background','url(assets/images/arr-up.gif) left top no-repeat #000');
		} else {
			$('sectionav').setStyle('background','url(assets/images/arr-dwn.gif) left top no-repeat #000');
		}
	});
}

// submenu function to launch product list
$$('#submenu li').each(function(el) {
	el.addEvent('click', function(e){
		e.stop();
		var elId = el.getFirst('a').getProperty('href');
		elId = elId.replace('/index.php?id=',''); // harcoded url
		vhc.setbg(el);
		vhc.displayProdList(elId);
		$('contentbox').fade('0.9');
	});
});

// mainmenu bgs
$$('#mainmenu li').each(function(el) {
	el.addEvent('click', function(e){
		vhc.setbg(el);
	});		
});

// end domready
});