var productToOpen = -1;
var productToClose = -1;

var productsOpen = 1;

function openProducts(selected,open){
	var products = $$('.productContainer');
	var productFx = new Fx.Elements(products, {wait: false, duration: 400, transition: Fx.Transitions.quadOut, onComplete: nextProducts});
	var productFx2 = new Fx.Elements(products, {wait: false, duration: 400, transition: Fx.Transitions.quadIn, onComplete: nextProducts});
	
	var productPage = $$('.productPage');
	var productPageFx = new Fx.Elements(productPage, {wait: false, duration: 450, transition: Fx.Transitions.quadOut, onComplete: nextProducts});
	
	var clipper = $$('.clipper');
	var productClipper = $$('.productClipper');
	
	productToOpen = selected;
	//productToClose = open;
	
	var obj = {};
	var prodobj = {};
	if(selected == -1){
		obj[productToClose] = {
			'width': [products[productToClose].getStyle('width').toInt(), 0]
		};
		productFx.start(obj);
		//productToClose = -1;
	}else{
		if(productsOpen == 1) {
			prodobj[0] = {
				'width' : [productPage[0].getStyle('width').toInt(), 0]
			};
			productClipper[0].setStyle('display','none');
			productPageFx.start(prodobj);
			productsOpen = 0;
			productToClose = selected;
			
		} else if(productToClose == -1){
			products[selected].setStyle('display', 'block');
			
			obj[selected] = {
				'width': [products[selected].getStyle('width').toInt(), 640]
			};
			productFx.start(obj);
			clipper[selected].setStyle('display','block');
			productToClose = selected;
		}else{
			obj[productToClose] = {
				'width': [products[productToClose].getStyle('width').toInt(), 0]
			};
			clipper[productToClose].setStyle('display', 'none');
			productFx2.start(obj);
			//productToClose = -1;
		}
	}
}

function nextProducts(){
	var products = $$('.productContainer');
	var productFx = new Fx.Elements(products, {wait: false, duration: 400, transition: Fx.Transitions.quadOut, onComplete: setClipperTrue});
	
	var productPage = $$('.productPage');
	
	var clipper = $$('.clipper');
	var productClipper = $$('.productClipper');
	
	if(productsOpen == 0) {
		productClipper[0].setStyle('display', 'none');
		productPage[0].setStyle('display','none');
	}
	
	if(productToClose != -1){
		clipper[productToClose].setStyle('display', 'none');
		products[productToClose].setStyle('display','none');
		productToClose = -1;
	
	if(productToOpen != -1){
		clipper[productToOpen].setStyle('display', 'none');
		products[productToOpen].setStyle('display', 'block');
		
		var obj = {};
		obj[productToOpen] = {
			'width': [products[productToOpen].getStyle('width').toInt(), 640]
		};
		productFx.start(obj);
		productToClose = productToOpen;
	}
	}
}

function setClipperTrue() {
	var clipper = $$('.clipper');
	if(productToClose == productToOpen) {
		clipper[productToOpen].setStyle('display','block');
	}
}