var intMinWidth = 1046;
var intStartX = 0;
var intStartY = 20;
var intDelay = 5;
var intWindowW ;
var intH ;
var intMLR;
var strGo = "";

$(window).load(
	function()
	{
		$(".cssHideD").css("opacity" , 0);
		$(window).resize(
			function()
			{
				resizeWindow();
			}
		);
		resizeWindow();
		initNavMenu();
	}
);

function resizeWindow()
{
	intStartX = 0;
	intStartY = 20;
	intH = 0;
	intWindowW = Math.max(intMinWidth , $(window).width() - ($.browser.msie ? 0 : 0) );
	intMLR = 0;
	var objBGPanel = $(".cssBgPanel:eq(0)");
	var objFooterPanel = $(".cssFooterPanel:eq(0)");
	
	
	$(".cssRootPanel").each(
		function()
		{
			$(this).css("width" , intWindowW );
			$(this).show();
		}
	);
	
	intMLR = parseCss(objBGPanel.find(".cssLeftPanel:eq(0)").css('margin-left'));
	intMLR+= parseCss(objBGPanel.find(".cssLeftPanel:eq(0)").css('margin-right'));
	intMLR+= (objBGPanel.find(".cssLeftPanel:eq(0)").width());
	intStartX += intMLR;
	intMLR+= parseCss(objBGPanel.find(".cssRightPanel:eq(0)").css('margin-left'));
	intMLR+= parseCss(objBGPanel.find(".cssRightPanel:eq(0)").css('margin-right'));
	//intMLR+= ($.browser.msie ? 10 : 0);
	
	//alert("Q"+(objBGPanel.find(".cssLeftPanel:eq(0)").css('width')));
	
	objBGPanel.find(".cssRightPanel").css('width' , intWindowW - intMLR);
	intStartY+= objBGPanel.find(".cssRightPanel").height();
	
	intH = Math.max(intH , objBGPanel.height());
	//alert(intH);
	
	var objMasterBg = $(".cssMasterPanel:eq(0)");
	
	
	var intAreaAv = intWindowW - intMLR;
	var intCurrentAvX = 0;
	var intCurrentAvY = 0;
	var intBgH = objMasterBg.find(".cssFloatItem:eq(0)").height();
	
	objMasterBg.find(".cssFixedItem").each(
			function(zz)
			{
				var intMyW = $(this).width();
				var intMyH = $(this).height();
				if (intCurrentAvX + intMyW < intAreaAv )
				{
					
				}
				else
				{
					intCurrentAvX = 0;
					intCurrentAvY += $(this).height();
					intBgH += $(this).height();
				}
				
				//$(this).css("left" , intStartX + intCurrentAvX );
				//$(this).css("top" , intStartY + intCurrentAvY );
				if ($(".cssLoadingPanel").length > 0 )
				{
					$(this).css("left" , $(window).width() / 2 );
					$(this).css("top" , $(window).height() / 2 );
				}
				
				intT = Math.ceil(Math.random() * intDelay);
				//alert(intT);
				$(this).delay(intT * 100 ).animate(
					{
						"left" : intStartX + intCurrentAvX ,
						"top" : intStartY + intCurrentAvY
					}
				);
				intCurrentAvX += $(this).width();
			}
	);
	
	objMasterBg.find(".cssFloatItem").each(
		function(zz)
		{
			var intMyW = $(this).width();
			var intMyH = $(this).height();
			if (intCurrentAvX + intMyW < intAreaAv )
			{
				
			}
			else
			{
				intCurrentAvX = 0;
				intCurrentAvY += $(this).height();
				intBgH += $(this).height();
			}
			
			//$(this).css("left" , intStartX + intCurrentAvX );
			//$(this).css("top" , intStartY + intCurrentAvY );
			if ($(".cssLoadingPanel").length > 0 )
			{
				$(this).css("left" , $(window).width() / 2 );
				$(this).css("top" , $(window).height() / 2 );
			}
			
			intT = Math.ceil(Math.random() * intDelay);
			//alert(intT);
			$(this).delay(intT * 100 ).animate(
				{
					"left" : intStartX + intCurrentAvX ,
					"top" : intStartY + intCurrentAvY
				}
			);
					
			intCurrentAvX += $(this).width();
			
			intDateH = $(this).find(".cssDate").height();
			if ($(this).find(".cssBg").find("img").length > 0 )
			{
				//alert($(this).data("intCapH"));
				if ($(this).data("intCapH") != undefined )
				{
					intCapH = parseFloat($(this).data("intCapH"));
				}
				else
				{
					intCapH = ($(this).find(".cssCaptionContent").height());
					//alert($(this).find(".cssCaptionContent").css("padding-top"));
					intCapH+= parseCss($(this).find(".cssCaptionContent").css("padding-top")) * 2 ;
				}
				intCapH = 130;
				$(this).data("intCapH" , intCapH);
				$(this).find(".cssCaption").css("top" , -1 * intCapH - intDateH );
				$(this).find(".cssCaption").css("left" , intMyW - 200 );
				$(this).find(".cssCaption").css("width" , 200 );
				$(this).find(".cssCaptionContent").css("top" , -1 * intCapH  );
				$(this).find(".cssCaption").css("height" , intCapH);
				$(this).find(".cssCaptionBg").css("height" , intCapH);
				$(this).find(".cssCaptionContent").css("height" , intCapH);
				$(this).find(".cssCaptionBg").css("opacity" , "0.9");
				$(this).data("v1", -1 * intCapH - intDateH);
				$(this).data("v2", -1 * intCapH - intDateH );
			}
			else
			{
				$(this).find(".cssBg").hide();
				$(this).find(".cssCaption").css("top" , -1 * intDateH);
				//alert($(this).find(".cssCaptionContent").height());
				$(this).find(".cssCaptionContent").css("top" , -1 * intMyH + ( intMyH - $(this).find(".cssCaptionContent").height() )/ 2  );
				$(this).find(".cssCaption").css("height" , intMyH);
				$(this).find(".cssCaptionBg").css("height" , intMyH);
				$(this).find(".cssCaptionContent").css("height" , intMyH);
				//-1 * intDateH 
				//alert(intMyH);
				
			}
			
			$(this).mouseenter(
				function()
				{
					$(this).css("cursor" , "pointer");
					if ($(this).find(".cssBg").find("img").length > 0 )
					{
						intMyH = ($(this).height());
						intMyW = $(this).width();
						intDateH = $(this).find(".cssDate").height();
						$(this).find(".cssCaption").animate(
							{
								height : intMyH,
								top : -1 * (intMyH + intDateH ),
								left : 0 ,
								width: intMyW 
								
							
							}
						);
						$(this).find(".cssCaptionBg").animate(
								{
									height : intMyH
									
									
								}
							);
						$(this).data("iic" , $(this).find(".cssCaptionContent").width() );
						$(this).find(".cssCaptionContent").animate(
								{
									top : -130 - (intMyH - 130) / 2,
									left : (intMyW - 200) / 2 ,
									width: intMyW  / 2
								}
							);
					
					}
				}
			);
			
			$(this).mouseleave(
					function()
					{
						$(this).css("cursor" , "pointer");
						
						if ($(this).find(".cssBg").find("img").length > 0 )
						{
						
							intMyW = $(this).width();
							intMyH = ($(this).height());
							intDateH = $(this).find(".cssDate").height();
							$(this).find(".cssCaption").animate(
								{
									height : 130,
									top : -1 * 130 - intDateH ,
									left : intMyW - 200 ,
									width: 200
									
								}
							);
							$(this).find(".cssCaptionBg").animate(
								{
									height : 130
										
										
								}
							);
							$(this).find(".cssCaptionContent").animate(
									{
										top : -130,
										left : 0  , 
										width: $(this).data("iic")
										
									}
								);
						
						}
					}
				);
			
			$(this).data("q" , zz );
			$(this).click(
				function()
				{
					q = $(this).data("q");
					strGo = $(this).find("input:eq(0)").val();
					//alert(strGo);
					$(".cssFloatItem").each(
						function()
						{
							if (q == $(this).data("q"))
							{
								objMask = $("<div id='tmask'></div>");
								$("body").append(objMask);
								
								objMask.css("position" , "absolute");
								objMask.css("z-index" , "99");
								objMask.css("top" , $(this).css("top"));
								objMask.css("left" , $(this).css("left"));
								objMask.css("background" , "#ffffff");
								objMask.css("width" , $(this).width());
								objMask.css("height" , $(this).height() );
								objMask.css("opacity" , 0);
								
								objMask.delay(3000).animate(
									{
										opacity : 1
									},
									"slow" , function()
									{
										objMask = $("#tmask");
										objMask.animate(
											{
												top : intStartY,
												left : intStartX,
												width : intWindowW - intMLR,
												height : intH
											} , "normal" , 
											function()
											{
												window.location.href = "inside.php?i="+strGo;
											}
										);
									}
								);
								
								/*
								var objBGPanel = $(".cssBgPanel:eq(0)");
								intStartX = 0;
								intStartY = 20;
								
								
								
								intMLR = parseCss(objBGPanel.find(".cssLeftPanel:eq(0)").css('margin-left'));
								intMLR+= parseCss(objBGPanel.find(".cssLeftPanel:eq(0)").css('margin-right'));
								intMLR+= (objBGPanel.find(".cssLeftPanel:eq(0)").width());
								intStartX += intMLR;
								intMLR+= parseCss(objBGPanel.find(".cssRightPanel:eq(0)").css('margin-left'));
								intMLR+= parseCss(objBGPanel.find(".cssRightPanel:eq(0)").css('margin-right'));
								
								intStartY+= objBGPanel.find(".cssRightPanel").height();
								
								$("body").append(objMask);
								
								objMask.css("position" , "absolute");
								objMask.css("z-index" , "99");
								objMask.css("top" , $(this).css("top"));
								objMask.css("left" , $(this).css("left"));
								objMask.css("background" , "#ffffff");
								objMask.css("width" , 1);
								objMask.css("height" , 1 );
								
								objMask.animate(
									{
										top : intStartY,
										left : intStartX,
										width : intWindowW - intMLR,
										height : intH
									} , "normal" , 
									function()
									{
										window.location.href = "inside.php";
									}
								);
								 */
							}
							else
							{
								intT = Math.ceil(Math.random() * intDelay);
								$(this).delay(intT * 500).fadeOut("normal");
							}
						}
					);
				}
			);
		}
	);
	intH = Math.max(intH , intBgH + intStartY);
	
	objFooterPanel.css("top" , intH);
	intM = parseCss(objFooterPanel.find(".cssCol:eq(0)").css('margin-left')) * 2;
	
	objFooterPanel.find(".cssCol").each(
		function()
		{
			intM += $(this).width();
		}
	);
	
	objFooterPanel.find(".cssCol:eq(1)").css('margin-left' , (intWindowW - intM) / 2);
	objFooterPanel.find(".cssCol:eq(2)").css('margin-left' , (intWindowW - intM) / 2);
	
	$(".cssLoadingPanel").remove();
}

function parseCss(strCss)
{
	
	intR = 0;
	if (strCss != "auto")
		intR = parseInt(strCss.substring(0 , strCss.length-2))
	
	return intR;
}