var DHMenu ={
	//rootMenus: ['btn_dominios','btn_hosting','btn_serv_ded','btn_sms','btn_serv_jur','btn_resellers','btn_tienda','btn_ofertas'],
	rootMenus: ['btn_portada','btn_aldia','btn_politica','btn_territorio','btn_ocio','btn_deportes','btn_servicios','btn_campMorvedre', 'btn_hortaNord','btn_opinion'],
	root: null,

	config: function ()
	{
		TransMenu.spacerGif = "imagenes/x.gif";                     // path to a transparent spacer gif
		TransMenu.dingbatOn = "imagenes/submenu-on.gif";            // path to the active sub menu dingbat
		TransMenu.dingbatOff = "imagenes/submenu-off.gif";          // path to the inactive sub menu dingbat
		TransMenu.dingbatSize = 14;                            // size of the dingbat (square shape assumed)
		TransMenu.menuPadding = 0;                             // padding between menu border and items grid
		TransMenu.itemPadding = 1;                             // additional padding around each item
		TransMenu.shadowSize = 2;                              // size of shadow under menu
		TransMenu.shadowOffset = 3;                            // distance shadow should be offset from leading edge
		TransMenu.shadowColor = "#888";                        // color of shadow (transparency is set in CSS)
		TransMenu.shadowPng = "imagenes/grey-40.png";               // a PNG graphic to serve as the shadow for mac IE5
		TransMenu.backgroundColor = "white";                   // color of the background (transparency set in CSS)
		TransMenu.backgroundPng = "imagenes/white-90.png";          // a PNG graphic to server as the background for mac IE5
		TransMenu.hideDelay = 400;                            // number of milliseconds to wait before hiding a menu
		TransMenu.slideTime = 400;                             // number of milliseconds it takes to open and close a menu
	},

	init: function()
	{
		if (TransMenu.isSupported())
		{
			this.config();

			this.root=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

			for (var i=0, len=this.rootMenus.length; i<len; ++i)
			{
				var items=$$('#'+this.rootMenus[i]+' ul li a');
				if (items.length)
				{
					var menu=this.root.addMenu($$('#'+this.rootMenus[i]+' a')[0]);
					for (var j=0; j<items.length; ++j)
					{
						menu.addItem(items[j].innerHTML,items[j].href);
					}
				}
			}

			TransMenu.renderAll();

		}
	}
};

