var step = 1;
var time = 500;
var objectPosition = Array();
var player_code = '<object style="height: 358px; width: 638px; position:relative; top:-1000px;" id="player"><param name="movie" value="http://www.youtube.com/v/yBjlPykHOaw?version=3&enablejsapi=1"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/yBjlPykHOaw?version=3&enablejsapi=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="638" height="358"></object>'


$(document).ready(function(){
	resizer();
	$("#slide_1").animate({'opacity':1},time);
	$("#slide_2").animate({'opacity':0.5},time).addClass('pointer');
	$("#slide_3").animate({'opacity':1},time);

	checkHTML5support();
	checkSafari4();

	$("#slide_3").hover(
		function(){
			if (step == 3){
				$("#shell").stop().animate({'top':'-43px'},time*0.3);
				$(".button_buyme").stop().animate({'opacity':'1', 'top':'-43px'},time*0.3);
			}
		}, function(){
			if (step == 3){
				$("#shell").stop().animate({'top':'0'},time*0.3);
				$(".button_buyme").stop().animate({'opacity':'0', 'top':'0'},time*0.3);
			}
		}
	);
	
	$("#slide_1").mouseover(function(){
		if(step != 1){$("#slide_1").css({'opacity':'1'})}
	}).mouseout(function(){
		if(step !=1){$("#slide_1").css({'opacity':'0.5'})}
	});

	$("#slide_2").mouseover(function(){
		if(step != 2){$("#slide_2").css({'opacity':'1'})}
	}).mouseout(function(){
		if(step !=2){$("#slide_2").css({'opacity':'0.5'})}
	});

	$("#slide_3").mouseover(function(){
		if(step != 3){$("#slide_3").css({'opacity':'1'})}
	}).mouseout(function(){
		if(step !=3){$("#slide_3").css({'opacity':'0.5'})}
	});
	
	$('a').click(function(){
		if (player) {
			player.stopVideo();
		} else {
			document.getElementById('video').pause();
		}
	});
	
	$("#macworld").mouseover(function(){
		$("#macworld_div").stop().animate({'top':'0', 'margin-bottom':'0'},time*0.3);
	}).mouseout(function(){
		$("#macworld_div").stop().animate({'top':'-20px', 'margin-bottom':'20px'},time*0.3);
	});
});

$(window).resize(function(){
	resizer();
});

function resizer(){
	if ($(window).width() < "900"){
		$(".content").css({'width': 900 + "px"});
	} else {
		$(".content").css({'width': '100%'});
	}
	// objectPosition - discribes all slide-object positions acording
	// objectPosition[curent object][centered object]
	objectPosition[1] = Array();
	objectPosition[1][1] = $(document).width()/2 - 450;
	objectPosition[1][2] = '-630';
	objectPosition[1][3] = '-750';
	objectPosition[2] = Array();
	objectPosition[2][1] = $(document).width() - 100;
	objectPosition[2][2] = $(document).width()/2 - 337;
	objectPosition[2][3] = '-574';
	objectPosition[3] = Array();
	objectPosition[3][1] = $(document).width();
	objectPosition[3][2] = $(document).width() - 110;
	objectPosition[3][3] = $(document).width()/2 - 225;
	//step = 3;
	$("#slide_1").css({'left': objectPosition[1][step] + 'px'});
	$("#slide_2").css({'left': objectPosition[2][step] + 'px'});
	$("#slide_3").css({'left': objectPosition[3][step] + 'px'});
}

function slides(){
	$("#b_slide_1").hide();
	$("#b_slide_2").hide();
	$("#b_slide_3").hide();
	$("#b_slide_" + step).fadeIn();
	if (step == 1){
		$("#slide_1").animate({'left': objectPosition[1][step] + 'px', 'opacity':'1' }, time).removeClass('pointer');
		$("#a_monitor").show();
	} else {
		$("#slide_1").animate({'left': objectPosition[1][step] + 'px', 'opacity':'0.5' }, time).addClass('pointer');
		$("#a_monitor").hide();
	}
	if (step == 2){
		$("#slide_2").animate({'left': objectPosition[2][step] + 'px', 'opacity':'1' }, time).removeClass('pointer');
	} else {
		$("#slide_2").animate({'left': objectPosition[2][step] + 'px', 'opacity':'0.5' }, time).addClass('pointer');
	}
	if (step == 3){
		$("#slide_3").animate({'left': objectPosition[3][step] + 'px', 'opacity':'1' }, time).removeClass('pointer');
	} else {
		$("#slide_3").animate({'left': objectPosition[3][step] + 'px', 'opacity':'0.5' }, time).addClass('pointer');
	}
}


function initiateFirst(id){
	if (step == 2 || step == 3){
		step = 1;
		slides();
	}
}

function initiateTo(id){
	if (step == 1 || step == 3){
		step = 2;
		slides();
	}
}

function initiateThitd(id){
	if (step == 1 || step == 2){
		step = 3;
		slides();
	}
}

function onYouTubePlayerReady() {
		player = document.getElementById("player");
}

function checkHTML5support(){
	if ($('#exist').html() == null){
		onYouTubePlayerReady();
		isOldBrowser = false;
	} else if ($('#exist').html().length > 100){
		isOldBrowser = 'true';
	} else {
		player = false;
		isOldBrowser = false;
	}
}

function checkSafari4(){
	var ua = navigator.userAgent.toString().toLowerCase();
	if ((ua.indexOf('safari') != -1) && (ua.indexOf('version/4') != -1) && !(ua.indexOf('chrome') != -1)) {
		$('video').remove();
		$(".video").html(player_code);
		onYouTubePlayerReady();
		isOldBrowser = true;
	}
}


function watchVideo(action){
	if (action == 'play'){
		if (player) {
			$('#player').css({'z-index':'1000', 'top':'0'});
			if (isOldBrowser) {$('.video').css({'z-index':'100'});}
			player.playVideo();
		} else {
			$('.video').css({'z-index':'100'});
			document.getElementById('video').play();
		}
	} else if(action == 'stop'){
		if (player) {
			$('#player').css({'z-index':'-100', 'top':'-1000px'});
			if (isOldBrowser) {$('.video').css({'z-index':'-100'})}
			player.stopVideo();
		} else {
			$('.video').css({'z-index':'-100'});
			document.getElementById('video').pause();
		}
	} else {
		initiateClick('slide_2');
		window.setTimeout("watchVideo('play')", time*1.1);
	}
}

function activateTestimonials(){
	$('#items').innerfade({animationtype: 'fade', speed: 2000 , timeout: 8000, type: 'random', containerheight: '1em' }); 
	$('#portfolio').innerfade({ speed: 'slow', timeout: 4000, type: 'sequence', containerheight: '220px' }); 
	$('.fade').innerfade({ speed: 'slow', timeout: 1000, type: 'sequence', containerheight: '1.5em' });
}

function initiateClick(id){
	id = id.charAt(6);
	if(id == 1) {initiateFirst(id); watchVideo('stop');}
	if(id == 2) initiateTo(id);
	if(id == 3) {initiateThitd(id) ; watchVideo('stop');}
}