$(
	function()
	{
		if ($.browser.msie)
		{
			if ($.browser.version == "6.0")
			{
				$('link').each(
					function()
					{
						if ($(this).attr('href') == "cssV2.css" )
							$(this).attr('href','css.ie6V2.css');
					}
				);
			}
		}
		
		$("div.cssMasterPanel div.cssMenu ul li a").each(
			function(i)
			{
				strHtml = $(this).html();
				$(this).html("<div class='cssNormal'>"+strHtml+"</div>");
				if (!$(this).parent().hasClass('cssPick'))
				{				
					funMakeItem($(this));
					$(this).children('div.cssOver').css('display','none');
					$(this).children('div.cssNormal').css('display','block');
							
					$(this).mouseover(
						function()
						{
							$(this).css('cursor','pointer');
							//funMakeItem($(this));
														
							$(this).children('div.cssOver').css('display','block');
							$(this).children('div.cssNormal').css('display','none');
						}
					);
					
					$(this).mouseout(
						function()
						{
							$(this).children('div.cssOver').css('display','none');
							$(this).children('div.cssNormal').css('display','block');
						}
					);
				}
				else
				{
					funMakeItem($(this));									
					$(this).children('div.cssOver').css('display','block');
					$(this).children('div.cssNormal').css('display','none');
				}
			}
		);
		
		if ($("div.cssOverLayer").length > 0)
		{
			//top:125px;left:140px
			var intX = $('div.cssMasterPanel').offset().left;
			var intY = $('div.cssMasterPanel div.cssContent').offset().top;
						
			$("div.cssOverLayer").css('top', intY );
			$("div.cssOverLayer").css('left', intX - 42);
			$("div.cssOverLayer div.cssPanel").css('display','none');
			
			/*
			$("div.cssOverLayer div.cssTab").mouseover(
				function()
				{
					$(this).css('cursor','pointer');
				}
			);
			*/
			$("div.cssOverLayer div.cssTab ul li").each(
				function()
				{
					$(this).click(
						function()
						{
							
							
						}
					);
					
					$(this).mouseover(
						function()
						{
							$(this).css('cursor','pointer');
						}
					);
				}
			);
			/*
			$("div.cssOverLayer div.cssTab").click(
				function()
				{
					//strStatus = $(this).parent().children("div.cssPanel").css('display');
					
					//if (strStatus == 'none')
					$(this).parent().children("div.cssPanel").show();
					//else
					//$(this).parent().children("div.cssPanel").hide();
				}
			);
			*/
		}
	}
)

function funMakeItem1(objItem)
{
	if (objItem.children('div.cssOver').length == 0)
	{
		strSrc = objItem.children('div.cssNormal').children('img').attr('src');
		aryPath = strSrc.split('/');
								
		strNewPath = "";
		for (var z=0;z<aryPath.length;z++)
			if (z < aryPath.length-1)
				strNewPath += aryPath[z]+"/";
			else
				strNewPath += "over/"+aryPath[z] ;	
									
		objItem.append("<div class='cssOver'><img src='"+strNewPath+"' /></div>");
	}
}

function funMakeItem(objItem)
{
	if (objItem.children('div.cssOver').length == 0)
	{
		strSrc = objItem.children('div.cssNormal').children('img').attr('src');
		aryPath = strSrc.split('/');
								
		strNewPath = "";
		for (var z=0;z<aryPath.length;z++)
			if (z < aryPath.length-1)
				strNewPath += aryPath[z]+"/";
			else
				strNewPath += "over/"+aryPath[z] ;	
									
		objItem.append("<div class='cssOver'><img src='"+strNewPath+"' /></div>");
	}
}

function funMakeNewLayer(objItem,strName)
{
	if (strName != "" && strName != undefined)
	{
	}
	else
		strName = "#overlayercontent";
	
	$(strName).remove();
	var intH = objItem.height();
	objItem.append('<div id="overlayercontent"></div>');
	
	$(strName).css('position','relative');
	$(strName).css('top',-intH);
	//$("#overlayercontent").css('float','left');
	$(strName).css('margin', '0');
	$(strName).css('padding', '0');
	$(strName).css('z-index', '10');
							
	//objItem.show('slow');
}