// JavaScript Document

(function($) {
		  
		 // declarados fuera del plugin, debido a la recursividad en la llamada al menu en el cambio de idioma
		var menuValue; 
		var currentLang;

	$.fn.menuComponent = function(options){
	  
		// default configuration properties
		var defaults = {
			optionActive: 	14, // coleccion THE QUIET MAN
			lang: 'en'
			}; 
		
		var options = $.extend(defaults, options);
		var $obj = $(this);
		var background_image_normal = $obj.find("#btn-menu").css('background-image');
		var background_image_over ='url(../images-cole2/menu2.png)';	 

		menuValue = options.optionActive;
		currentLang = options.lang;
		
		// inicialización menú
		return this.each (function(){
								   
			var $col = $("#colecciones", $obj);
			var $m_col = $("#m-colecciones", $obj);
			
			var $video = $("#videos", $obj);
			var $m_video = $("#m-videos", $obj);
			
			var $btn_menu = $("#btn-menu", $obj);
			var $container_menu = $("#container-menu", $obj);
			
			// hover para todos los enlaces no href
			$("[id^='id'], #m-colecciones", $obj).each(function(){
										  var $obj1 = $(this);
										  $obj1.hover(function() {
											$obj1.addClass("link-hover");
										}, function(){
											$obj1.removeClass("link-hover");
										});	
									});
			
			// hover para todos los enlaces no href
			$("[id^='id'], #m-videos", $obj).each(function(){
										  var $obj1 = $(this);
										  $obj1.hover(function() {
											$obj1.addClass("link-hover");
										}, function(){
											$obj1.removeClass("link-hover");
										});	
									});
			
			// opciones 
			var $about = $("#idMenu3", $obj);
			var $press = $("#idMenu4", $obj);
			var $contacto = $("#idMenu6", $obj);
			var $idioma = $("#idioma", $obj);
			var $video22 = $("#idMenu22", $obj);
			var $video23 = $("#idMenu23", $obj);
			
			//var $shop = $("#idMenu7", $obj);
			
			

		    /*$shop.click(function (){
				$.get("shop.php", {lang: currentLang}, function (data){
											  removeMain();
											  $("#main").html (data);
											  activaOpcion (7);
											 
											  });
				return false;
			});*/
			
			
		
		// video coleccion 2.0
		    $video22.click(function (){
				$.get("video22.php", {lang: currentLang}, function (data){
											  removeMain();
											  $("#main").html (data);
											  activaOpcion (22);
											  $btn_menu.trigger('click');
											  });
				return false;
			});
			
		// video coleccion primitive
		    $video23.click(function (){
				$.get("video23.php", {lang: currentLang}, function (data){
											  removeMain();
											  $("#main").html (data);
											  activaOpcion (23);
											  //$btn_menu.trigger('click');
											  });
				return false;
			});
			
			
			// acerca de 
		    $about.click(function (){
				$.get("about.php", {lang: currentLang}, function (data){
											  removeMain();
											  $("#main").html (data);
											  activaOpcion (3);
											  });
				return false; 	
			});
			
			// press
		    $press.click(function (){
				$.get("press.php", {lang: currentLang}, function (data){
											  removeMain();
											  $("#main").html (data);
											  activaOpcion (4);
											  });
				return false;
			});
			
			
			// contacto
		    $contacto.click(function (){
				$.get("contact.php", {lang: currentLang}, function (data){
											  removeMain();
											  $("#main").html (data);
											  activaOpcion (6);
											  });
				return false;
			});
	
			// idioma
			$idioma.click(function (){
				$.get("getMenu-2.php", {'lang': getLangInverso() }, function (data){
											  $("#menu").remove();
											  $("#main").before (data);
											  $("#menu").menuComponent({'optionActive' : menuValue, 'lang' : currentLang});
											  $menuObj = $("#idMenu"+ menuValue);
											  $menuObj.click();
											  
											  if ((menuValue == 11) || (menuValue == 12) || (menuValue == 13) || (menuValue == 14)){
												  $("#creditos").setLang({'lang' : currentLang});
												  $.get("creditos"+menuValue+".php", {'lang':currentLang}, function (data){
																$("#container-creditos").html(data).doCreditos();
													});
											  }
											
											  
									});
					return false;
				});							   

			// submenu colecciones
			$m_col.toggle(
				function () {
					$col.slideDown(300);
				},function () {
					$col.slideUp(300); 
				});
				
			// submenu videos
			$m_video.toggle(
				function () {
					$video.slideDown(300);
				},function () {
					$video.slideUp(300); 
				});
				
			// boton menu 
			$btn_menu.hover(
				function() {
					$btn_menu.addClass("link-hover");
					$btn_menu.css('background-image', background_image_over);
				}, function(){
					$btn_menu.removeClass("link-hover");
					$btn_menu.css('background-image', background_image_normal);
				});
		
			$btn_menu.toggle(
				function () {
					$container_menu.animate({width: '10px'}, 500,'easeOutExpoB18', function () { 
							$c_menu = $(this);
							$c_menu.children()
							.each (function (){
										$element = $(this);
										$element.hide();
									});
						});
					$btn_menu.animate({left: '-22px'}, {duration: 800, easing:'easeOutExpoB18'})
							.css('background-image', background_image_normal);

					
				},function () {
					$container_menu.animate({width: '240px'}, { duration: 800, easing:'easeOutExpoB18'})
							.children()
							.each (function (){
										$element = $(this);
										$element.show();
									});
					$btn_menu.animate({left: '200px'}, { duration: 800, easing:'easeOutExpoB18'})
							.css('background-image', background_image_normal);
				}
			);//toogle

		   
		    // activar opción por defecto
			$('#idMenu'+ menuValue, $obj).addClass("link-active");
			
			// si se trata de un submenú => hay que desplegarlo: o videos o colecciones
			if ((menuValue == 11) || (menuValue == 12) || (menuValue == 13) || (menuValue == 14))
				$m_col.trigger('click');
			else if ((menuValue == 22) || (menuValue == 23))
				$m_video.trigger('click');
		
		});
		
		function getLangInverso(){
			currentLang = (currentLang == 'en') ? 'es': 'en';
			return (currentLang); 
			}
			
		function activaOpcion(val) {
			$('#idMenu'+ menuValue, $obj).removeClass("link-active");
			menuValue = val;
			$('#idMenu'+ menuValue, $obj).addClass("link-active");
			}
		
		function removeMain() {
			$("#main").remove();
			$("#wrap").append('<div id="main"> </div>');
			}
	}
})(jQuery);