$(function(){
	transitions = new function(){
		
		//var imageArr = ["header-15pc", "galaxy", "apollo", "orion", "minima", "cygnus", "pegasus"];
		
		switch (location.pathname){
            case "/wardrobe-doors/info/":
                var imageArr = ["galaxy", "saturn_header", "minima_header"]
                var arrowImg = [0,3,5]
                break;
			case "/wardrobe-doors/galaxy/":
				var imageArr = ["galaxy"];
				var arrowImg = [0];
				//alert("Check suitability of header image and arrow text");
				break;
			case "/wardrobe-doors/titan/":
				var imageArr = ["titan"];
				var arrowImg = [0];
				//alert("Check suitability of header image and arrow text");
				break;
			case "/wardrobe-doors/minima/":
				var imageArr = ["minima_header"];
				var arrowImg = [5];
				break;
			case "/wardrobe-doors/saturn/":
				var imageArr = ["saturn_header"];
				var arrowImg = [3];
				break;
			case "/room-divider/info/":
				var imageArr = ["orion"];
				var arrowImg = [7];
				//alert("Check suitability of header image and arrow text");
				break;
			case "/storage-systems/apollo-options/":
			case "/storage-systems/apollo/":
			case "/storage-systems/apollo-kit-children/":
			case "/storage-systems/apollo-kit-ladies/":
			case "/storage-systems/apollo-kit-gentlemen/":
			case "/storage-systems/comet/":
			case "/storage-systems/freespace/":
			case "/storage-systems/cyberspace/":
            case "/storage-systems/":
				var imageArr = ["storage_header"];
				var arrowImg = [1];
				break;
			case "/bedroom-furniture/drawer-units/":
			case "/bedroom-furniture/dressing-table/":
				var imageArr = ["drawer_header"];
				var arrowImg = [4];
				break;
			default:
				var imageArr = ["delivery_header", "storage_header", "uk_leading_header", "saturn_header", "drawer_header", "minima_header", "showroom_header"];
				var arrowImg = [0,1,2,3,4,5,6,7];
				break;
		}
		
		var pos;
		var nextImg;
		var newImg;
		var newArrow;
		var shown;
		var hidden;
		
		this.construct = function(){
			this.shuffle(imageArr, arrowImg);
			$("#header-image1").attr("src", "images/" + imageArr[0] + ".jpg");
			$("#header-image1").attr("rel", 0);
			$("#header-image1").addClass("show");
			$("#header-image1").css("width", "955px");
			this.startTimer();
		}
		this.shuffle = function(v, h){
			for(var j, x, y, i = v.length; i; j = parseInt(Math.random() * i), x = v[--i], y = h[i], v[i] = v[j], v[j] = x, h[i] = h[j], h[j] = y);
			imageArr = v;
			arrowImg = h;
			//alert(v);
			//alert(h);
		};
		
		this.startTimer = function(){
			if($("#header-image1").attr("class") == 'show'){
				this.shown = "header-image1";
				this.hidden = "header-image2";
			} else {
				this.shown = "header-image2";
				this.hidden = "header-image1";
			}
			
			this.pos = $("#" + this.shown).attr("rel");
			this.animateArrow();
			this.getNextImage();
		}
		
		this.getNextImage = function(){
			this.pos = eval(this.pos);
			if(this.pos + 1 == imageArr.length){
				nextImg = 0;
			} else {
				nextImg = this.pos + 1;
			}
			this.newImg = imageArr[nextImg];
			$("#" + this.hidden).attr("src", "images/" + this.newImg + ".jpg");
			$("#" + this.hidden).attr("rel", nextImg);
			$("#" + this.hidden).css("width", "955px");
			
		}
		
		this.animateArrow = function(){
			//alert(arrowImg[eval(this.pos)]);
			switch (arrowImg[eval(this.pos)]){
				case 0:
					this.newArrow = '<div><a href="wardrobe-doors/info/"><img src="/images/delivery_header.png" alt="Sliding Wardrobe Door Systems" /></a></div>';
					break;
				case 1:
					this.newArrow = '<div><a href="storage-systems/"><img src="/images/storage_header.png" alt="Storage Systems" /></a></div>';
					break;
				case 2:
					this.newArrow = '<div><a href="wardrobe-doors/info/"><img src="/images/uk_leading_header.png" alt="UK\'s Leading Provider of Sliding Wardrobe Door Systems" /></a></div>';
					break;
				case 3:
					this.newArrow = '<div><a href="wardrobe-doors/saturn/"><img src="/images/saturn_header.png" alt="Saturn Sliding Wardrobe Door System" /></a></div>';
					break;
				case 4:
					this.newArrow = '<div><a href="bedroom-furniture/info/"><img src="/images/drawer_header.png" alt="Drawer and Dressing Table Units" /></a></div>';
					break;
				case 5:
					this.newArrow = '<div><a href="wardrobe-doors/minima/"><img src="/images/minima_header.png" alt="Minima Almost Frameless Sliding Wardrobe Doors" /></a></div>';
					break;
				case 6:
					this.newArrow = '<div><a href="showrooms/"><img src="/images/showroom_header.png" alt="Visit One of Our Showrooms" /></a></div>';
					break;
                case 7:
                    this.newArrow = '<div><a href="/room-divider/info/"><img src="/images/room_divider_header.png" alt="Orion Room Dividers" /></a></div>';
			}
			$("#slide-arrow").html(this.newArrow);
			$('#slide-arrow').animate({left: '960px'}, 1500);
			$('#slide-arrow').animate({left: '350px'}, 1500);
			$('#slide-arrow').animate({left: '350px'}, 4000);
			if(imageArr.length > 1){
				$('#slide-arrow').animate({left: '350px'}, 4000);
				$('#slide-arrow').animate({left: '960px'}, 1500, function(){
					$(".show").fadeOut(2000);
					$(".hide").fadeIn(2000, function(){
						if($("#header-image1").attr("class") == 'hide'){
							$("#header-image1").removeClass("hide").addClass("show");
							$("#header-image2").removeClass("show").addClass("hide");
						} else {
							$("#header-image2").removeClass("hide").addClass("show");
							$("#header-image1").removeClass("show").addClass("hide");
						}
						transitions.startTimer();
					});
				});
			}
		}
		
		/*this.slideArrow = function(){
			$('#slide-arrow').animate({left: '960px'}, 1500);
				$("#" + this.shown).fadeOut(2000);
				$("#" + this.hidden).fadeIn(2000, function(){
					$('#slide-arrow').animate({left: '415px'}, 1500);
			    });
				$("#" + this.shown).removeClass("show");
				$("#" + this.shown).addClass("hide");
				$("#" + this.hidden).removeClass("hide");
				$("#" + this.hidden).addClass("show");
			
		}*/
		
		
	}
	
});

