var care = 
{
	init:function() 
	{
		care.initProductList();

		var part = $$("a.onglet");
		
		for(var i = 0; i < part.length; i++) {
			var leftOng = null;
			if(part[i-1]) leftOng = part[i-1];
			//console.info(part[i]);
			part[i].addEvent("click",care.changePart.bindWithEvent(this,part[i-1]));
		}
		
	    //... Check if we are in the user account page
	    var isUserAccount = ($$("div.accountMenu").length > 0);
	    
	    care.partContent = $$(".part");
	    
	    if (!isUserAccount)
	    {
		    if (part.length > 0)
		    {
		        care.oldPart = part[0];
		        care.oldPart.addClass("active");
		    }
    		
		    care.partContent.each(function(item)
		    {
			    item.setStyle("display","none");
		    });
            if (care.partContent.length > 0)
            {
		        care.partContent[0].setStyle("display","block");
		        care.oldCtnView = care.partContent[0];
		    }
		}
		else
		{
		    //... Determine which tab is active
		    for (var i=0; i<care.partContent.length; i++)
		    {
		        if (care.partContent[i].style.display != "none")
		        {
		            care.oldPart = part[i];
		            care.oldCtnView = care.partContent[i];
		            break;
		        }
		    }
		}
		
		care.stars = $$("img.star");
		var starCount = 0;
		care.stars.each(function(item)
		{
			item.addEvent("mouseenter",care.changeStar.bindWithEvent(this,starCount));
			starCount++;
		});
		
		var conseil = $$("a.conseil");
		care.recommanded = $$(".recommand");
		for(var i = 0; i < care.recommanded.length; i++) {
			if(i != 0) care.recommanded[i].setStyle("display","none");
		}
		
		if (care.recommanded.length > 0)
		{
		    care.oldRecommanded = care.recommanded[0];
		}
		var count = 0;
		conseil.each(function(item)
		{
			if(count != 0) item.getParent().addClass("notselected");
			item.addEvent("click",care.changeCat);
			item.getParent().setStyle("height",Math.max(oldCoords,item.getParent().getCoordinates().height));
			var oldCoords = item.getParent().getCoordinates().height;
			count++;
		});
		if (conseil.length > 0)
		{
		    care.oldrecommand = conseil[0].getParent();
		}
	},
	
	initProductList:function() {
	    var detail = $$("span.apercuBlock");
		detail.each(function(item)
		{
			item.addEvent("mouseenter", care.showApercu);
			item.addEvent("mouseleave", care.hideApercu);
		});
		
		var mainLayout = $$(".mainLayout")[0];
		if (!mainLayout) return;
		
		var img = mainLayout.getElements("img");
	    var count = 0;
		
	    img.each(function(item)
	    {
		    var classAdd = null;
			
		    if(item.hasClass('check')) {
			    classAdd = 'check';
			    care.isFavCheck(item, classAdd, count);
		    }
			
		    if(item.hasClass('fav')){
			    classAdd = 'fav';
			    care.isFavCheck(item, classAdd, count);
		    }
		    count++;
	    });
	},
	
	changeCat:function(e) {
		var evt = new Event(e);
		evt.preventDefault();
		if(care.oldrecommand) care.oldrecommand.addClass("notselected");
		evt.target.getParent().removeClass("notselected");
		care.oldrecommand = evt.target.getParent();
		
		var href = evt.target.href.split("#")[1];
		
		if(care.oldRecommanded) care.oldRecommanded.setStyle("display","none");
		
		care.recommanded.each(function(item)
		{
			var anchor = item.getElement("a[class=ancre]").name;
			if (href == anchor) {
				item.setStyle("display","block");
				care.oldRecommanded = item;
			}
		});
	},
	
	changeStar:function(e,starCount) {
		var evt = new Event(e);
		evt.target.src = "/img/productsheet/star-o.gif";
		for(var i = 0; i < care.stars.length; i++) {
			if(i < starCount) care.stars[i].src = "/img/productsheet/star-o.gif";
			else if (i > starCount) care.stars[i].src = "/img/productsheet/star.gif";
		}
		
	},
	
	changePart:function(e,leftOng) {
	    var evt = new Event(e);
		evt.preventDefault();
		
		var link = evt.target.href.split("#")[1];
		if(care.oldPart != evt.target)
		{
		    //... Check if we are in the user account page
	        var isUserAccount = ($$("div.accountMenu").length > 0);
		    if (isUserAccount)
		    {
		        //... Tag the tab change
		        common.tagPage(document.location + "?" + link);
		    }
		}
		if(care.oldPart) care.oldPart.removeClass("active");
		evt.target.addClass("active");
		if(care.oldLeftOng) care.oldLeftOng.removeClass("noImage");
		if(leftOng) leftOng.addClass("noImage");
		care.oldLeftOng = leftOng;
		care.oldPart = evt.target;
		if(care.oldBeforePart) care.oldBeforePart.removeClass("noImage");
		if(care.oldCtnView) care.oldCtnView.setStyle("display","none");
				
		care.partContent.each(function(item)
		{
			if(item.getElement("a[class=ancre]").name == link) {
				item.setStyle("display","block");
				care.oldCtnView = item;
			}
		});
	},
	
	showApercu:function(e) {
		var evt = new Event(e);
		
		var objParent = evt.target;
		if (objParent.tagName == "DIV") objParent = objParent.parentNode;
		
		var app = common.switchToLink(objParent,"DIV").getElement("a[class=apercu]");		
		care.showApp = new Fx.Style(app, "opacity", {duration:200}).start(0,1);
	},
	
	hideApercu:function(e) {
		var evt = new Event(e);
		
		var objParent = evt.target;
		if (objParent.tagName == "DIV") objParent = objParent.parentNode;
		
		var app = common.switchToLink(objParent,"DIV").getElement("a[class=apercu]");
		
		if(care.showApp) care.showApp.stop();
		care.hideApp = new Fx.Style(app, "opacity", {duration:200}).start(1,0);
	},

	isFavCheck:function(itm,classAdd,count) {
		
		var r = null;
		
		if(classAdd == 'check') r = 0;
		if(classAdd == 'fav') r = 28;
		
		
		var currentimg = new Element('div', {			
			'class' : 'attachState png',
			'styles': {
				//'top' : itm.getParent().getCoordinates().height - 60,
				'background-image' : 'url(img/products/'+classAdd+'.png)',
				'margin-top' : r
			}		
		});

		currentimg.injectInside(itm.getParent());
	}
}

window.addEvent("domready", care.init);
window.setTimeout("care.init()", 1000);