/**
 * init.js
 */

$(document).ready(function() {
	//fix css for IE versions
	if($.browser.msie){
		var ver = parseInt($.browser.version, 10);
		if(ver < 8){
			alert('Su version de Internet Explorer debe actualizarse para visualizar correctamente esta pagina, haga click en Aceptar para escoger una Solucion');
			window.location = 'soluciones.html';
		}
	}
	
	//translate-menu
	if(document.getElementById('topWrap') != undefined){
		$('#IDlangEN').click(function() {
			english();
			return false;
		});
		$('#IDlangES').click(function() {
			espanol();
			return false;
		});
		$('#IDlangDE').click(function() {
			deutsch();
			return false;
		});
	}
	
	if($.browser.msie){
		var back = $('.itemMenu .active').css('background-color');
		$('.itemMenu .active').parent().css('background-color' , back);
		$('.itemMenu').corners("bottom 5px");
	}
	
	//behaviors menu
	$('.itemMenu a').hover(function() {
		$(this).css('color', '#000');
		Cufon.replace('.itemMenu', {fontFamily: "Bradley Hand ITC TT"});
	}, function() {
		$(this).css('color', '#FFF');
		Cufon.replace('.itemMenu', {fontFamily: "Bradley Hand ITC TT"});
	});
		
	if(document.getElementById('IDmap') != undefined){
		var map = new GoogleMaps( 22.152427,-101.002242 , 15 , 'IDmap' );
		map.empresa = 'Woge Art Galeria';
		map.giro = 'Galeria de Arte - Venta de Cuadros';
		map.tel = ' (444) 833-19-35 ';
		map.dir = 'Fray Diego de la Magdalena #273,Col Del Valle,  San Luis Potosi, Mexico';
		map.setHtml();
		map.initialize();
	}
	
	if( document.getElementById('contact') != undefined){
		$('#IDsendMsn').click(function(){
			var imgs = document.getElementById('contact').getElementsByTagName('img');
			var send = true;
			var name = $('#IDnombre').attr('value');
			var mail = $('#IDcorreo').attr('value');
			var pass = $('#IDasunto').attr('value');
			var msn = $('#IDmensaje').attr('value');
			for ( var i = 0; i < imgs.length; i++) {
				 if( $(imgs[i]).parent().css('display') == 'inline'){
					 send = false;
					 break;
				 }
			}
			if(mail.length > 0 && pass.length > 0 &&  msn.length > 0 && send){
				$.ajax({url : "ajax.php?UD=2&nombre=" + name+"&correo="+ mail +"&asunto="+pass+"&mensaje="+msn, success : function(result) {
					var H = parseInt( $('#register').css('height'), 10);
						$('#contact').html('<div id="IDwrapLoading"><img src="images/lightbox-ico-loading.gif" width="32" height="32" alt="Loading - WOGE ART" id="IDloading" /></div>');
						$('#contact').animate({ height : H+'px'}, 'fast');
						var h = parseInt($('#IDloading').css('height'), 10);
						var x = Math.round(H/2) - Math.round(h/2);
						$('#IDwrapLoading').css('margin-top', x+'px');
						$('#contact').slideUp(1500, function(){
							$('#IDwrapLoading').remove();
							if(parseInt(result, 10) == 1){
								$('#contact').html('<div class="correct"><img src="images/active.png" alt="WOGE ART - Mensaje Enviado" width="32" height="32" class="msn"/><p class="textMsn">Se ha enviado su mensaje, en breve le respondemos / Your message has been sended, we will respond shortly / Er hat seine Botschaft geschickt, werden wir in K&uuml;rze antworten</p><p class="textMsn"><a href="contacto.php" id="IDreturn">Regresar</a></p></div>');
							}else{
								$('#contact').html('<div class="correct"><img src="images/bad.png" alt="WOGE ART - Mensaje Enviado" width="32" height="32" class="msn"/><p class="textMsn"> Su mensaje no se pudo enviar, intente de nuevo / Your message could not be sent, try again / Ihre Nachricht konnte nicht gesendet werden, versuchen Sie es erneut </p><p class="textMsn"><a href="contacto.php">Regresar</a></p></div>');
								//alert(result);
							}
							$(this).slideDown('fast');
						});
					}
				});
			}else{
				alert('Debe llenar correctamente el formulario');
			}
		});
	}//contact
	
	var def = parseInt($('#IDopc_Default').attr('value'), 10);//num de opcion por default
	actionsAfetLoad(def);
	
	//effects
	if($.browser.msie){
		/*$('#wrapContent img').slideUp('fast', function(){
			$(this).slideDown(1000);
		});*/
	}else{
		$('#wrapContent img').fadeOut('fast', function(){
			$(this).fadeIn(1500);
		});
	}
	
});//ready

