function confirmBox(title, text, height, yesvalue, novalue, yesaction) {
    
    var size = window.getSize();
    var scroll = window.getScroll();
    $('overlay').set('styles', {'height': size.y, 'margin-top' : scroll.y, width:size.x, 'display': 'block'});
    $('overLayBox').set('styles', {'height': height, 'left': size.x/2-290,'margin-top' : scroll.y, 'display': 'block'});
    
    $('overLayBox').setProperty('html', '<table width="100%"><tr><td align="left"><h3>'+title+'</h3></td><tr></table><table width="100%" border="0"><tr><td colspan="2" valign="top"><table><tr><td width="40"></td><td align="left"><h3 style="font-size:12px;">'+text+'</h3></td></tr></table></tr><tr><td valign="top">&nbsp;</td><tr><td valign="top" align="center"><input style="margin-right:20px;font-size:12px; padding:3px; margin-bottom:5px;border:1px solid #cccccc; width:210px" type="button" name="" value="'+yesvalue+'" onclick="'+yesaction+'" /><input style="margin-right:20px;font-size:12px; padding:3px; margin-bottom:5px;border:1px solid #cccccc; width:210px" type="button" name="" value="'+novalue+'" id="close" onclick="$(\'overlay\').setStyle(\'display\', \'none\');$(\'overLayBox\').setStyle(\'display\', \'none\');"></td></tr><tr><td valign="top">&nbsp;</td></tr></td></tr></table>');
    
}





function basketUpdate() {
    
    var size = window.getSize();
    var scroll = window.getScroll();
	var myFx = new Fx();
	
	$('overlay').set('styles', {'height': size.y, 'margin-top' : scroll.y, width:size.x, 'display': 'block'});
	
	var fx = $('overLayBox').effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});  
    
    fx.start({}).chain(function() {
		$('overLayBox').set('styles', {'height': 100, 'left': size.x/2-290,'margin-top' : scroll.y, 'display': 'block'});
		$('overLayBox').setProperty('html', '<table width="100%"><tr><td align="left"><h3>Item Added</h3></td><tr></table><table width="100%" border="0"><tr><td colspan="2" valign="top"><table><tr><td width="40"></td><td align="left"><h3 style="font-size:12px;">Item added to your basket</h3></td></tr></table></tr><tr><td valign="top">&nbsp;</td><tr><td valign="top" align="center"></td></tr><tr><td valign="top">&nbsp;</td></tr></td></tr></table>');
		this.start.delay(1000, this, {'opacity' : 0});
		
	}).chain(function() {
	
		$('overLayBox').style.display="none";
		this.start.delay(0100, this, {'opacity' : 1});
		
		
	});
    
    
}








