// JavaScript Document


var adm_url = 'http://www.0kmweb.com/admin';
var menuHoverTimer = {};
var wait2Load = {};
var image_array = new Array();
var mouseScroll = ""; 
var accel = 0;
var image_array = new Array();
var currentImage = 0;
var img_url = 'http://www.0kmweb.com/pub/imagenes/';
var mouseX = 0;
var mousePar = 0;
var posX = 0;
var c = 0;
var deaccel = false;
var totalW = 0;


// ************* DOCUMENT READY ************* //

$(document).ready(function(){
						   

$('#contactFrmHolder').hide();
$('#galeryHolder').hide();
$('#galeryMenu').hide();


$('#galeryMenu').bind('mouseover mouseout', function(event) {

event.stopPropagation();

if (event.type == 'mouseover') {
	
	captureMouse();
	if(mouseScroll == '') {
	mouseScroll = window.setInterval("updateScroller()",50);
	
	}
	menuHoverTimer = $.doTimeout( 'closeMenu');
	
	 } else {
	
	
	//deaccel = true;
	//$(this).delay(1500,function(){
	mouseScroll = window.clearInterval(mouseScroll);
	mouseScroll = '';
	deaccel = false;
	//});
	
	menuHoverTimer = $.doTimeout( 'closeMenu', 1500, function(){
		
		$('.thumbHolder').hide();
		$('#galeryMenu').slideUp(200);
		
		});
	
	 }

});




});




// ************* LIVE BINDING ************* //









$('.rackButton').live('mouseover mouseout', function(event) {
  
  if (event.type == 'mouseover') {
    
/* MOUSE OVER */

var thisID = $(this).attr("id");
var btInfoText;
var textAlign;

switch(thisID) {

case "btContact":
	
	btInfoText = 'Información y presupuestos. Utilizá el formulario para enviar tu mensaje.';
	textAlign = 'right';
	break;

case "btImages":
	
	btInfoText = '<strong>0KM</strong>. Galeria de imágenes de la banda.';
	textAlign = 'left';
	break;

case "btVideos":
	
	btInfoText = 'Videos de <strong>0KM</strong> para descargar o ver online.';
	textAlign = 'center';
	break;




}

$('#rackBtInfo').html('<p style="width:432px;text-align:' + textAlign + ';">' + btInfoText + '</p>');


	
	
  } else {
   
 
 /* MOUSE OUT */
 
   
$('#rackBtInfo').html('');


   
  }
});





$('#btContact').live('click', function(e) {



if($('#galeryHolder').css('display') != 'none') {

$('#galeryHolder').slideToggle(400);

} else {

goToByScroll('webPanel');

}


$(this).delay(600,function() {
			$('#contactFrmHolder').slideToggle(400,function() {
							goToByScroll('contactFrmHolder');
							});
			
});




});



$('#btImages').live('click', function(e) {



if($('#contactFrmHolder').css('display') != 'none') {

$('#contactFrmHolder').slideToggle(400);

}  else {

goToByScroll('webPanel');

}



$(this).delay(600,function() {
			$('#galeryHolder').slideToggle(400,function() {
							goToByScroll('galeryHolder');
							});

});

});





$('.imageTop, .imageBottom').live('mouseover mouseout', function(event) {

if (event.type == 'mouseover') {
	
	$(this).removeClass('halfOpacity');
	$(this).addClass('fullOpacity');
	
	 } else {

	$(this).removeClass('fullOpacity');
	$(this).addClass('halfOpacity');
	
	 }

});


$('.grayButton').live('mouseover mouseout', function(event) {

if (event.type == 'mouseover') {
	
	$('#imgScroller').css('width', totalW + 'px');
	
	menuHoverTimer = $.doTimeout( 'closeMenu');
	menuHoverTimer = $.doTimeout( 'closeMenu', 500, function(){
	$('#galeryMenu').slideDown(200, function() {
		
		$('.thumbHolder').fadeIn('slow');
		
		});
	
	
	
	});
	
	 } else {
	
	
	
	
	
	menuHoverTimer = $.doTimeout( 'closeMenu');
	menuHoverTimer = $.doTimeout( 'closeMenu', 1000, function(){
		
		$('#galeryMenu').slideUp(200);
		
		});
	
	 }

});












$('.nextImg').live('click', function(e) {

if(currentImage < image_array.length - 1 ) {

currentImage++;
$('#imgNumber').html('IMAGEN ' + currentImage + ' de ' + (image_array.length - 1).toString());
loadImage();

} 

setPrevNextState();


});