function actionsAfetLoad(def){
	if(window.sessionStorage['CURRENT_LANG'] == undefined){
		espanol();
	}else{
		eval(window.sessionStorage['CURRENT_LANG']);
	}
	
	if(document.getElementById('TabbedPanels1') != undefined){
		$('#TabbedPanels1 a').attr('title' , 'Ver detalles / View Details / Details');
		var arr = new Array('IDoleo', 'IDacuarela', 'IDpastel');
		var divs = $('.TabbedPanelsContent');
		for ( var i = 0; i < divs.length; i++) {
			var tables = divs[i].getElementsByTagName('table');
			$(divs[i]).append('<input type="hidden" value="'+tables.length+'" />');
		}
		if(document.getElementById(arr[def]) != undefined){
			var tables = document.getElementById(arr[def]).getElementsByTagName('table');
			if(tables.length > 1){
				$('#IDnext').show('fast');
				$('#IDprev').show('fast');
			}else{
				$('#IDnext').hide('fast');
				$('#IDprev').hide('fast');
			}
			
			$("#"+arr[def]).jCarouselLite({
		        btnNext: "#IDnext",
		        btnPrev: "#IDprev",
		        visible: 1,
		        speed : 800,
		        start: 0
		    });

			//detalle de la obra
			$('#'+arr[def]).find('a').click(function(){
				var href = $(this).attr('rel');
				var title = $(this).attr('titulo');
				var tech = $(this).attr('tecnica');
				var w = $(this).attr('ancho');
				var h = $(this).attr('largo');
				var price = $(this).attr('precio');
				var opc = parseInt($(this).attr('opc'), 10);
				$.ajax({url : "detalle.php?SRC=" + href+"&TITLE="+title+"&TECH="+tech+"&W="+w+"&H="+h+"&PRICE="+price, success : function(result) {
						var res ='';
		    			res = result;
		    			var html = res.substring(res.indexOf('<!--<region1>-->') + 16 , res.indexOf('<!--</region1>-->'));
		    			$('#IDcontent').slideUp('slow', function (){
	        				$(this).html(html);
	        				$(this).slideDown(1500);
	        				if(window.sessionStorage['CURRENT_LANG'] == undefined){
	        					espanol();
	        				}else{
	        					eval(window.sessionStorage['CURRENT_LANG']);
	        				}
	        				$('#IDshowPicture').lightBox();
	        				$('#IDreturnGallery').click(function(){
	        					$.ajax({url : "galeria.php" , success : function(result) {
	        						var res ='';
	        		    			res = result;
	        		    			var html = res.substring(res.indexOf('<!--<region1>-->') + 16 , res.indexOf('<!--</region1>-->'));
		        		    			$('#IDcontent').slideUp('slow', function(){
		        		    				$(this).html(html);
		        		    				var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: opc});
		        	        				$(this).slideDown(1500);
		        	        				actionsAfetLoad(opc);
		        		    			});
									}
								});
	        				});
	        			});
					}
				});
				return false;
			});//click - detalle de la obra
		}
		
		//tabs - click
		if(document.getElementById('IDtabs') != undefined){
			$('.TabbedPanelsTab').click(function(){
				$('#IDnext').unbind('click');
				$('#IDprev').unbind('click');
				var id = '#'+$(this).attr('rel');
				var numTables = parseInt($(id).find('input').attr('value'), 10);
				
				if(! $.browser.msie){
					var curr = "#"+$(this).attr('rel');
					$(curr).jCarouselLite({
				        btnNext: "#IDnext",
				        btnPrev: "#IDprev",
				        visible: 1,
				        speed : 1000,
				        start: 0
				    });
				}else{
					window.location = 'galeria.php?OPC='+parseInt($(this).attr('opc'), 10);
				}
				
				if(numTables > 1){
					$('#IDnext').show('fast');
					$('#IDprev').show('fast');
				}else{
					$('#IDnext').hide('fast');
					$('#IDprev').hide('fast');
				}
				$(id).find('a').click(function(){
					var href = $(this).attr('rel');
					var title = $(this).attr('titulo');
					var tech = $(this).attr('tecnica');
					var w = $(this).attr('ancho');
					var h = $(this).attr('largo');
					var price = $(this).attr('precio');
					var opc = parseInt($(this).attr('opc'), 10);
					$.ajax({url : "detalle.php?SRC=" + href+"&TITLE="+title+"&TECH="+tech+"&W="+w+"&H="+h+"&PRICE="+price, success : function(result) {
							var res ='';
			    			res = result;
			    			var html = res.substring(res.indexOf('<!--<region1>-->') + 16 , res.indexOf('<!--</region1>-->'));
			    			$('#IDcontent').slideUp('slow', function (){
		        				$(this).html(html);
		        				$(this).slideDown(1500);
		        				if(window.sessionStorage['CURRENT_LANG'] == undefined){
		        					espanol();
		        				}else{
		        					eval(window.sessionStorage['CURRENT_LANG']);
		        				}
		        				$('#IDshowPicture').lightBox();
		        				$('#IDreturnGallery').click(function(){
		        					$.ajax({url : "galeria.php" , success : function(result) {
		        						var res ='';
		        		    			res = result;
		        		    			var html = res.substring(res.indexOf('<!--<region1>-->') + 16 , res.indexOf('<!--</region1>-->'));
			        		    			$('#IDcontent').slideUp('slow', function(){
			        		    				$(this).html(html);
			        		    				var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: opc});
			        	        				$(this).slideDown(1500);
			        	        				actionsAfetLoad(opc);
			        		    			});
										}
									});
		        				});
		        			});
						}
					});
					return false;
				});//click
			});//click
		}
	}
}//end

