// JavaScript Document
jQuery(function(){
	transitions = new function(){
		
		//var imageArr = ["header-15pc", "galaxy", "apollo", "orion", "minima", "cygnus", "pegasus"];
		var imageArr = ["thetvdb_header", "xbmc_header"];
		var arrowImg = [0,1];
		var pos;
		var nextImg;
		var newImg;
		var newArrow;
		var shown;
		var hidden;
		
		this.construct = function(){
			this.shuffle(imageArr, arrowImg);
			jQuery("#header-image1").attr("src", "/ads/" + imageArr[0] + ".jpg");
			jQuery("#header-image1").attr("rel", 0);
			jQuery("#header-image1").addClass("show");
			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(jQuery("#header-image1").attr("class") == 'show'){
				this.shown = "header-image1";
				this.hidden = "header-image2";
			} else {
				this.shown = "header-image2";
				this.hidden = "header-image1";
			}
			
			this.pos = jQuery("#" + 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];
			jQuery("#" + this.hidden).attr("src", "/ads/" + this.newImg + ".jpg");
			jQuery("#" + this.hidden).attr("rel", nextImg);
			
		}
		
		this.animateArrow = function(){
			//alert(arrowImg[eval(this.pos)]);
			switch (arrowImg[eval(this.pos)]){
				case 0:
					this.newArrow = '<div><a href="http://www.thetvdb.com"><img src="/ads/thetvdb.png" alt="theTVDB.com" /></a></div>';
					break;
				case 1:
					this.newArrow = '<div><a href="http://www.xbmc.org"><img src="/ads/xbmc.png" alt="XBMC" /></div>';
					break;
			}
			jQuery("#slide-arrow").html(this.newArrow);
			jQuery('#slide-arrow').animate({left: '394px'}, 1500);
			jQuery('#slide-arrow').animate({left: '6px'}, 1500);
			jQuery('#slide-arrow').animate({left: '6px'}, 4000);
			jQuery('#slide-arrow').animate({left: '394px'}, 1500, function(){
				jQuery(".show").fadeOut(2000);
				jQuery(".hide").fadeIn(2000, function(){
					if(jQuery("#header-image1").attr("class") == 'hide'){
						jQuery("#header-image1").removeClass("hide").addClass("show");
						jQuery("#header-image2").removeClass("show").addClass("hide");
					} else {
						jQuery("#header-image2").removeClass("hide").addClass("show");
						jQuery("#header-image1").removeClass("show").addClass("hide");
					}
					transitions.startTimer();
				});
			});
		}
		
		/*this.slideArrow = function(){
			jQuery('#slide-arrow').animate({left: '960px'}, 1500);
				jQuery("#" + this.shown).fadeOut(2000);
				jQuery("#" + this.hidden).fadeIn(2000, function(){
					jQuery('#slide-arrow').animate({left: '415px'}, 1500);
			    });
				jQuery("#" + this.shown).removeClass("show");
				jQuery("#" + this.shown).addClass("hide");
				jQuery("#" + this.hidden).removeClass("hide");
				jQuery("#" + this.hidden).addClass("show");
			
		}*/
		
		
	}
	
});