var images="banner1";
var current="whatsNew";
var selected="";
var animating =false;
var animating2 =false;
var selected_feature_div ="feature_1";
var pervious_feature_div ="feature_1";

//Image Pre-load
image_1 = new Image(410,280);
image_1.src = '/common/images/whats_new_home.jpg';

image_2 = new Image(410,280);
image_2.src = '/common/images/jewellery_home.jpg';

image_3 = new Image(410,280);
image_3.src = '/common/images/comming_soon_home.jpg';

image_4 = new Image(410,280);
image_4.src = '/common/images/just_arrived_home.jpg';



function imageSwapper(obj)
{	
	
	if (animating || animating2)
	{
		return;	
	}
	
	selected=obj;
	if (images=="banner1")
		{
			//if images == banners 1, set new source for banner 2, and fade
			
			if (obj=='whatsNew') {
				document.getElementById('homepage_image_2').src = '/common/images/whats_new_home.jpg';
				document.getElementById('feature_1').className = '';
				document.getElementById('feature_2').className = 'hide_feature';
				document.getElementById('feature_3').className = 'hide_feature';
				document.getElementById('feature_4').className = 'hide_feature';
				
				selected_feature_div ="feature_1";
				
			}
			
			if (obj=='newJewellery') {
				document.getElementById('homepage_image_2').src = '/common/images/jewellery_home.jpg';
				document.getElementById('feature_1').className = 'hide_feature';
				document.getElementById('feature_2').className = 'hide_feature';
				document.getElementById('feature_3').className = 'hide_feature';
				document.getElementById('feature_4').className = '';
				pervious_feature_div=selected_feature_div;
				selected_feature_div ="feature_4";
			}
			
			if (obj=='commingSoon') {
				document.getElementById('homepage_image_2').src = '/common/images/comming_soon_home.jpg';
				document.getElementById('feature_1').className = 'hide_feature';
				document.getElementById('feature_2').className = '';
				document.getElementById('feature_3').className = 'hide_feature';
				document.getElementById('feature_4').className = 'hide_feature';
				pervious_feature_div=selected_feature_div;
				selected_feature_div ="feature_2";
			}
	
			if (obj=='justArrived') {
				document.getElementById('homepage_image_2').src = '/common/images/just_arrived_home.jpg';
				document.getElementById('feature_1').className = 'hide_feature';
				document.getElementById('feature_2').className = 'hide_feature';
				document.getElementById('feature_3').className = '';
				document.getElementById('feature_4').className = 'hide_feature';
				pervious_feature_div=selected_feature_div;
				selected_feature_div ="feature_3";
			}
			
			if (current==selected) {
				current=current;
				selected_feature_div=selected_feature_div;
				
			} else {
				document.getElementById(selected).className = 'current';
				document.getElementById(current).className = '';
				
				
				
				current=obj;
			}
			
			var attr = {opacity: { from:1 ,to: 0 }};
			var attr2 = {opacity: { from:0 ,to: 1 }};
			var attr3 = {opacity: { from:1 ,to: 0 }};
			var attr4 = {opacity: { from:0 ,to: 1 }};
			//var onComplete = function(){};
			images="banner2";
		}
		
		else
		{
			//if images == banners 2, set new src for banner 1, and then fade.
			if (obj=='whatsNew') {
				document.getElementById('homepage_image_1').src = '/common/images/whats_new_home.jpg';
				document.getElementById('feature_1').className = '';
				document.getElementById('feature_2').className = 'hide_feature';
				document.getElementById('feature_3').className = 'hide_feature';
				document.getElementById('feature_4').className = 'hide_feature';
				pervious_feature_div=selected_feature_div;
				selected_feature_div ="feature_1";
			}
			
			if (obj=='newJewellery') {
				document.getElementById('homepage_image_1').src = '/common/images/jewellery_home.jpg';
				document.getElementById('feature_1').className = 'hide_feature';
				document.getElementById('feature_2').className = 'hide_feature';
				document.getElementById('feature_3').className = 'hide_feature';
				document.getElementById('feature_4').className = '';
				pervious_feature_div=selected_feature_div;
				selected_feature_div ="feature_4";
			}
			
			if (obj=='commingSoon') {
				document.getElementById('homepage_image_1').src = '/common/images/comming_soon_home.jpg';
				document.getElementById('feature_1').className = 'hide_feature';
				document.getElementById('feature_2').className = '';
				document.getElementById('feature_3').className = 'hide_feature';
				document.getElementById('feature_4').className = 'hide_feature';
				pervious_feature_div=selected_feature_div;
				selected_feature_div ="feature_2";
			}
	
			if (obj=='justArrived') {
				document.getElementById('homepage_image_1').src = '/common/images/just_arrived_home.jpg';
				document.getElementById('feature_1').className = 'hide_feature';
				document.getElementById('feature_2').className = 'hide_feature';
				document.getElementById('feature_3').className = '';
				document.getElementById('feature_4').className = 'hide_feature';
				pervious_feature_div=selected_feature_div;
				selected_feature_div ="feature_3";
			}
	
			if (selected==current) {
				current=current;
				selected_feature_div=selected_feature_div;
				
			} else {
				document.getElementById(selected).className = 'current';
				document.getElementById(current).className = '';
				current=obj;
			}
			
			var attr = {opacity: { from:0 ,to: 1 }};
			var attr2 = {opacity: { from:1 ,to: 0 }};
			var attr3 = {opacity: { from:1 ,to: 0 }};
			var attr4 = {opacity: { from:0 ,to: 1 }};
			
			images="banner1";
		} 
		
		var myAnim = new YAHOO.util.Anim("homepage_image_1", attr, 1, YAHOO.util.Easing.easeOut);
		myAnim.onStart.subscribe(function (){animating=true;});
		myAnim.onComplete.subscribe(function (){animating=false;});
		myAnim.animate();
		
		var myAnim2 = new YAHOO.util.Anim("homepage_image_2", attr2, 1, YAHOO.util.Easing.easeOut);
		myAnim2.onStart.subscribe(function (){animating2=true;});
		myAnim2.onComplete.subscribe(function (){animating2=false;});
		myAnim2.animate();
		
		var myAnim3 = new YAHOO.util.Anim(pervious_feature_div, attr3, 1, YAHOO.util.Easing.easeOut);
		myAnim3.onStart.subscribe(function (){animating=true;});
		myAnim3.onComplete.subscribe(function (){animating=false;});
		myAnim3.animate();

		var myAnim4 = new YAHOO.util.Anim(selected_feature_div, attr4, 1, YAHOO.util.Easing.easeOut);
		myAnim4.onStart.subscribe(function (){animating2=true;});
		myAnim4.onComplete.subscribe(function (){animating2=false;});
		myAnim4.animate();
}