function espanol(){
	var items = document.getElementById('IDmenuNav').getElementsByTagName('a');
	$(items[0]).html('Inicio');
	$(items[1]).html('El Art&iacute;sta');
	$(items[2]).html('Obras');
	$(items[3]).html('Contacto');
	$('#derechos').html('Woge Art &copy; Todos los Derechos Reservados');
	$('#IDlangES img').css('border-bottom', 'solid 2px #FFF');
	$('#IDlangDE img').css('border-bottom', 'none');
	$('#IDlangEN img').css('border-bottom', 'none');
	if( document.getElementById('semblanza') != undefined ){
		$('#right h1').html('Semblanza');
		$('#semblanza').html('<div class="separator"><div id="foto"></div><div id="semblanzaTop"><p class="semblanza">Amigos:</p><p class="semblanza">Quiero ante todo ser muy sincero con lo que pretendo mostrar en &eacute;sta p&aacute;gina y no deseo llenar esta hoja con un Curriculum o Ridiculum enorme. Ya que al final a nadie le va a importar, solo quiero decirles que la <b>calidad</b> de los <b>cuadros</b> ya sean <b>Oleos</b>, <b>Acuarelas</b> o <b>al Pastel</b> est&aacute;n realizados con materiales de <b>excelente calidad</b> (pigmentos, telas, barnices); para quien <b>compre</b> una obra tenga la garant&iacute;a de haber adquirido algo bueno y muy duradero.</p></div></div><div class="separator"><div style="width:95%; margin-left:auto; margin-right:auto; margin-bottom:10px;"><p class="semblanza">Soy un <b>pintor Mexicano</b>, Nacido en el Estado de <b>San Luis Potosi</b>, Amante del color que ofrece el Sol de este pa&iacute;s.</p><p class="semblanza">Tengo aproximadamente <b>40 a&ntilde;os</b> realizando <b>pinturas</b> en varias t&eacute;cnicas y mis <b>obras</b> se encuentran en colecciones privadas y p&uacute;blicas en M&eacute;xico y el extranjero.</p></div></div>');
	}
	if(document.getElementById('IDquadroL') != undefined){
		$('#right h1').html('Nuestras Obras');
		$('#IDquadroL a').html('Al Pastel');
		$('#IDquadroC a').html('Al &Oacute;leo');
		$('#IDquadroB a').html('A la Acuarela');
	}
	if(document.getElementById('TabbedPanels1') != undefined){
		$('#IDTech1').html('Al &Oacute;leo');
		$('#IDTech2').html('A la Acuarela');
		$('#IDTech3').html('Al Pastel');
		$('#IDprev').html('&lt; Atras');
		$('#IDnext').html('Siguiente &gt;');
	}
	if( document.getElementById('IDdetail1') != undefined){
		$('#right h1').html('Detalle de la Obra');
		$('#IDdetail1').html('T&iacute;tulo:');
		$('#IDdetail2').html('Autor:');
		$('#IDdetail3').html('T&eacute;cnica:');
		$('#IDdetail4').html('Precios:');
		$('#IDreturnGallery').html('Regresar');
	}
	if(document.getElementById('contact') != undefined){
		$('#right h1').html('Contacto');
		var label = document.getElementById('contact').getElementsByTagName('label');
		$(label[0]).html('Nombre:');
		$(label[1]).html('(*)Correo:');
		$(label[2]).html('(*)Asunto:');
		$(label[3]).html('(*)Mensaje:');
		$('.comments').html('Si a usted le interesa alguno de nuestros cuadros, no dude en pedir informes.');
		$('#IDdatos h2').html('Escribanos un mensaje');
		$('#ubicanos h2').html('Ubicanos en el mapa');
	}
	Cufon.replace('.itemMenu', {fontFamily: "Bradley Hand ITC TT"});
	Cufon.replace('.textContact', {fontFamily: "Bradley Hand ITC TT"});
	window.sessionStorage['CURRENT_LANG'] = 'espanol();';
}