DHPopUpGallery= new Class.create();
DHPopUpGallery.prototype = {
	items: [],
	popUp: {layer:null, close: null, img: null, nav: null, txt1: null, txt2:null},
	currPos: {},
	navs: [],
	popedUp: false,

	initialize: function (items)
	{
		this.items=items;

		var uls=[];
		if (this.items.length)
		{
			this.createPopUp();
			for (var i=0;i<this.items.length ; i++)
			{
				var wrapper = this.items[i].up('ul');
				var siblings = wrapper.getElementsByClassName('galleryLaunch');

				var items = [];
				for (var j=0; j<siblings.length; j++) {
					var cloned = siblings[j].cloneNode(true);
					if (cloned.href==this.items[i].href)
					{
						cloned.addClassName('activa');
					}
					items.push(Builder.node('li', cloned));
				}

				this.navs[this.items[i].href]=Builder.node('ul', {}, items);
				Event.observe(this.items[i],'click',this.show.bindAsEventListener(this,this.items[i]),false);

			}
		}
	},

	setNav: function (nav)
	{
		return;
		this.popUp.nav.innerHTML="";
		this.popUp.nav.appendChild(nav.cloneNode(true));		

		var items=$$('#popUpNavegator .galleryLaunch');

		for (var i=0; i<items.length; i++)
		{
			Event.observe(items[i],'click',this.swapTo.bindAsEventListener(this,items[i]));							
		}
	},


	swapTo: function (evt,newImg)
	{
		evt.stop();
		this.popUp.img.src=newImg.href;
		this.setNav(this.getNav(newImg.href));
		evt.stop();
	},

	afterSwapTo: function (img)
	{
		this.popUp.img.src=img.href;
		Effect.Appear(this.popUp.img)
		this.setNav(this.getNav(img.href));
	},

	getWindowSize: function() 
	{
		var width = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
		var height = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
		var x = window.pageXOffset || (window.document.documentElement.scrollLeft || window.document.body.scrollLeft);
		var y = window.pageYOffset || (window.document.documentElement.scrollTop || window.document.body.scrollTop);

		return {'width':width, 'height':height, 'x':x, 'y':y}
	},

	createPopUp: function ()
	{
		this.popUp.close=Builder.node('a', {id: 'popUpClose',href:'#close', 'class':'close'}, 'Cerrar');
		Event.observe(this.popUp.close,"click",this.closePopup.bindAsEventListener(this));

		this.popUp.img=Builder.node('img',{'id':'imgPopUp'});
		this.popUp.txt1=Builder.node('strong',{},'');
		this.popUp.txt2=Builder.node('p',{},'');

		this.popUp.layer=Builder.node('div',{'id':'galeria','class':'emerxente_degradados'},
			[Builder.node('span',{'class':'sombraLT'}),
			 Builder.node('div',{'class':'sombraT','id':'divPopupImages'}),
			 Builder.node('span',{'class':'sombraRT'}),
			 Builder.node('div',{'class':'clear'}),
 			 Builder.node('div',{'class':'sombraAltos'},
				[Builder.node('div',{'class':'sombraR'},
					[Builder.node('div',{'class':'sombraL'},
						[Builder.node('div',{'class':'content','id':'divContent'},
							[this.popUp.close,
							 Builder.node('div',{'class':'clear'}),
							 Builder.node('div',{'id':'ImagePopUp'},this.popUp.img),
							 Builder.node('div',{'id':'texto_popup'},
								[
									Builder.node('p',{},[this.popUp.txt1]),
									this.popUp.txt2
								]),
							])
						]),
					]),
				]),
			 Builder.node('div',{'class':'clear'}),
			 Builder.node('span',{'class':'sombraLB'}),
			 Builder.node('div',{'class':'sombraB'}),
			 Builder.node('span',{'class':'sombraRB'}),
			]);

		Element.setOpacity(this.popUp.layer,0);
		document.body.appendChild(this.popUp.layer);
	},

	closePopup: function (evt)
	{
		this.popUp.layer.hide();
		this.popedUp=false;
	},

	showPopUpLayer: function(centro,evt)
	{
		if (this.popedUp)
		{
			return;
		}

		var xIni=evt.target.offsetLeft;
		var yIni=evt.target.offsetTop;
		var ancho=674;
		var alto=500;
		this.popUp.layer.absolutize();

		this.popUp.layer.style.width=evt.target.width+"px";
		this.popUp.layer.style.height=evt.target.height+"px";
		this.popUp.layer.style.left=xIni+"px";
		this.popUp.layer.style.top=yIni+"px";


		var xFin=centro.x-(ancho/2);
		var yFin=centro.y-(alto/2);

		var incX=xFin-xIni;
		var incY=yFin-xIni;

		Element.setOpacity(this.popUp.layer,0);

		new Effect.Parallel([
							new Effect.Move(this.popUp.layer,{x:xFin, y:yFin, mode:'absolute', sync:true}),
							new Effect.Scale(this.popUp.layer,ancho/evt.target.width*100,{ sync:true, scaleY:false, scaleContent:false }),
							new Effect.Scale(this.popUp.layer,alto/evt.target.height*100,{ sync:true, scaleX:false, scaleContent:false }),
							new Effect.Appear(this.popUp.layer, {sync:true})
							], {duration: 1});

		this.popUp.layer.show();
		this.popedUp=true;
	},

	ShowImgFromThumbIE6: function(title, text, fileImg, width)
	{
		try{newWindowsIE6.document.getElementById('ImagePopUp');}
		catch(ex){newWindowsIE6="";}
		if (!newWindowsIE6) {newWindowsIE6=window.open('','','dependent=yes,toolbar=no,scrollbars=yes,menubar=no,resizable=yes,status=no,width='+(Number(width)+104)+',height='+((Number(width)/1.33)+180));}
		else {newWindowsIE6.resizeTo(Number(width)+104,(Number(width)/1.33)+180);}
		newWindowsIE6.location.reload();
		newWindowsIE6.document.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">"+
									"<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"es\"><head><title>"+title+"</title><meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />"+
									"<style type=\"text/css\">html, body {background-color:#FF7703; color:#333333; font-family: Arial, Helvetica, FreeSans, sans-serif; font-size:12px; padding: 0px; margin: 20px;}"+
										".content { background-color: #ececec; padding: 20px; height: 1px; margin-right: auto; margin-left: auto; position: relative; }"+
										".imgLT, .imgRT, .imgLB, .imgRB { background-image: url(imagenes/capturasIE6/popUpLB.gif); display: block; width: 10px; height: 10px; overflow: hidden; position: absolute; }"+
										".imgLT { background-image: url(imagenes/capturasIE6/popUpLT.gif); left: 0px; top: 0px; }"+
										".imgRT { background-image: url(imagenes/capturasIE6/popUpRT.gif); right: 0px; _right: -1px; top: 0px; }"+
										".imgLB { background-image: url(imagenes/capturasIE6/popUpLB.gif); left: 0px; bottom: 0px; }"+
										".imgRB { background-image: url(imagenes/capturasIE6/popUpRB.gif); right: 0px; _right: -1px; bottom: 0px; }</style></head>"+
									"<body><div class=\"content\" id=\"content\"><span class=\"imgLT\"></span><span class=\"imgRT\"></span>"+
										"<img id=\"ImagePopUp\" src=\""+pathImages+fileImg+"\" alt=\""+title+"\" title=\""+title+"\" widht=\"100%\">"+
										"<div id=\"texto_popup\"><h3>"+title+"</h3><p>"+text+"</p></div><span class=\"imgLB\"></span><span class=\"imgRB\"></span></div></body></html>");
		newWindowsIE6.focus();
		return ;

	},

	show: function (evt,img)
	{
		if (window.navigator.appName=="Microsoft Internet Explorer"){
			var version="";
			try{version=window.navigator.appVersion; version=version.substring(version.indexOf("MSIE")+5,version.indexOf("MSIE")+6);}
			catch(ex){version=6;}
			if (version<7) {
				this.ShowImgFromThumbIE6(img.next().innerHTML, img.next().next().innerHTML, img.href, 800);
			}
			Event.stop(evt);
			return;
		}

		var wSize=this.getWindowSize();
		var centro={'x':wSize.width/2,'y':(wSize.height/2)+wSize.y};

		Event.stop(evt);
		this.popUp.img.src=img.href;
		this.popUp.txt1.innerHTML=img.next().innerHTML;
		this.popUp.txt2.innerHTML=img.next().next().innerHTML;
		this.showPopUpLayer(centro,evt);

	},

	getNav: function (img)
	{
		return this.navs[img];
	}

};

