function init(){
	$('.navigation_btn').click(onNavItemSelected); // Bind
	$('.navigation_btn').mouseenter(onNavItemOver); // Bind
	$('.navigation_btn').mouseleave(onNavItemOut); // Bind
	//setSelectedMenuItem();
	
	if(window.location.hash == "#360high")
	{
		$('#360hq').addClass('selected');
		changeSlide();
	}
	else if(window.location.hash == "#360low")
	{
		$('#360lq').addClass('selected');
		changeSlide();
	}
	else
	{
		var numRand = Math.floor(Math.random()*5);
		$('#slide').append('<img src="assets/templates/milk/images/frontpage/random_slide'+numRand+'.jpg" />');
	}
}


function onNavItemSelected() 
{
	if($(this).hasClass('selected') == false)
	{
		$('#selected_arrow').remove();
		$('.navigation_btn').removeClass('selected');
		$('.navigation_image_btn').removeClass('selected');
		$(this).addClass('selected');
		changeSlide();
	}
}

function changeSlide()
{
	setSelectedMenuItem();

	if($('.selected').attr('id') == '360lq')
	{
		show360lq();
	}
	else if($('.selected').attr('id') == '360hq')
	{
		show360hq();
	}
	else
	{
		$('#slide').append('<img src="assets/templates/milk/images/frontpage/'+$('.selected').attr('id')+'.png" />');
		$('#slide').children('img').hide();
		$('#slide').children('img').delay(500).fadeIn(500);
		
/*		$('#slide').children('img').bind('load', function () {
			$('#slide').children('img').hide();
			$('#slide').children('img').fadeIn(1000);
		});
*/		
	}
}

function show360lq()
{
	window.location.hash = "360low";

	var numFrames = 180;
	if(isiPhone())
		numFrames = 110;

	$('#slide').append('<img id="milk360" src="assets/templates/milk/images/360lq/00001.jpg" width="937px" height="484px" />');
	$('#slide').children('#milk360').reel(
		{
			frame: 1,
 			speed:   0.1,
 			path:    'assets/templates/milk/images/360lq/',
			images: getImages(numFrames)  
		}
	);
}

function show360hq()
{
	window.location.hash = "360high";

	var numFrames = 220;
	if(isiPhone())
		numFrames = 110;

	$('#slide').append('<img id="milk360" src="assets/templates/milk/images/360hq/00001.jpg" width="937px" height="484px" />');
	$('#slide').children('#milk360').reel(
		{
			frame: 1,
 			speed:   0.1,
 			path:    'assets/templates/milk/images/360hq/',
			images: getImages(numFrames)  
		}
	);
}

function setSelectedMenuItem() 
{
	$('#slide').children('img').remove();
	$('#slide').children('div').remove();

	/* Reset all navigation buttons to off */
	$('.navigation_btn').each(
		function( intIndex ){
			$(this).css("background-image", "url(assets/templates/milk/images/frontpage/frame_btn_out.png)");
		}
	);

	/* Set over state for selected navigation button */
	$('.selected').prepend('<div style="width:59px;position:absolute;overflow:hidden;"><img style="position:relative;left:24px;top:-5px;float:left;" id="selected_arrow" src="assets/templates/milk/images/frontpage/frame_btn_down_arrow.png" /></div>');

 	$('#selected_arrow').animate({
    	top: '0'
  	}, 300);
	
	$('.selected').css("background-image", "url(assets/templates/milk/images/frontpage/frame_btn_down.png)");
}

function onNavItemOver(){
	if($(this).hasClass('selected') == false)
		$(this).css("background-image", "url(assets/templates/milk/images/frontpage/frame_btn_over.png)");
}

function onNavItemOut(){
	if($(this).hasClass('selected') == false)
		$(this).css("background-image", "url(assets/templates/milk/images/frontpage/frame_btn_out.png)");
}

function getImages(numFrames)
{
	var frames= 360, every=(Math.floor(360/numFrames)), stack=[]
	for(var i= 1; i <= frames; i+= every){
		var name= [i, '.jpg'].join('')
		while (name.length < 9) name= '0'+name
		stack.push(name)
		}
  		return stack;
}

function isiPhone(){
    return (
        (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPod") != -1)
    );
}

$(document).ready(init);