$('.prevImg').live('click', function(e) {

if(currentImage > 1 ) {

currentImage--;
$('#imgNumber').html('IMAGEN ' + currentImage + ' de ' + (image_array.length - 1).toString());
loadImage();

} 

setPrevNextState();

});



$('#imgScroller').live('click', function(e) {



});






$('.thumb').live('mouseover mouseout', function(e) {
e.stopPropagation();
});





$('.thumb').live('click', function(e) {

var thisID = $(this).attr("id");
thisID = thisID.replace(/img/gi,'');

currentImage = thisID;
$('#imgNumber').html('IMAGEN ' + currentImage + ' de ' + (image_array.length - 1).toString());
loadImage();

setPrevNextState();

});






function captureMouse() {

var winW = $(window).width();
var halfW = winW/2;

$('.thumbHolder').mousemove(function(e) {

mouseX = e.pageX;
mousePar = e.pageX - halfW;
accel = mousePar * 100 / halfW;

});

}


function stopMouse() {

$('.thumbHolder').mousemove(function(e) {


});

}



function updateScroller() {



posX = $('#imgScroller').position().left;
scrW = $('#imgScroller').width();
minX = -(scrW - 860);
maxX = 0;



if(posX < minX) {

posX = minX;

}

if(posX > maxX) {

posX = maxX;

}

var thisX =  Math.round(posX - (accel * 0.6));

if((posX >= minX) && (posX <= maxX)) { 

$('#imgScroller').css('left',thisX + "px");

}




if(deaccel == true) {
accel = accel * 0.85;

}

}



$('.thumb').live('mouseover mouseout', function(event) {

event.stopPropagation();

});






function validateCaptcha()
{
	
	challengeField = $("input#recaptcha_challenge_field").val();
	responseField = $("input#recaptcha_response_field").val();
	//console.log(challengeField);
	//console.log(responseField);
	//return false;
	var html = $.ajax({
		type: "POST",
		url: "php/ajax.recaptcha.php",
		data: "recaptcha_challenge_field=" + challengeField + "&recaptcha_response_field=" + responseField,
		async: false
		}).responseText;
 
	//console.log( html );
	if(html == "success") {
		
		$("#captchaStatus").html('<font color="#33CC33"><strong>CAPTCHA CORRECTO!</strong><div class="dashedLine"></div><br>Tu mensaje fue validado!<br>Gracias!');
		// Uncomment the following line in your application
		
		return true;
	} else {
		$("#captchaStatus").html('<font color="#FF6666"><strong>ERROR EN CAPTCHA!</strong><div class="dashedLine"></div><br>El código de seguridad no es correcto. Ingresá las 2 palabras requeridas.</font>');
		Recaptcha.reload();
		
		return false;
	}
}







