var intSid = -1;

$(
	function()
	{
		$("div.cssSubmenlayer").hide();
		
		$("div.cssSubmenlayer").each(
			function()
			{
				$(this).children().each(
					function()
					{
						$(this).mouseover(
							function()
							{
								//alert('123');
								clearInterval(intSid);
								
							}
						);
					}
				);
				
				$(this).mouseover(
					function()
					{
						clearInterval(intSid);
						
					}
				);
				
				$(this).mouseout(
					function()
					{
						var strID = $(this).attr('id');
						
						clearInterval(intSid);
						intSid = setInterval("removeMenu('#"+strID+"')" , 250 );
					}
				);
			}
		);
		
		$("td.cssSubMenu").each(
			function()
			{
				$(this).mouseover(
					function()
					{
						$("div.cssSubmenlayer").hide();
						var strID = $(this).attr('id');
						var objItem = $("#"+strID+"_content");
						
						objItem.show();
						objItem.css('position','absolute');
						objItem.css('z-index','10');
						
						objItem.css('top' , $(".cssMenuReference").find("td:eq(0)").offset().top +  $(".cssMenuReference").find("td:eq(0)").height() );
						objItem.css('left' , $(".cssMenuReference").find("td:eq(0)").offset().left);
					}
				);
				
				$(this).mouseout(
					function()
					{
						var strID = $(this).attr('id');
						var objItem = $("#"+strID+"_content");
						
						clearInterval(intSid);
						intSid = setInterval("removeMenu('#"+strID+"_content')" , 250 );
						//objItem.hide();
					}
				);
			}
		);
		
		$("a").each(
			function()
			{
				if ($(this).attr('rel') == "lightbox")
				{
					$(this).data('link' , $(this).attr('href'));
					$(this).attr('href' , '#' );
					
					if ($(this).attr('mover') != "" && $(this).attr('mover') != undefined)
					{
						$(this).mouseover(
							function(e)
							{
								$("#moverlayer").remove();
								
								//alert(e.pageY);
								objMOverLayer = $("<div id='moverlayer'></div>");
								objMOverLayer.css('position' , 'absolute');
								objMOverLayer.css('z-index' , '100');
								objMOverLayer.css('top' , $(this).offset().top -150 );
								objMOverLayer.css('left' , $(this).offset().left - 300 );
								
								objMOverLayer.html("<img src='"+$(this).attr('mover') +"' />");
								
								$("body").append(objMOverLayer);
							}
						);
						
						$(this).mouseout(
							function()
							{
								$("#moverlayer").remove();
							}
						);
					}
					
					$(this).click(
						function()
						{
							//alert($("html").height());
							$("#moverlayer").remove();
							if ($("#overlayer").length > 0 )
							{
								objMask = $("#overlayer");
							}
							else
							{
								objMask = $("<div id='overlayer'></div>"); 
										
								objMask.css('background' , '#000000');
								objMask.css('opacity' , '0.7');
								objMask.css('width' , $(window).width());
								objMask.css('height' , $("html")[0].scrollHeight * 1 );
								objMask.css('position' , 'absolute');
								objMask.css('z-index' , 9998);
								objMask.css('top' , 0 );
								objMask.css('left' , 0);
								
								
								$("body").append(objMask);
							}
							//alert($(this).data('link'));
							
							objMask.fadeIn('slow');
							
							$(window).resize(
								function()
								{
									objMask = $("#overlayer");
										
									objMask.css('width' , $(window).width());
									objMask.css('height' , $("html")[0].scrollHeight * 1 );
									
									$("#overlayerimg").css('left' , ($(window).width() - $("#overlayerimg").width()) / 2 );
								}
							);
							
							if ($("#overlayerimg").length > 0 )
							{
								objImg = $("#overlayerimg");
								objImg.html("");
							}
							else
							{
								objImg = $("<div id='overlayerimg'></div>"); 
										
								objImg.css('background' , '#ffffff');
								objImg.css('padding' , '10px');
								objImg.css('width' , 100 );
								objImg.css('height' , 100  );
								objImg.css('overflow' , 'hidden' );
								objImg.css('position' , 'absolute');
								objImg.css('z-index' , 9999);
								objImg.css('top' , 50 );
								objImg.css('left' , ($(window).width() - 100) / 2 );
								$("body").append(objImg);
							}
							objImg.html("<br/><center><img src='images/loading.gif'></center>");
							objImg.show();
							
							if ($(this).attr('type') == "iframe" )
							{
									objItem = $("<div id='imgs'><div style='font-size:14px'>"+$(this).attr('title')+"</div><iframe src='"+$(this).data('link')+"' width='600' height='400' /></div>");
									objItem.hide();
									
									$("#overlayerimg").html(objItem);
								
									var intW = 600;
									//$(this).css('margin-left' , -($(this).width()) / 2 );
									
									$("#overlayerimg").animate(
										{
											'left'	: ($(window).width() - (intW + 20) ) / 2 ,
											'width' : (intW )	
										}
									);
									//$(this).hide();
									objItem.animate(
										{
											'marginLeft' : 0 
										} , 'normal' ,
										function ()
										{
											funAdjustWidth();
										}
										
									);
							}
							else
							{
								objImgA = new Image();
							//objImg.hide();
							$(objImgA).attr('id' , 'imgs' );
							$(objImgA).load(
								function()
								{
									$("#overlayerimg").html($(this));	
									
									var intW = ($(this).width());
									//$(this).css('margin-left' , -($(this).width()) / 2 );
									
									$("#overlayerimg").animate(
										{
											'left'	: ($(window).width() - (intW + 20) ) / 2 ,
											'width' : (intW )	
										}
									);
									$(this).hide();
									$(this).animate(
										{
											'marginLeft' : 0 
										} , 'normal' ,
										function ()
										{
											funAdjustWidth();
										}
										
									);
									
								}
							).attr('src' , $(this).data('link') );
							}
						}
					);
				}
			}
		);
	}
)

function removeMenu(strID)
{
	clearInterval(intSid);
	 $(strID).hide();
}

function funAdjustWidth()
{
	objCloseBtn = $("<img src='images/closelabel.gif' />");
	objCloseBtn.css('float' , 'right' );
	objCloseBtn.css('margin-top' , '10px' );
	
	$("#overlayerimg").append(objCloseBtn);
	
	$("#imgs").show();
	
	var intH = $("#imgs").height() + 20 + objCloseBtn.height() + 10 ;
	
	$("#overlayerimg").animate(
		{
			'height' : intH
		} , 'normal'
	);
	
	objCloseBtn.mouseover(
		function()
		{
			$(this).css('cursor' , 'pointer');
		}
	);
	objCloseBtn.click(
		function()
		{
			$("#overlayer").fadeOut('normal');
			$("#overlayerimg").fadeOut('normal' , function()
			{
				$("#overlayerimg").html("");
			});
		}
	);
}