function loadjscssfile(filename, filetype) {
	if (filetype == "js") { // if filename is a external JavaScript file
		var fileref = document.createElement('script');
		fileref.setAttribute("type", "text/javascript");
		fileref.setAttribute("src", filename);
	} else if (filetype == "css") { // if filename is an external CSS file
		var fileref = document.createElement("link");
		fileref.setAttribute("rel", "stylesheet");
		fileref.setAttribute("type", "text/css");
		fileref.setAttribute("href", filename);
	}
	if (typeof fileref != "undefined") {
		document.getElementsByTagName("head")[0].appendChild(fileref);
	}
}

var filesadded = ""; // BADD GLOBALLLL!! REMOVE list of files already added

function checkloadjscssfile(filename, filetype) {
	if (filesadded.indexOf("[" + filename + "]") == -1) {
		loadjscssfile(filename, filetype);
		filesadded += "[" + filename + "]";
	}
}

function createVerticalMenu(siteid, menuid, elemid, type, menuids, menu_type, newmenuid) {

	if (menu_type === 'development') {
		var url = '/static/test_tree/css/verticalCss.php?s0_id=' + menuid
				+ '&s0_type=' + type + '&s0_elemid=' + elemid + '&s0_newmenuid='+newmenuid + '&site_id='+siteid;
	} else {
		var url = '/static/test_tree/css/productionVerticalCss.php?s0_id='
				+ menuid + '&s0_type=' + type + '&s0_elemid=' + elemid + '&s0_newmenuid='+newmenuid;
	}

	menuids.push('sidebarmenu_' + newmenuid);

	checkloadjscssfile(url, "css");
	//console.log(url);
	
	jQuery("div#"+elemid+" > .styles").load(url);
	jQuery('.sidebarmenu_'+newmenuid).remove();


	var loadUrl = "/static/test_tree/menus/getMenu.php?menu_id=" + menuid
			+ "&menu_type=" + type + "&elem_id=" + elemid+ '&newmenuid='+newmenuid + '&site_id='+siteid;
	jQuery('#' + elemid).append(jQuery.getValues(loadUrl));
}

function createHorizontalMenu(siteid, menuid, elemid, type, menuids, menu_type, newmenuid) {

	if (menu_type === 'development') {
		var url = '/static/test_tree/css/horizontalCss.php?s0_id=' + menuid
				+ '&s0_type=' + type + '&s0_elemid=' + elemid+ '&s0_newmenuid='+newmenuid;
	} else {
		var url = '/static/test_tree/css/productionHorizontalCss.php?s0_id='
				+ menuid + '&s0_type=' + type + '&s0_elemid=' + elemid+ '&s0_newmenuid='+newmenuid;
	}

	checkloadjscssfile(url, "css");
	

	jQuery("div#"+elemid+" > .styles").load(url);
	jQuery('#myslidemenu_'+newmenuid).remove();
	

	var loadUrl = "/static/test_tree/menus/getMenu.php?menu_id=" + menuid
			+ "&menu_type=" + type + "&elem_id=" + elemid + '&newmenuid='+newmenuid + '&site_id='+siteid;
	jQuery('#' + elemid).append(jQuery.getValues(loadUrl));

}

function activateMenus(param, val, menu_type) {

	// console.log(menu_type);

	var menus = jQuery('.menu');
	var menuids = [];
	var horizontalMenus = [];
	var i = 0;
	for (i; i < menus.length; i++) {
		var type = jQuery(menus[i]).attr('type');
		var elemid = jQuery(menus[i]).attr('id');
		var siteid = jQuery(menus[i]).attr('siteid');
		var menuid = jQuery(menus[i]).attr('menuid');
		var newmenuid = jQuery(menus[i]).attr('id');
		if (type === '0') {
			createVerticalMenu(siteid, menuid, elemid, type, menuids, menu_type, newmenuid);
		}
		if (type === '1') {
			createHorizontalMenu(siteid, menuid, elemid, type, menuids, menu_type, newmenuid);
			horizontalMenus.push('myslidemenu_' + newmenuid);
		}
	}
	jQuery.getScript('/static/test_tree/js/verticalMenu.js', function() {
		//console.log(menuids);
		initsidebarmenu(menuids);
	});
	jQuery.getScript('/static/test_tree/js/horizontalMenu.js', function() {
		var arrowimages = {
			down : [ 'downarrowclass', 'down.gif', 23 ],
			right : [ 'rightarrowclass', 'right.gif' ]
		};
		var i = 0;
		for (i; i < horizontalMenus.length; i++) {
			jqueryslidemenu.buildmenu(horizontalMenus[i], arrowimages);
		}
	});
}