var CategImage, CategImages;

function initHomePage()
{
	if(jQuery('.HomeNav').size() > 0)
	{
		//showHomeBanner();
		buildCategImage();
		preloadCategImages();
		setCategLinksEvents();
	}
	
	alignNewsImages();
}

function alignNewsImages()
{
	if(jQuery('.newsContent').size() > 0)
	{
		var allNewsImages = jQuery('.newsContent .NewsImg');
		
		var newsImages = jQuery('.newsContent img.NewsImg');
		newsImages
			.each(function()
				{
					var newsImg = jQuery(this);
					if(newsImg.parent().hasClass('NewsImg'))
						allNewsImages = allNewsImages.not(newsImg)
				});
		
		allNewsImages
			.each(function()
				{
					var limg = jQuery(this);
					if(!limg.hasClass('grouped'))
					{
						var limgGroup = getlImgGroup(limg);
						limgGroup.addClass('grouped');
						var wrapper = jQuery('<div align="center"></div>');
						limgGroup.filter(':first').before(wrapper);
						wrapper.append(limgGroup)
	
					}
				});
	}
}

function getlImgGroup(limgGroup)
{
	var nextGroupItem = limgGroup.filter(':last').next('.NewsImg');
	if(nextGroupItem.size() == 0)
		return limgGroup
	else
	{
		var newGroup = limgGroup.add(nextGroupItem);
		return getlImgGroup(newGroup);
	}
}

function showHomeBanner()
{
	var contentArea = jQuery('#content');	
	var HomeBanner = jQuery('<div id="HomeBanner"></div>');
	var HomeBannerCloseBtn = jQuery('<a href="#" id="HomeBannerCloseBtn">[X]</a>');
	
	HomeBannerCloseBtn
		.appendTo(HomeBanner)
		.click(function()
				{
					var closeBtn = jQuery(this);
					var banner = closeBtn.parent();
					
					closeBtn.remove();
					banner.remove();
					return false;
				})
		
	HomeBanner.appendTo(contentArea);
}

function buildCategImage()
{
	var CategImageWrapper = jQuery('<div></div');
	
	var contentArea = jQuery('#content>.HomeNav');
	CategImageWrapper
		.attr({
						's_width': 60,
						's_height': 55,
						'e_width': 717,
						'e_height': 399,
						's_left': contentArea.offset().left + parseInt(contentArea.css('paddingLeft')),
						's_top': contentArea.offset().top + parseInt(contentArea.css('paddingTop'))
					})
		.css({
				 	position: 'absolute',
					left: '-1000px',
					top: '-1000px',
					width: '60px',
					height: '55px',
					zIndex: 1000,
					background: '#FFF',
					border: '1px solid #00853E',
					display: 'none'
				 })
		.appendTo('#mainContainer');
	
	CategImage = jQuery('<img id="CategImage" width="100%" height="100%" />');
	CategImage.appendTo(CategImageWrapper);
}

function preloadCategImages()
{
	var imagesLocation = 'images/home_images/';
	CategImages = {
						c: imagesLocation + 'c.jpg', 
						cl: imagesLocation + 'cl.jpg', 
						bt: imagesLocation + 'bt.jpg', 
						cs: imagesLocation + 'cs.jpg', 
						l: imagesLocation + 'l.jpg', 
						r: imagesLocation + 'r.jpg', 
						rl: imagesLocation + 'rl.jpg', 
						ri: imagesLocation + 'ri.jpg', 
						be: imagesLocation + 'be.jpg',
						e: imagesLocation + 'e.jpg', 
						f: imagesLocation + 'f.jpg', 
						ac: imagesLocation + 'ac.jpg', 
						a: imagesLocation + 'a.jpg', 
						gheare: imagesLocation + 'gheare.jpg', 
						fise: imagesLocation + 'fise.jpg', 
						variatoare: imagesLocation + 'variatoare.jpg', 
						cremaliere: imagesLocation + 'cremaliere.jpg', 
						aac: imagesLocation + 'aac.jpg', 
						iea: imagesLocation + 'iea.jpg', 
						sp: imagesLocation + 'sp.jpg',
						crd: imagesLocation + 'crd.jpg',
						amt: imagesLocation + 'amt.jpg'
	};
	preloadImages(CategImages);
}

function setCategLinksEvents()
{
	var navCategLinks = jQuery('#sideMenu ul:first>li');
	navCategLinks
		.hover(function()
						{
							var navCategLink = jQuery(this);
							var homeNavImg =  jQuery('#home_nav_' + navCategLink.attr('rel') + ' .image');
							var imageWrapper = jQuery('#CategImage').parent();
							
							imageWrapper
								.css({
												width: homeNavImg.width() + 'px',
												height: homeNavImg.height() + 'px',
												left: homeNavImg.offset().left + 'px',
												top: homeNavImg.offset().top + 'px',
												opacity: 0.1
										 });
								
							CategImage.attr('src', CategImages[navCategLink.attr('rel')]);
							
							imageWrapper
								.css('display', 'block')
								.animate({
														width: imageWrapper.attr('e_width') + 'px',
														height: imageWrapper.attr('e_height') + 'px',
														left: imageWrapper.attr('s_left') -10 + 'px',
														top: imageWrapper.attr('s_top') -20  + 'px',
														opacity: 1
												 },
												 500
												 )
						},
						function()
						{
							var imageWrapper = jQuery('#CategImage').parent();
							
							imageWrapper	
								.stop()
								.css({
										 	width: imageWrapper.attr('s_width') + 'px',
										 	height: imageWrapper.attr('s_height') + 'px',
											opacity: 1,
										 	display: 'none'
										 })
						});
}

function preloadImages(objImages)
{
	for (var i in objImages)
	{
		var newImg = jQuery('<img>');
		newImg.attr({
									src: objImages[i]
								})
					.css({
							 	display: 'none'
							 })
					.appendTo('body');
		
	}
}

jQuery(function(){
	initHomePage();
})