host = 'http://autoself.es';


// MENSAGES
var msg = new Array();

msg['votos-es'] = ' votos';
msg['votos-en'] = ' votes';

msg['enviando-es'] = 'Su mensage se está enviando.';
msg['enviando-en'] = 'Your message is being sent.';

msg['error-envio-es'] = 'No fue posible contactar con el servidor.';
msg['error-envio-en'] = 'It was not possible to contact the server.';

msg['confirmacion-votos-es'] = '¡Esta camiseta tiene: #clave votos!<br/>Gracias por su colaboración.';
msg['confirmacion-votos-en'] = 'This shirt has: #clave votes! <br/> Thank you for your cooperation!.';

msg['voto-repetido-es'] = '¡Ya has votado en esta camiseta!<br/>Por favor escoja otro modelo!';
msg['voto-repetido-en'] = 'You´ve already voted <br/> on this shirt! <br/> Please choose another one!';

$(document).ready(function() {
	
	// IDIOMA
	var lg = $('#lg').text();
	if (lg == false) lg = 'es';
	
	// LAS IMAGENES SON CARGADAS A PARTE
	var l = $(jQuery.makeArray(document.images)).size();
                
	$(document.images).each(function(n, v) {
		var img = new Image();
		$(img).attr({'src': $(v).attr('src')});
		
		// APARECE CONTENIDO
		if (n == l-1) $('#contenido').css({'display':'block'});
                
		})
	
	
	// CONDICIONES
	$('#menu-condiciones a[href=#]').click( function () {
		
		$('#texto-condiciones div').fadeOut(500);
		$('a[href=#]').removeClass();
		$(this).addClass('activo');
		nombre = '#'+$(this).attr('name');
		
		setTimeout('$(nombre).fadeIn()',1000)
		
		return false;
		});
	
	
	// MOUSEWHEEL	
	$('body').mousewheel(function(event, delta) {
		if (delta < 0)  {
			// RUEDA PARA ARRIBA
			left = $(window).scrollLeft() // desplazamiento horizontal
			left = left + 50;
		} else if (delta > 0) {
			// RUEDA PARA BAJO
			left =  $(window).scrollLeft() // desplazamiento horizontal
			left = left - 50;
			};
		
		$(window).scrollLeft(left) 
		});
	
	// INTERMITENCIA DEL BOTON
	setInterval("$('#btn-scroll').fadeTo(1000,0.1).fadeTo(1500,1)",1500)
	
	// CLICK EN EL BOTON SCROLL
	$('#btn-scroll').click(function() {
		 $('html,body')
		 	// IDA
		 	.animate({scrollLeft: $(window).width()},  2000 , 'swing') //($('body').width() - $('body').scrollLeft() - ($('body').width()/4.5)) +'px'}, 4000 , 'swing')
		 	// VUELTA
		 	//.animate({scrollLeft: 500 +'px'}, 2000 , 'easeOutBack')
		});
	
	// ARASTRAR LA VENTANA 
	/*
	var pageX;
	var pageX_left	= getScrollXY()[0];
	var pageX_i	= 0;
	var pageX_f	= 0;
	
	$(window)
		
		.mouseup(function(e){
			$('body').css({'cursor':'default'})
			pageX_left = getScrollXY()[0];
			pageX_f = e.pageX
			})
		.mousedown(function(e){
      			$('body').css({'cursor':'pointer'})
      			pageX_i = e.pageX
      			
      			v = pageX_f - pageX_i
      			
      			if (v > 0) {
					
				}				
			$(window).mousemove( function(e){
				var pageCoords = "( " + e.pageX + ", " + pageX_i + ", "+ pageX_f + ", "+ pageX_left+ " )";
				$("#wrap").text(pageCoords);
				})	
			})
	*/
	// OBRA GRAFICA IMAGENES GRANDES
	
	// LA FUNCION IMAGEN
	$.fn.miimage = function(src,id,f){
		return this.each(function(){ 
			i = new Image();
			i.src = src;
			i.id = id;
			$('body').append(i);
                        i.onload = f;			
                       	});
		}
	
	// EL EVENTO
	$('img[title="popUp"]').live('click', function() {
		
		// SACAR INFORMACION DE LA IMAGEN CLICKADA
		var href= $(this).attr('src').replace(/medium/, 'large');
		var id	= $(this).attr('alt');
		
		// LOADING
		htm = '<div id="loading"> </div>';
		$('body').append(htm);
		
		$('#loading').css({
			height:$(window).height(),
			width: $('body').width(),
			opacity: .30
			});
			
		// LAS DEMAS
		if ($('#'+id).is('img')) {
			
			$('#loading').remove();
			$('#'+id).dialog('open');
			
			}
		// PRIMERA VEZ QUE CARGA LA IMAGEN
		else {
			$('body').miimage(href, id, function(){
				
				$('#loading').remove();
				
				h = this.height;
				w = this.width;
				
				if (h > $(window).height()-40) h = $(window).height() -50
				if (w > $(window).width()) w = $(window).width() -50
				
				$(this).dialog({
					modal: true,
					resizable: false,
					draggable: false,
					height: h,
					width: w
					})
				
				});
			}
		
		})
	
	// CAMISETAS
	$('.btn-camisetas')
		.bind('mouseleave', function(){
			
			$(img).replaceWith(img_old)
			
			})
		.bind('mouseenter', function(){
			
			img_old = $('img[alt="'+$(this).attr('alt').replace(/-mm/,'').replace(/-mh/,'')+'"]')
			contenedor = $(img_old).parent()
						
			img = new Image();
			img.src = 'http://autoself.es/media/camisetas/fotos/'+$(this).attr('alt')+'.jpg'
			
			$(img_old).replaceWith(img)
			
			})
	// VOTOS
	
	var array 	= new Array();
	$('.vota')
		.bind('mouseleave', function(){
			id = $(this).attr('id').replace(/v-/,'')
			
			$(this).parent().children('div').each(function(i,el){
				if (i+1 >= id) {
					div = $(this).parent().children('div[id="v-'+(i+1)+'"]')
					$(div).css({'background-color':'transparent'})
					//alert($(div).attr('id'))
					}
				})
			
			})
		.bind('mouseenter', function(){
			
			$('.vota').css({'background-color':'transparent'})
			$('.vota-info').html('')
			$('.resultado').html('')
			
			id = $(this).attr('id').replace(/v-/,'')
			$(this).parent().children('div').each(function(i,el){
				if (i+1 <= id) {
					div = $(this).parent().children('div[id="v-'+(i+1)+'"]')
					$(div).css({'background-color':'#8f0000'})
					
					$(this).siblings('.vota-info').html('&nbsp;'+(i+1)+ msg['votos-'+lg])
					//alert($(div).attr('id'))
					}
				})
			
			})
		.bind('click', function () {
			
			votos 		= $(this).attr('id').replace(/v-/,'')
			camiseta 	= $(this).parent().attr('id')
			info		= $(this).siblings('.resultado')
			
			peticion 	= '?camiseta='+ camiseta +'&votos=' + votos;
			
			
			
			
			if (jQuery.inArray(camiseta, array) == -1) {
			
			
				$.ajax({
					url: host + '/beens/vota.py',
					type: 'GET',
					cache: false,
					dataType: 'text',
					data: peticion.replace('?','&') ,
					
					beforeSend: function(){
						info.html(msg['enviando-'+lg])
						},
					
					error: function(){
			    			info.html(msg['error-envio-'+lg]);
						},
		
					success: function(data){
						
						info.html( msg['confirmacion-votos-'+lg].replace(/#clave/,data.toString()) );
						array.push(camiseta);
						}
					})
				
				}
			else {
				info.html(msg['voto-repetido-'+lg])
				}
				
			return false
			})
	// FIN JQUERY
});