
DeluxeHTML = {
	videoPlayer: '',
	
	preloadImages: [
		'images/sign_sexy.jpg',
		'images/sign_deluxe.png',
		'images/sign_dice.png',
		'images/sign_arrow.png',
		'images/sign_wwd.png',
		'images/sign_barcock.jpg',
		'images/sign_phone.png',
		'images/sign_head.png',
		'images/clicks/clickGetintouch.png',
		'images/clicks/clickOurclients.png',
		'images/clicks/clickOurgang.png',
		'images/clicks/clickOurstory.png'
	],
	
	tvScreenLogos: [
		'images/clients/kickers.png',
		'images/clients/kappa-bent.png',
		'images/clients/hi-tec.png',
		'images/clients/fila.png',
		'images/clients/ellesse.png',
		'images/clients/canterbury.png',
		'images/clients/gio-goi-bent.png',
		'images/clients/berghaus.png',
		'images/clients/mcfc-bent.png',
		'images/clients/bench-bent.png',
		'images/clients/usa-pro.png',
		'images/clients/ted-baker.png',
		'images/clients/speedo.png',
		'images/clients/animal-men.png',
		'images/clients/onfire.png',
		'images/clients/mcfc-retro-bent.png',
		'images/clients/new-balance.png',
		'images/clients/lacoste.png'
	],
	
	init: function () {
		/*
		//this.videoPlayer.addEventListener('progress', this.unhideLogo, false);
		//this.videoPlayer.addEventListener('progress', this.restartVideo, false);
		this.videoPlayer.onended = function(e) {
			alert('finished')
			//DeluxeHTML.restartVideo();
		}
		
		$('#html5contentlink').click(function(e){
			e.preventDefault();
			DeluxeHTML.playVideo('videoSexy', true);
		});
		this.videoPlayer = document.getElementById("videoSexy");
		 */
		
		//$.loadImages('../images/sign_sexy.jpg', function(){
		var fullImageList = this.preloadImages.concat(this.tvScreenLogos);
		$.loadImages(fullImageList, function(){
			var loading = $('#loading');
			loading.addClass('loaded');
			loading.click(function(){
				$('#promo a').addClass('showLink');
				loading.remove();
			})
			
			$('#signSexy').css('background-image', 'url(images/sign_sexy.jpg)');
			$('#signDeluxe').css('background-image', 'url(images/sign_deluxe.png)');
			$('#signDice').css('background-image', 'url(images/sign_dice.png)');
			$('#signArrow').css('background-image', 'url(images/sign_arrow.png)');
			$('#signWWD').css('background-image', 'url(images/sign_wwd.png)');
			$('#signBarcock').css('background-image', 'url(images/sign_barcock.jpg)');
			$('#signPhone').css('background-image', 'url(images/sign_phone.png)');
			$('#signHead').css('background-image', 'url(images/sign_head.png)');
			
			$('#clickGetintouch').css('background-image', 'url(images/clicks/clickGetintouch.png)');
			$('#clickOurclients').css('background-image', 'url(images/clicks/clickOurclients.png)');
			$('#clickOurgang').css('background-image', 'url(images/clicks/clickOurgang.png)');
			$('#clickOurstory').css('background-image', 'url(images/clicks/clickOurstory.png)');
			
			DeluxeHTML.doAnimation();
		});
		
	},
	
	//Master
	masterFlickerInterval: 100,
	
	//Deluxe
	deluxeFlickerInterval: 100,
	deluxeFlickerLength: 10,
	
	//Dice01
	diceFlickerInterval: 100,
	
	doAnimation: function () {
		/*
		/**/
		//Sexy
		var neonAmountSexy = 0;
		$.doTimeout(this.masterFlickerInterval,function() {
			neonAmountSexy = neonAmountSexy + 1;
			if ( neonAmountSexy < 25 ) {
				if ( neonAmountSexy % 2 ) {
					$("#signSexy")
					.css('background-position', '0px -104px');
				} else {
					$("#signSexy")
					.css('background-position', '0px 0px');
				}
				return true;
			} else if ( neonAmountSexy < 50 ) {
				$("#signSexy")
				.css('background-position', '0px -208px');
				return true;
			} else {
				neonAmountSexy = 0;
				return true;
			}
		});
		
		//Deluxe
		var neonAmountDeluxe = 0;
		$.doTimeout(DeluxeHTML.masterFlickerInterval,function() {
			neonAmountDeluxe = neonAmountDeluxe + 1;
			if ( neonAmountDeluxe < (DeluxeHTML.deluxeFlickerLength * 1) ) {
				if ( neonAmountDeluxe % 2 ) {
					$("#signDeluxe")
					.css('background-position', '0px -447px');
				} else {
					$("#signDeluxe")
					.css('background-position', '0px -894px');
				}
				return true;
			} else if( neonAmountDeluxe < (DeluxeHTML.deluxeFlickerLength * 2) ) {
				$("#signDeluxe")
				.css('background-position', '0px 0px');
				return true;
			} else if ( neonAmountDeluxe < (DeluxeHTML.deluxeFlickerLength * 3) ) {
				if ( neonAmountDeluxe % 2 ) {
					$("#signDeluxe")
					.css('background-position', '0px -1341px');
				} else {
					$("#signDeluxe")
					.css('background-position', '0px -1788px');
				}
				return true;
			} else if( neonAmountDeluxe < (DeluxeHTML.deluxeFlickerLength * 4) ) {
				$("#signDeluxe")
				.css('background-position', '0px 0px');
				return true;
			} else if ( neonAmountDeluxe < (DeluxeHTML.deluxeFlickerLength * 5) ) {
				if ( neonAmountDeluxe % 2 ) {
					$("#signDeluxe")
					.css('background-position', '0px -2235px');
				} else {
					$("#signDeluxe")
					.css('background-position', '0px -2682px');
				}
				return true;
			} else if( neonAmountDeluxe < (DeluxeHTML.deluxeFlickerLength * 6) ) {
				$("#signDeluxe")
				.css('background-position', '0px 0px');
				return true;
			} else if ( neonAmountDeluxe < (DeluxeHTML.deluxeFlickerLength * 7) ) {
				if ( neonAmountDeluxe % 2 ) {
					$("#signDeluxe")
					.css('background-position', '0px -3129px');
				} else {
					$("#signDeluxe")
					.css('background-position', '0px -3576px');
				}
				return true;
			} else if( neonAmountDeluxe < (DeluxeHTML.deluxeFlickerLength * 8) ) {
				$("#signDeluxe")
				.css('background-position', '0px 0px');
				return true;
			} else if ( neonAmountDeluxe < (DeluxeHTML.deluxeFlickerLength * 9) ) {
				if ( neonAmountDeluxe % 2 ) {
					$("#signDeluxe")
					.css('background-position', '0px -4023px');
				} else {
					$("#signDeluxe")
					.css('background-position', '0px -4470px');
				}
				return true;
			} else if( neonAmountDeluxe < (DeluxeHTML.deluxeFlickerLength * 10) ) {
				$("#signDeluxe")
				.css('background-position', '0px 0px');
				return true;
			} else {
				neonAmountDeluxe = 0;
				return true;
			}
		});

		//Dice
		var neonAmountDice = 0;
		$.doTimeout(this.masterFlickerInterval,function() {
			neonAmountDice = neonAmountDice + 1;
			if ( neonAmountDice % 2 ) {
				$("#signDice")
				.css('background-position', '0px -147px');
				return true;
			} else {
				$("#signDice")
				.css('background-position', '0px 0px');
				return true;
			}
		})
		
		//Arrow
		var neonAmountArrow = 0;
		$.doTimeout(this.masterFlickerInterval,function() {
			neonAmountArrow = neonAmountArrow + 1;
			if ( neonAmountArrow % 2 ) {
				$("#signArrow")
				.css('background-position', '0px -255px');
				return true;
			} else {
				$("#signArrow")
				.css('background-position', '0px 0px');
				return true;
			}
		})
		
		//WWD
		var neonAmountWWD = 0;
		$.doTimeout(this.masterFlickerInterval,function() {
			neonAmountWWD = neonAmountWWD + 1;
			if ( neonAmountWWD % 2 ) {
				$("#signWWD")
				.css('background-position', '0px -101px');
				return true;
			} else {
				$("#signWWD")
				.css('background-position', '0px 0px');
				return true;
			}
		})
		
		//BarCock
		var neonAmountBarcock = 0;
		$.doTimeout(this.masterFlickerInterval,function() {
			neonAmountBarcock = neonAmountBarcock + 1;
			if ( neonAmountBarcock % 2 ) {
				$("#signBarcock")
				.css('background-position', '0px -421px');
				return true;
			} else {
				$("#signBarcock")
				.css('background-position', '0px 0px');
				return true;
			}
		})
		
		//TV Screen
		var tvAmount = 0;
		var tvLength = this.tvScreenLogos.length;

		this.loopTV(tvAmount, tvLength);
		
	},
	
	loopTV: function (tvAmount, tvLength) {
		$('#tvImage').css('background-image', 'url("' + this.tvScreenLogos[tvAmount] + '")')
		$('#tvImage').fadeIn(300).delay(1000).fadeOut(1000, function(){
			if(tvAmount < tvLength){
				tvAmount = tvAmount + 1;
			} else {
				tvAmount = 0;
			}
			DeluxeHTML.loopTV(tvAmount, tvLength);
		});
	}

}

$(document).ready(function(){
	var links = $('.links');
	var linksContent = links.html();
	var wrapper = $('.wrapper');
	links.remove();
	wrapper.addClass('ipad');
	wrapper.prepend('<div class="links">' + linksContent + '</div>');
});
