/**
 * @author ZuLuS
 */
var actual;
var sites = Array('', '', '', '');
var loadedSite = 1;
var toLoad = Array('index', 'step1', 'step2', 'step3', 'step4');
var loadedTitles = true;
var loadedImages = false;
var whileLoad;
function start() {
	
	actual = $('#page').attr('class');

	sites[nameToId(actual)] = $('#page').clone();

	$('#body').wrapInner('<div class="page active"></div>');
	
	//$('#menu a').click(menuClick);
	$('#footer a').click(menuClick);
	
	prePage(actual);
	
	for(i =0; i< toLoad.length;i++) {
		if(i!=nameToId(actual)) {
			$.get(toLoad[i]+'.html', null, save, 'html');
		}
	}
	$('#top .logo').addClass('start').click(menuClick);
	
	$.preload([ 'bar-bg.gif',
'bar-step1.gif',
'bar-step2.gif',
'bar-step3.gif',
'bar-step4.gif',
'box-bg1.gif',
'box-bg1.jpg',
'box-bg2.jpg',
'box-bg3.gif',
'box-bg3.jpg',
'box-start1.jpg',
'box-start2.jpg',
'box-start3.jpg',
'footer-bg.gif',
'footer-lotto.jpg',
'footer-next.jpg',
'footer-play.gif',
'footer-play.jpg',
'footer-prev.gif',
'footer-prev.jpg',
'footer-register.jpg',
'img',
'step1-left.jpg',
'step1-title.gif',
'step2-bg.jpg',
'step2-img1Mini.jpg',
'step2-img2Mini.jpg',
'step2-title.gif',
'step3-info.gif',
'step3-title.gif',
'step4-bg.gif',
'step4-title.gif',
'top-bg.gif',
'top-contact.gif',
'top-logo.gif' ], {
    	base:'img/',
    	onFinish:function(hash) { 
			loadedImages = true;
			check();
		}
	});
}
function save(page, status) {
	if(status != 'success')
		return;
	
	var id;
	var content = $('#page', page);
	if(content.hasClass('start')) {
		id=0;
	} else if(content.hasClass('step1')) {
		id=1;
	} else if(content.hasClass('step2')) {
		id=2;
	} else if(content.hasClass('step3')) {
		id=3;
	} else if(content.hasClass('step4')) {
		id=4;
	}
	sites[id] = content;
	//alert(id);
	loadedSite++;
	check();
}
function check() {
	if(loadedTitles && loadedImages && loadedSite >= toLoad.length) {
		var a = actual;
		actual = 'df';
		changePage(actual);
		runPage(actual);
		actual = a;
		//$('#loader').fadeOut(700, function() {$('#loader').remove()} );
	}
}
function nameToId(name) {
	switch(name) {
		case 'start':
			return 0;
		case 'step1':
			return 1;
		case 'step2':
			return 2;
		case 'step3':
			return 3;
		case 'step4':
			return 4;
	}
}
function prePage(pagename){
	$('.img a').lightBox();
	if (pagename == 'start') {
		$('#bar').remove();
	} else if (pagename == 'step1') {
		galery();
	} else if (pagename == 'step2') {
		
	} else if (pagename == 'step3') {
		
	}
}
function runPage(pagename) {
	if (pagename == 'start') {

	}
	if (pagename == 'step1') {
	
	}
	$("#content .next").fadeIn();
	$("#content .prev").fadeIn();
	$("#content .joinAPool").fadeIn();
}
function changePage(name) {
	
	if(nameToId(actual)== nameToId(whileLoad) || whileLoad || name==actual)
		return;
	
	whileLoad = name;
	animatePage();
	
}
function animatePage() {
	var name = whileLoad;
	actual = whileLoad;
	whileLoad = null;
	
	
	if(actual == 'start') {
		$('#box').attr('id', 'boxStart');
		$('#bar').text('').width(0);
		$('#body .page').text('');
		$('#footer').text('').html($('#footer', sites[nameToId(name)]).html());
	$('#menu a').click(menuClick);
	$('#footer a').click(menuClick);
		return;
	} else {
		$('#boxStart').attr('id', 'box');
	}
	//alert($('#footer', sites[nameToId(name)]).html());
	$('#footer').text('').html($('#footer', sites[nameToId(name)]).html());
	$('#menu a').click(menuClick);
	$('#footer a').click(menuClick);
	if($('#bar').get().length == 0) {
		$('#content').append('<div id="bar"></div>');
	}
	
	$('#bar').text('').html($('#bar', sites[nameToId(name)]).html()).css('width',  $('#bar', sites[nameToId(name)]).css('width')  );

	$('#body').append('<div class="page hidden">' + $('#body', sites[nameToId(name)]).html() + '</div>');
	$('#page').removeClass(actual);
	$('#body .active').slideUp('normal', function() { $(this).remove(); } );
	$('#body .hidden').removeClass('hidden').addClass('active');
	//alert($('.hidden').height());
	prePage(name);
	
	
	
}
function menuClick() {
	var name;
	$(this).blur();
	var content = $(this);
	
	if(content.hasClass('start') || content.hasClass('index')) {
		name='start';
	} else if(content.hasClass('step1')) {
		name='step1';
	} else if(content.hasClass('step2')) {
		name='step2';
	} else if(content.hasClass('step3')) {
		name='step3';
	} else if(content.hasClass('step4')) {
		name='step4';
	} else {
		return;
	}
	changePage(name);
	return false;
}
$(start);

var galeryActual = 0;
var galeryImages = Array('register', 'join');
function galery() {
	$('.step1 .img img').attr('src', 'gal/' + galeryImages[0] + '-mini.jpg').addClass('act');
	$('.step1 .left .look').attr('href', 'gal/' + galeryImages[0] + '-full.jpg').lightBox();
	
	$('.step1 .left .prev').click(galeryPrev);
	$('.step1 .left .next').click(galeryNext);
}
function galeryPrev() {
	galeryActual--;
	
	galeryActual = (galeryActual < 0 ? galeryImages.length-1 : galeryActual);
	$('.step1 .left .img img').attr('src', 'gal/' + galeryImages[galeryActual] + '-mini.jpg');	
	$('.step1 .left .look').attr('href', 'gal/' + galeryImages[galeryActual] + '-full.jpg').lightBox();
	$(this).blur();
	return false;
}
function galeryNext() {
	galeryActual++;
	$(this).blur();
	galeryActual = (galeryActual >= galeryImages.length ? 0 : galeryActual);
	$('.step1 .left .img img').attr('src', 'gal/' + galeryImages[galeryActual] + '-mini.jpg');	
	$('.step1 .left .look').attr('href', 'gal/' + galeryImages[galeryActual] + '-full.jpg').lightBox();
	return false;
}