$('#contactoSend').live('click', function(event) {



$('#mailSending').css('height',$('#contactForm').css('height'));
$('#mailSending').show();


//console.log('VALIDATED');


thisName = $('#contactoName').val();
thisEmail = $('#contactoEmail').val();
thisTel = $('#contactoTel').val();
thisMsg = $('#contactoMsg').val();
var alerta = '';



if(thisName == '') {
alerta = 'Ingresá tu nombre\n';
$('#contactoName').addClass('frmError');
} else {
$('#contactoName').removeClass('frmError');
}

if(thisEmail == '') {
alerta += 'Ingresá tu dirección de email\n';
$('#contactoEmail').addClass('frmError');
} else {
if(!isValidEmail(thisEmail)) {
alerta += 'La dirección de email no es válida\n';
$('#contactoEmail').addClass('frmError');
} else {
$('#contactoEmail').removeClass('frmError');
}
}

if(thisMsg == '') {
alerta += 'Ingresá un mensaje\n';

$('textarea#contactoMsg').removeClass('frmTAnormal');
$('textarea#contactoMsg').addClass('frmError');
} else {
$('textarea#contactoMsg').removeClass('frmError');
$('textarea#contactoMsg').addClass('frmTAnormal');
}



if(alerta == '') {


// send mail 

$('#contactoName').attr('disabled','disabled');
$('#contactoEmail').attr('disabled','disabled');
$('#contactoTel').attr('disabled','disabled');
$('#contactoMsg').attr('disabled','disabled');



$.ajax({
		url : "php/0km-send-mail.php",
		cache: false,
		type: "POST",
		data : "name=" + thisName + "&tel=" + thisTel + "&email=" + thisEmail + "&msg=" + thisMsg ,
        async: false,
		success: function (data) {
		
		$(this).delay(1500, function() {
		
		
		
		
		data = data.replace(/^\s*|\s*$/g,"");
		
		
		if(data == 'ok') {
			
		
		if(validateCaptcha() == true) {
		alerta='EL MENSAJE FUE ENVIADO<br>NOS CONTACTAREMOS A LA BREVEDAD<br>GRACIAS!';
		
		
		$('#contRespText').html(alerta);
		$('#contactForm').hide();
		$('#contactResponse').fadeIn('slow');
		
		$('#contactoName').val('','');
		$('#contactoEmail').val('','');
		$('#contactoTel').val('','');
		$('#contactoMsg').val('','');
		
		$(this).delay(5000, function() {
		
		$("#captchaStatus").html('Por razones de seguridad tu mensaje debe ser validado con el uso de CAPTCHAS. Ingresá las palabras que se muestran en el cuadro de la izquierda.');
		
		$('#contactResponse').fadeOut('slow', function() {
													   
			Recaptcha.reload();										   
			$('#contactForm').fadeIn('slow');				
							
		});

		$('#contactoName').attr('disabled','');
		$('#contactoEmail').attr('disabled','');
		$('#contactoTel').attr('disabled','');
		$('#contactoMsg').attr('disabled','');
		
		});
		
		
		} else {
		alerta='ERROR EN CAPTCHA<br>POR FAVOR VERIFICA LAS PALABRAS INGRESADAS<br>E INTENTA OTRA VEZ';
		}

		
		
		
		}
		
		if(data == 'error') {
		
		alerta='SE PRODUJO UN ERROR ENVIANDO EL MENSAJE <br>POR FAVOR INTENTA NUEVAMENTE';
 		//Recaptcha.reload();
		
		}
		
		
		
		
		$('#mailSending').hide();
		
		

		
		});
		

		}

	});




} else {




$('#mailSending').hide();
$('#contactoName').attr('disabled','');
$('#contactoEmail').attr('disabled','');
$('#contactoTel').attr('disabled','');
$('#contactoMsg').attr('disabled','');
		
}



});




$('.infoButton').live('click',function() {



$('#masInfo').slideToggle(250,'swing');


});



$('.headerLink').live('click',function() {

var thisLink = "http://www.0kmweb.com";
window.location.href = thisLink; 

});















$('#admSend').live('click', function(event) {


var logName = $('#admName').val();
var logPass = $('#admPass').val();


$('#admName').attr('disabled','disabled');
$('#admPass').attr('disabled','disabled');


$.ajax({
		url : "php/0km-adm-log.php",
		cache: false,
		type: "POST",
		data : "user=" + logName + "&pass=" + logPass,
        async: false,
		success: function (data) {
		
		$(this).delay(1500, function() {
									
					
					
									
					if(data == "1") {
						
						$('#admName').removeClass('frmError');
						$('#admPass').removeClass('frmError');
						
						window.location = adm_url;
						
						} else {
						
						$('#admName').addClass('frmError');
						$('#admPass').addClass('frmError');
						
						}				
						
						$('#admName').attr('disabled','');
						$('#admPass').attr('disabled','');

									
									 });
		

					}
		});


});







$('#showSend').live('click', function(event) {

var formData = '';
var isOK = 1;

$("#showFrm input, select").each(function() {

$(this).removeClass('frmError');

if($(this).val() == '') {
	
	$(this).addClass('frmError');
	isOK = 0;
	
	}

});




if(isOK == 1) {

$("#showFrm input, #showFrm select").each(function() {

fval = $.trim($(this).val());
fid = $(this).attr("id");
fid = fid.replace(/-/g,"_");
$(this).attr("disabled","disabled");


formData += fid + "=" + fval + "|";



});


//alert(formData);

$.ajax({
		url : "php/0km-add-show.php",
		cache: false,
		type: "POST",
		data : "formData=" + formData,
        async: false,
		success: function (data) {
		
		$(this).delay(1500, function() {
									
					
					
									
					if(data == "1") {
					alert("SHOW CREADO");
					window.location = adm_url;
					
					} else {
					alert("SE PRODUJO UN ERROR");
					}
		});
		}
		
		
});	

}

									 
});									 



$('.showHolder').live('click', function(event) {

var thisOcId = $(this).find('.ocultable').attr("id");


$('.ocultable').each(function() {
			
			if($(this).attr("id") != thisOcId) 
			{
			$(this).hide();
			}

});


$(this).find('.ocultable').animate({
    height: 'toggle'
  }, 250, function() {
    // Animation complete.
  });


});	