function english(){
	var items = document.getElementById('IDmenuNav').getElementsByTagName('a');
	$(items[0]).html('Home');
	$(items[1]).html('The Artist');
	$(items[2]).html('Works');
	$(items[3]).html('Contact');
	$('#derechos').html('Woge Art &copy; All rights reserved');
	$('#IDlangEN img').css('border-bottom', 'solid 2px #FFF');
	$('#IDlangES img').css('border-bottom', 'none');
	$('#IDlangDE img').css('border-bottom', 'none');
	if( document.getElementById('semblanza') != undefined ){
		$('#right h1').html('Semblance');
		var text1 = 'I want above all to be very honest with what I intend to show in this page and do not want to fill this sheet with a resume or Ridiculum enormous. Since the end nobody will care, I just want to say that the quality of the pictures and are oil, watercolor or pastel are made with quality materials (pigments, textiles, paints), for those who purchase a work has guaranteed to have acquired some good and very durable.';
		var text2 = 'I am a Mexican painter, born in San Luis Potosi State, Lover of color offered by the Sun in this country.';
		var text3= 'I have about 40 years making paintings in various techniques and my works are in private collections in Mexico and abroad.';
		$('#semblanza').html('<div class="separator"><div id="foto"></div><div id="semblanzaTop"><p class="semblanza">'+text1+'</p></div></div><div class="separator"><div style="width:95%; margin-left:auto; margin-right:auto; margin-bottom:10px;"><p class="semblanza">'+text2+'</p><p class="semblanza">'+text3+'</p></div></div>');
	}
	if(document.getElementById('IDquadroL') != undefined){
		$('#right h1').html('Our Works');
		$('#IDquadroL a').html('Pastel');
		$('#IDquadroC a').html('Oil');
		$('#IDquadroB a').html('Watercolor');
	}
	if(document.getElementById('TabbedPanels1') != undefined){
		$('#IDTech1').html('Oil');
		$('#IDTech2').html('Watercolor');
		$('#IDTech3').html('Pastel');
		$('#IDprev').html('&lt; Previous');
		$('#IDnext').html('Next &gt;');
	}
	if( document.getElementById('IDdetail1') != undefined){
		$('#right h1').html('Details');
		$('#IDdetail1').html('Title:');
		$('#IDdetail2').html('Author:');
		$('#IDdetail3').html('Technique:');
		$('#IDdetail4').html('Prices:');
		$('#IDreturnGallery').html('Return');
	}
	if(document.getElementById('contact') != undefined){
		$('#right h1').html('Contact');
		$('.comments').html('If you are interested in any of our pictures, please request information.');
		var label = document.getElementById('contact').getElementsByTagName('label');
		$(label[0]).html('Name:');
		$(label[1]).html('(*)Mail:');
		$(label[2]).html('(*)Subject:');
		$(label[3]).html('(*)Message:');
		$('#IDdatos h2').html('Write us a message');
		$('#ubicanos h2').html('Find us in the map');
	}
	Cufon.replace('.itemMenu', {fontFamily: "Bradley Hand ITC TT"});
	Cufon.replace('.textContact', {fontFamily: "Bradley Hand ITC TT"});
	window.sessionStorage['CURRENT_LANG'] = 'english();';
}

