var bear ={
	img_name:'',
	type			:	'personalised-message-teddy-bear',
	step			:	'bear',
	errMsg			:	{
							selectCard		 : "Please select a bear to continue next step!",
							setCardText		 :  "Please fillup the card section correctlry"
						},
	gift			:	{
							bear:null,
							type:"message",
							card:null,
							message:null,
							front_text_1 : "",
							front_text_2 : "",
							inside_text_1: "",
							inside_text_2: "",
							inside_text_3: ""
						},
	slide			:	{
							bear:"personalised-bear",
							card:"personalised-cards"
						},
	animate			:{
						bear:null,
						card:null
					},
	confirmOrder : function()
	{
		var ord = "";
		ord		+= "bear_type|@|" + bear.type;
		ord		+= "|#|bear|@|" + bear.gift.bear;
		ord		+= "|#|type|@|" + bear.gift.type;
		ord		+= "|#|card|@|" + bear.gift.card;
		ord		+= "|#|message|@|" + bear.gift.message;
		ord		+= "|#|front_text_1|@|" + bear.gift.front_text_1;
		ord		+= "|#|front_text_2|@|" + bear.gift.front_text_2;
		ord		+= "|#|inside_text_1|@|" + bear.gift.inside_text_1;
		ord		+= "|#|inside_text_2|@|" + bear.gift.inside_text_2;
		ord		+= "|#|inside_text_3|@|" + bear.gift.inside_text_3;
		$('order_data').set('value',ord);
		$('orderform').submit();
	},
	toggoler:function()
	{
		bear.step = this.get('id');
		bear.jump();		
	},	
	validation : function()
	{
		var noErr = true; 
		switch( bear.step )
		{
			case "card"	:	
								noErr = ( bear.gift.bear == null ) ? false : true;
								break;
		}

		return noErr;
	},
	setMessage : function(msg )
	{
		alert(msg);
	},
	jump : function ()
	{
		switch( bear.step )
		{
			case 'bear':	
								if( !bear.animate.bear.open )bear.animate.bear.toggle();
								if( bear.animate.card.open )bear.animate.card.toggle();
								break;
			
			case 'card':	
								if( bear.validation() )
								{	
									if( bear.animate.bear.open )bear.animate.bear.toggle();
									if( o_card == null )
									{
										if( !bear.animate.card.open )bear.animate.card.toggle();
									}
									else
									{
										$('personalise_a_card').setStyle('display','block');
									}
								}else bear.setMessage(bear.errMsg.selectCard);
								break;
		}
	},
	selectBear : function ()
	{
		var id = this.get("id");
		bear.gift.bear = this.get('longdesc');
		bear.gift.message = $(id).get("alt");
		var src = $(id).get("src").replace('/80/', '/110/');
		$("bear_pan_images").set("src",'');
		$("bear_pan_images").set("src",src);
		bear.appear($("bear_pan_images"));		
		$("bear_pan_images_title").set("text",$(id).get("alt"));
	},	
	appear : function(obj)
	{
		obj.setOpacity(0).set('tween', {duration:1500}).fade('in'); 
	},
	disappear : function(obj)
	{
		obj.setOpacity(0).set('tween', {duration:1500}).fade('out'); 
	},	
	selectCard : function()
	{
		var tmp = this.get('id').split('_');
		bear.gift.card = tmp[1];
		var src = base + "/common/get_image/"+this.get('longdesc') + "/251/fix";
		$('personalise_a_card_left').setStyle('background','url(' + src + ') no-repeat');
		bear.animate.card.toggle();
		$('personalise_a_card').setStyle('display','block');
	},
	chnageCard: function ()
	{	
		bear.animate.card.toggle();
		$('personalise_a_card').setStyle('display','none');
	},
	setCardText : function()
	{
		var name = this.get('name');
		var text = this.get('value');
		$(name).set('text',text);

		if( name == "front_text_1" ) bear.gift.front_text_1 = text;
		if( name == "front_text_2" ) bear.gift.front_text_2 = text;
		if( name == "inside_text_1" ) bear.gift.inside_text_1 = text;
		if( name == "inside_text_2" ) bear.gift.inside_text_2 = text;
		if( name == "inside_text_3" ) bear.gift.inside_text_3 = text;
		$$('.p_' + name).set('text',text);
		bear.appear($$('.p_' + name));

	},
	confirmCardText : function ()
	{ 
		if( false )
		{
			bear.setMessage(bear.errMsg.setCardText);
		}
		else
		{
			//if(confirm('Please confirm your order'))
			//{
				$('personalise_a_card').setStyle('display','none');
				$('orderform').setStyle('display','block');
				bear.appear($('orderform'));
				bear.confirmOrder();
			//}
		}
		
	},	
	init: function(){

		$$('.personalised-btn').addEvent('click',bear.toggoler);
		/* Bear type */
		bear.type = $('bear_type').get('value');
		/* Select Bear */
		$$('.bear').addEvent('click',bear.selectBear);
		/* Card Section */
		$$('.card').addEvent('click',bear.selectCard);
		$$('.text-box').addEvent('keyup',bear.setCardText);
		$('confirmCardText').addEvent('click',bear.confirmCardText);
		$('selectAnotherCard').addEvent('click',bear.chnageCard);
		/* FXZ */
		bear.animate.bear =  new Fx.Slide(bear.slide.bear);
		bear.animate.card =  new Fx.Slide(bear.slide.card).hide();	

		
		/* ************************ Old Order info */
		bear.gift.bear = o_bear;
		bear.gift.card = o_card;
		bear.gift.type = o_type;
		bear.gift.message = o_message;
		bear.gift.front_text_1 =  o_front_text_1;
		bear.gift.front_text_2 =  o_front_text_2;
		bear.gift.inside_text_1 = o_inside_text_1;
		bear.gift.inside_text_2 = o_inside_text_2;
		bear.gift.inside_text_3 = o_inside_text_3;
		$$('.p_front_text_1').set('text',o_front_text_1);
		$$('.p_front_text_2').set('text',o_front_text_2);
		$$('.p_inside_text_1').set('text',o_inside_text_1);
		$$('.p_inside_text_2').set('text',o_inside_text_2);
		$$('.p_inside_text_3').set('text',o_inside_text_3);
	}
}
window.addEvent('domready', bear.init);