$('.gmap').live('click', function(event) {
										
	event.stopPropagation();									
										
});	








/* FUNCTIONS */

function loadImage() {



var thisImage = img_url + image_array[currentImage];

$('#imageContainer').html('');
$('#imageHere').addClass('ajaxLoader');

$('#imageHere').animate({
		height:500
		
		}, 400, function() {
		
		
		
		$('#imageProcessor').html('<img id="imgPrev" class="imageHolder" src="' + thisImage + '" width="860" alt="0KM en vivo">');
		var imgH = $('#imgPrev').css('height');
		
		
		wait2Load = $.doTimeout( 'waiting');
		wait2Load = $.doTimeout( 'waiting', 500, function(){
		
		$('#imageHere').animate({
		
		height: imgH
		
		}, 400, function() {
		
		$('#imageHere').removeClass('ajaxLoader');
		$('#imageContainer').html('<img class="imageHolder" src="' + thisImage + '" width="860" alt="0KM en vivo">');
		goToByScroll('galeryHolder');
			});
		
		});
		
});




}


function setPrevNextState() {

if(currentImage == image_array.length - 1) {

	$('.nextImg').addClass('nextImgDis');
	$('.nextImg').removeClass('nextImg');
	
	$('.prevImgDis').addClass('prevImg');
	$('.prevImg').removeClass('prevImgDis');


}

if(currentImage == 1) {

	$('.prevImg').addClass('prevImgDis');
	$('.prevImg').removeClass('prevImg');
	
	$('.nextImgDis').addClass('nextImg');
	$('.nextImg').removeClass('nextImgDis');

}

if(currentImage > 1 && currentImage < image_array.length - 1) {

	$('.prevImgDis').addClass('prevImg');
	$('.nextImgDis').addClass('nextImg');
	
	$('.prevImgDis').removeClass('prevImgDis');
	$('.nextImgDis').removeClass('nextImgDis');

}



}





function goToByScroll(id){
     	$('html,body').animate({scrollTop: $("#"+id).offset().top},400);
		
}


jQuery.fn.delay = function(time,func){
	this.each(function(){
		setTimeout(func,time);
	});
	
	return this;
};


/*** Crear flash movie ***/

function newFlObject (flPath,flWrapper,flContainer,flWidth,flHeight,flashvars,params,attributes) {

$("#" + flWrapper).css("width",flWidth + "px");
$("#" + flWrapper).css("height",flHeight + "px");

swfobject.embedSWF(flPath, flContainer, '100%', '100%', "9.0.0", "swf/expressInstall.swf", flashvars, params, attributes);

}



function setFlashSize(flWrapper,flWidth,flHeight){

	var totalWidth = 900;

	
		
	if(flWidth < totalWidth) {
		
		var vswWidth = totalWidth - flWidth - 20;
		var vswMarg = 0;
	
	} else {
		var vswWidth = totalWidth;
		var vswMarg = 20;
		
	}

	
	//$('#video').css('width',flWidth + 'px'); 
	//$('#video').css('height',flHeight + 'px');
	
	
	
	$("#" + flWrapper).animate({
		'width': flWidth,
		'height': flHeight
	  }, 400, 'swing', function() {
		  
		 
		//$('#videoSideWindow').css("width", vswWidth + "px");
		//$('#videoSideWindow').css("margin-top", vswMarg + "px");
		
		
		if ($.browser.msie) {
   		 curvyCorners.redraw(); 
 		}
		   
		
		//alert($('#video').width());
		
	});


}







$(function(){
        function validateCaptcha()
        {
            challengeField = $("input#recaptcha_challenge_field").val();
            responseField = $("input#recaptcha_response_field").val();
            //alert(challengeField);
            //alert(responseField);
            //return false;
            var html = $.ajax({
            type: "POST",
            url: "ajax.recaptcha.php",
            data: "recaptcha_challenge_field=" + challengeField + "&amp;recaptcha_response_field=" + responseField,
            async: false
            }).responseText;

            if (html.replace(/^\s+|\s+$/, '') == "success")
            {
                $("#captchaStatus").html(" ");
                // Uncomment the following line in your application
                return true;
            }
            else
            {
                $("#captchaStatus").html("Your captcha is incorrect. Please try again");
                Recaptcha.reload();
                return false;
            }
        }

            //Modified as per comments in site to handle event unobtrusively
        $("#signup").submit(function(){
                return validateCaptcha();
    });
    });