// JavaScript Document
$(document).ready(function(){
	//createBgNav();					   
	//centerBgImage();
	imagesEventHandlers();
	overwriteMenuButtons();
	homeGallery();
});

function homeGallery() {
	$('.home_gallery').appendTo('#bg_nav');
	createHomeGallery();
	$('.home_gallery a').click(homeGalleryClick);
	var randomnumber=Math.floor(Math.random()*$('#bg_image li').length);
	$('.home_gallery a').eq(randomnumber).trigger('click');
}

function createHomeGallery() {
	var bgImages = '';	
	$('.home_gallery a').each(function(index) {
		$(this).data('i', index);
		bgImages += '<li id="bg' + index + '"><img src="" width="100%" alt="Derek Welsh" /></li>';
	});
	$('body').append('<ul id="bg_image">' + bgImages + '</ul>');
}

function homeGalleryClick() {
	if ($(this).hasClass('selected')) { return false; }
	var s = '#bg' + $(this).data('i') + ' img';
	if ($(s).attr('src') == '') {
		$(s).attr('src', $(this).attr('href'));
		$(s).load(function() {$(this).fadeIn(); $('.home_gallery .yellow').hide(); })
		$(s).parent().show();
		$('.home_gallery .yellow').show();
	}
	
	$('#bg_image li').stop(true, true).css('z-index', 1).parent().find('.selected').css('z-index', 2).removeClass('selected');
	$(s).parent().addClass('selected').css('z-index', 99).hide().fadeIn().queue(hideNotSelected);
	$('.home_gallery .title').text($(this).attr('title'));
	$('.home_gallery a').removeClass('selected');
	$(this).addClass('selected');
	return false;
}

function hideNotSelected() {
	//
	//$('#bg_image li').not('.selected').hide();
}

$(window).resize(centerBgImage);

function createBgNav() {
	$('#bg_nav').html('<span class="yellow">overview:</span> <a id="nbg1" href="javascript:showBgImage(1);" class="selected">1</a> <img src="/uploads/images/dot2.gif" alt="dot"/> <a id="nbg2" href="javascript:showBgImage(2);">2</a> <img src="/uploads/images/dot2.gif" alt="dot"/> <a id="nbg3" href="javascript:showBgImage(3);">3</a> <img src="/uploads/images/dot2.gif" alt="dot"/> <a id="nbg4" href="javascript:showBgImage(4);">4</a> <img src="/uploads/images/dot2.gif" alt="dot"/> <a id="nbg5" href="javascript:showBgImage(5);">5</a>');
	var bgImages = '<div id="bg">'
    	+ '<ul id="bg_image">'
    		+ '<li id="bg1" style="display:none"><img src="" width="100%" alt="Derek Welsh" /></li>'
            + '<li id="bg2" style="display:none"><img src="" width="100%" alt="Derek Welsh" /></li>'
            + '<li id="bg3" style="display:none"><img src="" width="100%" alt="Derek Welsh" /></li>'
            + '<li id="bg4" style="display:none"><img src="" width="100%" alt="Derek Welsh" /></li>'
			+ '<li id="bg5" style="display:none"><img src="" width="100%" alt="Derek Welsh" /></li>'
        + '</ul>'
    + '</div>'
	
	$('body').append(bgImages);
}

function randomImage() {
	var rand_no = Math.random();
	rand_no = rand_no * 5;
	rand_no = Math.ceil(rand_no);
	if (rand_no == currentImage) {
		randomImage()
	} else {
		showBgImage(rand_no);
	}
	return false;
}

function imagesEventHandlers() {
	var rand_no = Math.random();
	rand_no = rand_no * 5;
	rand_no = Math.ceil(rand_no);
	$('#bg'+rand_no+' img').attr('src', '/uploads/images/homepage_bg/Homepage_'+rand_no+'.jpg').load(function() { startQueue(rand_no); showBgImage(rand_no); });
	$('.logo').click(randomImage);
	$('.currentpage').click(randomImage);
}

function startQueue(rand_no) {	
	centerBgImage() 
	for (var i = 1 ; i <= 5 ; i++) {
		if (i != rand_no) {
			$('#bg'+i+' img').attr('src', '/uploads/images/homepage_bg/Homepage_'+i+'.jpg').load(function() { });
		}
	}
}

function centerBgImage() {	
	var bH = $(window).height();
	var bW = $(window).width();
	var ratio = bW/1200;
	var nH = bW*ratio;		
	var mt = Math.ceil((bH/2) - (nH/2));
	mt = mt > 0 ? 0 : mt ;
	mt = 0;
	$('#bg_image').css({top:mt+"px"});
}

var izindex = 1;
var currentImage = 0;

function showBgImage(i) {
	currentImage = i;
	izindex++;
	$('#bg' + i).css({zIndex:izindex});
	$('#bg' + i).hide().fadeIn(1000);
	$('#bg_nav a').removeClass('selected');
	$('#nbg' + i).addClass('selected');
}
var windowNewLink = ''
function overwriteMenuButtons() {
	$("#menu a").click(function(){
								if ($(this).hasClass('currentpage')) {
									
									return 
								}
								windowNewLink = $(this).attr('href');
								slide();
								  return false;
								  });
}

function slide() {
	//$('#bg_image').show().fadeOut(2000);
	//$('#bg_image').show().fadeOut(1000);
	$('#bg_image').animate({opacity:0}, {duration:350, complete:openLink});
	return ;
	var m = $('#bg_image li').length
	for (var i = 1 ; i <= m ; i++) {
		if (i != currentImage) {
			$('#bg' + i).css({display:'none'});
		}
	}
	//var wTop = $(window).height();
	var bH = $(window).height();
	var bW = $(window).width();
	var ratio = bW/1200;
	var nH = bW*ratio;
	
	//$('#bg_image').animate({top:bH+'px'}, {duration:500, complete:openLink});
	//$('#bg_image').animate({opacity:0}, {duration:200, complete:openLink});
	$('#bg_image').show().fadeOut(1000);
}

function openLink() {
	window.location.href = windowNewLink;
}