/*Resize Text
how to use: Add class 'resizetext' to any element you want to resize
*/
var shadowoptions = {
	x:1, 
  	y:0, 
  	radius:6,
  	color:'#A9B4AF',
  	opacity:.5
  	}
  	
  	
function sizeFonts()
	{
   	fontpercent = .01;
   	var screenwidth = $(window).width();
  	var font_math = Math.round(fontpercent*screenwidth*10);
  	$('.resizetext').css('font-size', font_math+'%');
  	$('#logo').textShadow( shadowoptions );
	}

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


/* ONLOAD FUNCTION */

$(document).ready(function(){

sizeFonts();

/* Box Animation Navigation */

$('.bb').click(function(){return false});

$('.bb').click(function(){

	// Our Button State
	var boxwidth = '20%';
	var boxheight = '20%';
	var boxtop = 20;
	var boxleft = '0';
	var boxpad = '0%';
	
	// Our Main Stage State
	var stagewidth = '60%';
	var stageheight = '47%';
	var stagetop = '25%';
	var stageleft = '25%';
	var stagepad = '5%';
	
	// Get our current view	
	var currentId = $('a.current').attr('id').match(/[\d]+$/);
	currentId = Number(currentId);
	
	//Get our Clicked View
	var clickedId = $(this).attr('id').match(/[\d]+$/);
	clickedId = Number(clickedId);	
	boxtop = Number(boxtop);
	currentId--;
	boxtop = boxtop * currentId;
	boxtop = boxtop+'%';
	currentId++;
	if(currentId != clickedId)
		{
		if(currentId == 5)
			{
			$('#box5').fadeIn(1000,function(){$('#box5').css('filter', 'progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#A9B4AF" enabled="enabled"')});
			$('#box'+clickedId).animate({width: stagewidth, height: stageheight, top: stagetop, left: stageleft, padding: stagepad},1000);
			}
		else
			{
			$('#box'+currentId).animate({width:boxwidth, height: boxheight, top: boxtop, left: boxleft, padding: boxpad},1000);
			if(clickedId == 5)
				{
				$('#box'+clickedId).fadeOut();
				}
			else
				{
				$('#box'+clickedId).animate({width: stagewidth, height: stageheight, top: stagetop, left: stageleft, padding: stagepad},1000);
				}
			}
		$('#bb'+currentId).removeClass('current');
		$(this).addClass('current');
		$('#box'+currentId).removeClass('current');
		$('#bb'+clickedId).addClass('current');
		}
	});


// Hover function for main areas
/*$('.bb').hover(
  function () {
  		if($(this).hasClass('current'))
  			{
  			// relax and have a cup of coffee
  			}
  		else
  			{
	  		var id = $(this).attr('id').match(/[\d]+$/);
	  		id = Number(id);
	    	$('#box'+id).addClass('gradient');
	    	}
  },
  function () {
  			var id = $(this).attr('id').match(/[\d]+$/);
    		$('#box'+id).removeClass('gradient');
  }
);*/

// Toggle main screen and full screen functions
$('.buttons a').click(function(){
	if($(this).attr('rel') == 'main')
		{
		if($('#mainscreen').hasClass('hideme'))
			{
			$('#mainscreen').removeClass('hideme');
			$('.sub .title').removeClass('hideme');
			}
		else 
			{
			$('#mainscreen').addClass('hideme');
			$('.sub .title').addClass('hideme');
			}
		}
	if($(this).attr('rel') == 'full')
		{
		$('#fullscreen').addClass('hover');
		$('.sub').fadeTo('fast',.5);
		$('#mainscreen').fadeTo('fast',0);
		}
	if($(this).attr('rel') == 'edit')
		{
		$('#editscreen').addClass('hover');
		$('.sub').fadeTo('fast',.5);
		$('#mainscreen').fadeTo('fast',0);		
		}
	return false;
	});
	
// Close the fullscreen window
$('#closefull').click(function(){
	$('#fullscreen').removeClass('hover');
	$('.sub').fadeTo('fast',1);
	$('#mainscreen').fadeTo('fast',1);
	return false;
	});
	
// Close the edit window
$('#closeedit').click(function(){
	$('#editscreen').removeClass('hover');
	$('.sub').fadeTo('fast',1);
	$('#mainscreen').fadeTo('fast',1);
	return false;
	});

// Submit edit form
$('#editsubmit').click(function(){
	$('#throbber').css('display','block');
	id = $('#editid').val();
	alias = $('#editalias').val();
	title = $('#edittitle').val();
	content = $('#editcontent').val();
	$.post("spinner/data.php", $("#editform").serialize(), function (data){
	if(data == 'success')
		{
    	$('.data').html(content);
    	}
    else
    	{
    	$('.data').html(data);
    	}
	$('#editscreen').removeClass('hover');
	$('.sub').fadeTo('fast',1);
	$('#mainscreen').fadeTo('fast',1);
	$('#throbber').css('display','none');
   	});
	return false;
	});
});