var selectedMenu = "gallery";

$(document).ready(function() {
    $("div").click(function(event) {
        if(event.target.id != 'anki' ){
			hideCloud();
		}
    });
});


var load_underline = function(label){
	//$("#"+label+"_link").css("background-image","url('../images/underline.png')");
	//$("#"+label+"_link").css("background-repeat","no-repeat");
	//$("#"+label+"_link").css("background-position","center bottom");
	
	

	$("#"+label+"_link a").css("color","white");
	/*$('#underline_'+label).animate({
    opacity: 1.0, 
	}, 500, function() {
		
	});*/
}

var submenuLoaded = false;
var unload_underline = function(label){
	if(selectedMenu == label) return;
	/*$('#underline_'+label).animate({
    opacity: 0.0, 
	}, 200, function() {
		
	});*/
	//$("#"+label+"_link").css("background-image","none");
	
	if(selectedMenu =='festivals' || selectedMenu == 'shops' || selectedMenu == 'mailorder' || selectedMenu == 'wholesale'){
		$("#buy_link a").css("color","#ffffff");
		if(label == 'buy') return;
	}
		$("#"+label+"_link a").css("color","#45ABE0");
	
	
	
}
var submenuLoaded = false;


var showBuySubmenu = function(){
	if(submenuLoaded){
		submenuLoaded = false;
		$("#subMenuContent").css("display","none");
		$("#subMenuContent").animate({
		opacity:0.0},200,function(){});
	}else{
		submenuLoaded = true;
		$("#subMenuContent").css("display","block");
		$("#shop_link a").css("color","white");
		$("#subMenuContent").animate({
		opacity:1.0},200,function(){});
		$("#subMenuContent .link").pngFix( {blankgif: '../images/blank.gif'} );
		
	}
}

$(document).ready(function () {
	
});

$('area').click(function() { 
		var url = $(this).attr('href'); 
		var coords = $(this).attr('coords').split(','); 
		alert(url);
		// Your code here 
	
		// To prevent default action 
	  return false; 
});
/*
var load_underline = function(label){
	$('#underline_'+label).animate({
    opacity: 1.0, 
	}, 500, function() {
		
	});
}

var unload_underline = function(label){
	
	$('#underline_'+label).animate({
    opacity: 0.0, 
	}, 200, function() {
		
	});
}
*/




/*
	load_anki adapts itself with the text length
*/
var load_anki = function(){
	
	var length = $('#cloudtext').html().length;
	//alert(length);
	if(length < 50){
		$('#cloud #oval').css('width',300);
		
	}else if(length < 170){
		
		$('#cloud #oval').css('width',280);
		$('#cloud #oval').css('height',180);
		
		$('#cloud #oval').css('margin-left', 0);
		$('#cloudtext').css('margin-top',-140);
		$('#cloudtext').css('margin-left',25);
		
		$('#cloudtext').css('width',230);
		$('#cloudtip').css('margin-left',180);
		$('#cloudtip').css('margin-top',-35);
		$('#cloud').css('margin-top', 70);
		$('#cloud').css('margin-right', 20);
		
		$('#anki').css('opacity',0);
		$('#cloud').css('opacity', 0);
		$('#cloud').css('height', 200);
		
	}else{
		$('#cloud #oval').css('width',400);
		$('#cloud #oval').css('height',250);
		$('#cloud #oval').css('margin-left', 0);
		$('#cloudtext').css('margin-top',-200);
		$('#cloudtext').css('margin-left',50);
		$('#cloudtext').css('width',300);
		$('#cloudtip').css('margin-left',250);
		$('#cloudtip').css('margin-top',-35);
		$('#cloud').css('margin-top', 0);
		$('#cloud').css('margin-right', 0);
		$('#cloud').css('height', 250);
		$('#cloud').css('opacity',0);
		$('#anki').css('opacity',0);
		$('#cloud').css('opacity', 0);
		
	}
	$('#cloud').css('display','block');
	animate_cloud();
}
var ankiAnimating = 0;
var animate_cloud = function(){
	if(ankiAnimating ==1){ 
		$('#anki').css('opacity',1.0).pngFix( {blankgif: 'blank.gif'} );
	
		return;
	}
	$('#anki').animate({
	
		opacity: 1,
	
	}, 5000, function() {
			if(ankiAnimating ==1){ 
				$('#anki').css('opacity',1.0);
			
				return;
			}
			$('#anki').animate({
				opacity: 0,
			  }, 1000, function() {
				  
				animate_cloud();
			 }).pngFix( {blankgif: 'blank.gif'} );
		
	}).pngFix( {blankgif: 'blank.gif'} ) ;
}

//animate_cloud();

var cloud = 0;

var showCloud = function(){
	if(cloud == 0){
		$('#cloud').animate({
			opacity: 1.0,


		}, 100, function() {
			$('#cloudtip').css("display","block");
			$('#oval').css("display","block");
			$('#oval').css("opacity","1.0");
			$('#cloudtip').css("opacity","1.0");
			$('#cloudtext').css("display","block");
			$('#cloudtext').css("opacity","0.0");
			$('#cloudtext').animate({
			opacity: 0.6,
			}, 100, function() {
					
				
			});
			
		});
		cloud = 1;showBuySubmenu
		ankiAnimating =1;
		$('#anki').css('opacity',1.0);
		$('#cloud #oval').pngFix( {blankgif: 'blank.gif'} );
	
	}else{
		$('#cloud').animate({
			opacity: 0,


		}, 100, function() {
			$('#cloudtext').animate({
			opacity: 0,
			}, 100, function() {
					
				
			}); 
			$('#cloudtip').animate({
			opacity: 0,
			}, 100, function() {
					
				
			});  
			$('#oval').animate({
			opacity: 0,
			}, 100, function() {
			$('#oval').css("display","none");		
				
			});
			
		}); 
		cloud = 0;ankiAnimating =0;
		animate_cloud();
	}
	
}

var hideCloud = function(){
	$('#cloud').animate({
			opacity: 0,


		}, 100, function() {
			$('#cloudtext').animate({
			opacity: 0,
			}, 100, function() {
					
				
			}); 
			$('#cloudtip').animate({
			opacity: 0,
			}, 100, function() {
					
				
			});  
			$('#oval').animate({
			opacity: 0,
			}, 100, function() {
			$('#oval').css("display","none");		
				
			});
			
		}); 
		cloud = 0;ankiAnimating =0;
		animate_cloud();showBuySubmenu
}
var sendContactMessage = function(){
	$("#name_err").html('');
	$("#email_err").html('');
	$("#message_err").html('');
	$("#result").html('');
	var error = false;
	if($('#name').val()== ''){
		$("#name_err").html('name cannot be empty');
		error = true;
	}
	if($('#email').val()== ''){
		$("#email_err").html('email cannot be empty');
		error = true;
	}else if(! validateEmail($('#email').val())){
		$("#email_err").html('recheck your email format');
		error = true;
	}
	if($('#message').val().trim()== ''){
		$("#message_err").html('message cannot be empty');
		error = true;
	}
	
	if(!error){
		$.post("../contact_.php", { name: $('#name').val(), email:$('#email').val(), message:$('#message').val() },
			function(data) {
				var obj = jQuery.parseJSON(data);

				alert(obj.msg);
				
				$('#name').attr('disabled', 'disabled');
				$('#email').attr('disabled', 'disabled');
				$('#message').attr('disabled', 'disabled');
				$('#send').attr('disabled', 'disabled');
			}
						 
			);
			
			
	}
	

}

var validateEmail = function (email) { 
 var re = '^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$' ;
 return email.match(re) 
}