// JavaScript Document
function load(){
    setNavBarWidth();
}
  
window.onresize = function (){
    setNavBarWidth();
}
 
function setNavBarWidth(){
	//alert ("hello");
    var nav_cont = document.getElementById('nav_cont');
    var navbar_left = document.getElementById('navbar_left');
    var navbar_right = document.getElementById('navbar_right');
    var navbar = document.getElementById('navbar');
	var nav = document.getElementById('nav');
	
 	navbar_left.style.width = 0+'px';
    navbar_right.style.width = 0+'px';
   
    var new_width = 0;
    for (var i=0; i < nav.children.length; i++){
		if (nav.children[i].tagName == 'A'){
			//alert(nav.children[i].children[0].clientWidth);
			new_width += nav.children[i].children[0].clientWidth;
		}
		else if (nav.children[i].tagName == 'SPAN'){
			//alert(nav.children[i].children[0].clientWidth);
           	new_width += nav.children[i].children[0].clientWidth;
		}
    }

	var nc_width = nav_cont.clientWidth;
	//alert("nav_cont= "+nc_width);
    var w_remain = nc_width - new_width;
    var width_left = w_remain / 2;
  	var width_right = w_remain / 2;
	
    var tot_width = new_width + w_remain;
	
	/*alert("nav= "+new_width);
	alert("navbar_left= "+width_left);
	alert("navbar_right= "+width_right);
	alert("nav_cont= "+tot_width);*/
    
	nav.style.width = new_width+'px';
    navbar_left.style.width = width_left+'px';
    navbar_right.style.width = width_right+'px';
    navbar.style.width = tot_width+'px';
}

$(document).ready(function(){
						   
    setTimeout('$("#load-wrapper").fadeOut()',2000);
	
	simple_tooltip("rigg","tooltip");

	$('.get-food').click(function() {
		var image = this.id;
		var new_title = this.title;
		//alert(id);

		$('#waiting').fadeIn();
		$('#current-food').hide("slow");
		$('#current-food').remove();
		$('.food-text').hide();

		$.ajax({
			type : 'POST',
			url : 'scripts/php/getimage.php',
			dataType : 'html',
			data: {
				img : image
			},
			success : function(data){
				$('#waiting').hide();
				
				$('#food-image').append(data).hide();
				$('#current-food').attr({
  					alt: new_title,
  					title: new_title
				});
				$('#food-image').fadeIn("slow");
				$('.food-text').text(new_title);
				$('.food-text').fadeIn("slow");
			},
			error : function(XMLHttpRequest, textStatus, errorThrown) {
				$('#waiting').hide();
				/*$('#message').removeClass().addClass('error')
					.text('There was an error.').fadeIn();
				$('#demoForm').fadeIn();*/
			}
		});
		
		return false;
	});
	
	
});

$(function(){
		 
	$('.navigation li a').append('<span class="hover"></span>')
	$('.navigation .hover').css("filter","alpha(opacity=00)");	   
	$('.navigation li a').hover(function() {
	        
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 400,'easeOutQuad')
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 400, 'easeOutQuad')
	
	})
});

function simple_tooltip(target_items, name){
 $("#"+target_items + " > a").each(function(i){
		$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
		var my_tooltip = $("#"+name+i);
		
		if($(this).attr("title") != "" && $(this).attr("title") != "undefined" ){
		
		$(this).removeAttr("title").mouseover(function(){
					my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(400);
		}).mousemove(function(kmouse){
				var border_top = $(window).scrollTop(); 
				var border_right = $(window).width();
				var left_pos;
				var top_pos;
				var offset = 720;
				if(border_right - (offset *2) >= my_tooltip.width() + kmouse.pageX){
					left_pos = kmouse.pageX;
					} else{
					left_pos = my_tooltip.width();
					}
				
				if(border_top + (offset *2)>= kmouse.pageY - my_tooltip.height()){
					top_pos = border_top - 75;
					} else{
					top_pos = kmouse.pageY-my_tooltip.height()+offset;
					}	
				
				
				my_tooltip.css({left:left_pos, top:top_pos});
		}).mouseout(function(){
				my_tooltip.css({left:"999px"});				  
		});
		
		}
		
	});
}