function deutsch(){
	var items = document.getElementById('IDmenuNav').getElementsByTagName('a');
	$(items[0]).html('Hause');
	$(items[1]).html('Der K&uuml;nstler');
	$(items[2]).html('Werk');
	$(items[3]).html('Kontakt');
	$('#derechos').html('Woge Art &copy; Alle Rechte vorbehalten');
	$('#IDlangDE img').css('border-bottom', 'solid 2px #FFF');
	$('#IDlangEN img').css('border-bottom', 'none');
	$('#IDlangES img').css('border-bottom', 'none');
	if( document.getElementById('semblanza') != undefined ){
		$('#right h1').html('Anschein');
		var text1 = 'Ich m&ouml;chte vor allem sehr ehrlich zu sein mit dem, was ich beabsichtige, in dieser Seite zeigen und nicht wollen, dieses Blatt mit einem Lebenslauf oder Ridiculum enorme f&uuml;llen. Seit dem Ende niemand k&uuml;mmert sich, ich will nur sagen, dass die Qualit&auml;t der Bilder und &Ouml;l, Aquarell oder Pastell mit hochwertigen Materialien (Pigmente, Textilien, Lacke) vorgenommen werden, f&uuml;r diejenigen, die ein Werk zu kaufen ist garantiert erworbenen einige gute und sehr langlebig sind.';
		var text2 = 'Ich bin eine mexikanische Malerin, geboren in San Luis Potosi Staat, Lover von Farbe durch die Sonne in diesem Land angeboten.';
		var text3= 'Ich habe &uuml;ber 40 Jahre zu malen in verschiedenen Techniken und meine Werke sind in privaten Sammlungen in Mexiko und im Ausland.';
		$('#semblanza').html('<div class="separator"><div id="foto"></div><div id="semblanzaTop"><p class="semblanza">'+text1+'</p></div></div><div class="separator"><div style="width:95%; margin-left:auto; margin-right:auto; margin-bottom:10px;"><p class="semblanza">'+text2+'</p><p class="semblanza">'+text3+'</p></div></div>');
	}
	if(document.getElementById('IDquadroL') != undefined){
		$('#right h1').html('Unsere Arbeiten');
		$('#IDquadroL a').html('Pastell');
		$('#IDquadroC a').html('&Ouml;l');
		$('#IDquadroB a').html('Aquarell');
	}
	if(document.getElementById('TabbedPanels1') != undefined){
		$('#IDTech1').html('&Ouml;l');
		$('#IDTech2').html('Aquarell');
		$('#IDTech3').html('Pastell');
		$('#IDprev').html('&lt; Vorherige');
		$('#IDnext').html('N&auml;chste &gt;');
	}
	if( document.getElementById('IDdetail1') != undefined){
		$('#right h1').html('Details');
		$('#IDdetail1').html('Titel:');
		$('#IDdetail2').html('Autor:');
		$('#IDdetail3').html('Technik:');
		$('#IDdetail4').html('Preise:');
		$('#IDreturnGallery').html('R&uuml;ckkehr');
	}
	if(document.getElementById('contact') != undefined){
		$('#right h1').html('Kontakt');
		$('.comments').html('Wenn Sie in einem unserer Bilder interessieren, fordern Sie bitte Informationen.');
		var label = document.getElementById('contact').getElementsByTagName('label');
		$(label[0]).html('Name:');
		$(label[1]).html('(*)Post:');
		$(label[2]).html('(*)Ausgabe:');
		$(label[3]).html('(*)Nachricht:');
		$('#IDdatos h2').html('Schreiben Sie uns eine Nachricht');
		$('#ubicanos h2').html('Finden Sie uns auf der Karte');
	}
	Cufon.replace('.itemMenu', {fontFamily: "Bradley Hand ITC TT"});
	Cufon.replace('.textContact', {fontFamily: "Bradley Hand ITC TT"});
	window.sessionStorage['CURRENT_LANG'] = 'deutsch();';
}