window.addEvent('domready', function() {
	//get height of basket
	var finalHeight = document.getElementById('basket').offsetHeight;
	//store value in variable
	if(document.getElementById('showBasket')!=null){
		var showBasket = document.getElementById('showBasket').value;
	} else {
		var showBasket = 0
	}
	//get height of samples
	var finalHeightSamples = document.getElementById('samples').offsetHeight;

	//store value in variable
	if(document.getElementById('showSamples')!=null){
		var showSamples = document.getElementById('showSamples').value;
	} else {
		var showSamples = 0
	}


	//stored element ids in variable
	var otherEl = $('basketContainer');
	var otherElSamples = $('samplesContainer');

	//add tween effect to on click
	$('heightEffect').addEvent('click', function(){
		//open basket drop down
		otherEl.tween('height', finalHeight);
		//close samples drop down
		otherElSamples.tween('height', 0);
		//toggle show/hide buttons
		$('closeHeightEffectSamples').style.display = "none";
		$('heightEffectSamples').style.display = "block";
		$('closeHeightEffect').style.display = "block";
		$('heightEffect').style.display = "none";
	});
	//stop tween and close
	$('resetEffect').addEvent('click', function(e) {
		e.stop();
		otherEl.tween('height', 0);
		//toggle show/hide buttons
		$('closeHeightEffect').style.display = "none";
		$('heightEffect').style.display = "block";
	});
	//stop tween and close
	$('closeHeightEffect').addEvent('click', function(e) {
		e.stop();
		otherEl.tween('height', 0);
		$('closeHeightEffect').style.display = "none";
		$('heightEffect').style.display = "block";
	});
	//if item is added to basket open panel
	if (showBasket == 1) {
		otherEl.tween('height', finalHeight);
		//toggle show/hide buttons
		$('closeHeightEffect').style.display = "block";
		$('heightEffect').style.display = "none";
		setTimeout(function(){otherEl.tween('height', 0)},3000);
}
	//add tween effect to on click
	$('heightEffectSamples').addEvent('click', function(){
		//open samples drop down
		otherElSamples.tween('height', finalHeightSamples);
		//close basket drop down
		otherEl.tween('height', 0);
		//toggle show/hide buttons
		$('closeHeightEffectSamples').style.display = "block";
		$('heightEffectSamples').style.display = "none";
		$('closeHeightEffect').style.display = "none";
		$('heightEffect').style.display = "block";
	});
	//stop tween and and close
	$('resetEffectSamples').addEvent('click', function(eSamples) {
		eSamples.stop();
		otherElSamples.tween('height', 0);
		//toggle show/hide buttons
		$('closeHeightEffectSamples').style.display = "none";
		$('heightEffectSamples').style.display = "block";
	});
	//stop tween and and close
	$('closeHeightEffectSamples').addEvent('click', function(eSamplesClose) {
		eSamplesClose.stop();
		otherElSamples.tween('height', 0);
		//toggle show/hide buttons
		$('closeHeightEffectSamples').style.display = "none";
		$('heightEffectSamples').style.display = "block";
	});
	//if item is added to samples open panel
	if (showSamples == 1) {
		otherElSamples.tween('height', finalHeightSamples);
		//toggle show/hide buttons
		$('closeHeightEffectSamples').style.display = "block";
		$('heightEffectSamples').style.display = "none";
		setTimeout(function(){otherElSamples.tween('height', 0)},3000);
	}

	$('btnNoThanks').addEvent('click', function(){
		//open basket drop down
		otherEl.tween('height', finalHeight);
		//close samples drop down
		otherElSamples.tween('height', 0);
		//toggle show/hide buttons
		$('closeHeightEffectSamples').style.display = "none";
		$('heightEffectSamples').style.display = "block";
		$('closeHeightEffect').style.display = "block";
		$('heightEffect').style.display = "none";
		setTimeout(function(){otherEl.tween('height', 0)},3000);
    });

	$('btnClose').addEvent('click', function() {
	    //open basket drop down
	    otherEl.tween('height', finalHeight);
	    //close samples drop down
	    otherElSamples.tween('height', 0);
	    //toggle show/hide buttons
	    $('closeHeightEffectSamples').style.display = "none";
	    $('heightEffectSamples').style.display = "block";
	    $('closeHeightEffect').style.display = "block";
	    $('heightEffect').style.display = "none";
	    setTimeout(function() { otherEl.tween('height', 0) }, 3000);
	});	
});