var DHFader = {
	triggers: null,
	contenidos: null,
	hashes: [],
	currID: false,

	init: function (triggers,contenidos) {
		this.triggers=triggers;
		this.contenidos=contenidos;
		this.currID=null;

		if (!triggers.length || !contenidos.length)
		{
			return;
		}

		for (var i=0; i<this.contenidos.length; i++)
		{
			var tmp=this.contenidos[i].id.match(/^swapable_(.*)$/);
			if (tmp && tmp[1])
			{
				this.hashes[tmp[1]]=i;
				this.contenidos[i].style.display="none";	
			}
		}

		for (var i=0; i<this.triggers.length; i++)
		{
			var tmp=this.triggers[i].hash.match(/^\#(.*)$/);
			if (tmp && tmp[1] && this.hashes[tmp[1]] != null)
			{
				Event.observe(triggers[i],"click",this.swapTo.bind(this,this.hashes[tmp[1]]),false);
			}
		}

		 if (document.location.hash) 
		 {
			var inicial = document.location.hash;
			inicial = inicial.match(/#(.*)/)[1];
			if (this.hashes[inicial]!=null)
			{
				this.swapTo(this.hashes[inicial]);
			}
		}
		else
		{
			this.swapTo(0);
		}
	},

	swapTo: function (idx) {
		if (this.currID == null)
		{
			this.show(idx);
		}
		else if (this.currID == idx)
		{
			return;
		}
		else
		{
			Effect.Fade(this.contenidos[this.currID].id,{afterFinish: this.show.bind(this,idx)});
		}
	},

	show: function (idx) {
		Effect.Appear(this.contenidos[idx].id);		
		this.currID=idx;
	}
};

function openChat()
{
	alert("Abriendo Chat");
	alert("Fin openChat");
}