// JavaScript Document

$(document).ready( function() {
	$(".galBut").click( function() {
		changeImg(this.id);
	});
	
	$('.galleryImg').click( function() {
		nextImage();
	});
	
	for(i=1;i<=imgMax;i++) {
		if(i != 1) {
			$("#galleryImg"+i).hide();
		}
	}
	
	//select all the a tag with name equal to modal
	$('a[name=modal]').click(function(e) {
	//$('input[name=modal]').click(function(e) {
		//Cancel the link behavior
		e.preventDefault();
		
		//Get the A tag
		var id = $(this).attr('href');
	
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
	});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});
});

// CHANGE GALLERY IMAGES
function changeImg(inID) 
{
	for(i=1;i<=imgMax;i++) {
		var tmpImg = "#button"+i;
		if(i!=inID) {
			$(tmpImg).attr("src","images/galNav_OFF.gif");
		} else {
			$(tmpImg).attr("src","images/galNav_ON.gif");
		}
	}
	$("#galleryImg"+lastImg).fadeOut("fast", function() {
		$("#galleryImg"+inID).fadeIn("fast");
	});
	$("#reflection").fadeOut("fast").fadeIn("fast");
	lastImg = inID;
	curImg = inID;
}

function nextImage() 
{
	if(curImg < imgMax) {
		curImg++;
	} else {
		curImg = 1;
	}
	$("#galleryImg"+lastImg).fadeOut("fast", function() {
		$("#galleryImg"+curImg).fadeIn("fast");
	});
	$("#reflection").fadeOut("fast").fadeIn("fast");
	for(i=1;i<=imgMax;i++) {
		var tmpImg = "#button"+i;
		if(i!=curImg) {
			$(tmpImg).attr("src","images/galNav_OFF.gif");
		} else {
			$(tmpImg).attr("src","images/galNav_ON.gif");
		}
	}
	
	lastImg = curImg;
}

/***********************/
/***  FOR INFO DIVS  ***/
/***********************/
var navArray = new Array();
navArray[0] = 'Features';
navArray[1] = 'FAQ';
navArray[2] = 'Reviews';
navArray[3] = 'Friend';
navArray[4] = 'GetIt';
var isON = 'Features';

// CHANGE THE ROLLOVER IMAGES
function changeState(id)
{
	var img = document.getElementById(id);
	var src = img.src;
	var path = src.split('_')[0];
	var state = src.split('_')[1].split('.')[0];
	if(state == "ON" && id != isON)
	{
		img.src = path+"_OFF.gif";
	}
	else
	{
		img.src = path+"_ON.gif";
	}
}

// SETS THE SELECTED IMAGE AS 'ON'
function turnOn(id)
{
	var img = document.getElementById(id);
	var src = img.src;
	var pathArray = src.split('/');
	var path = '';
	for(i=0;i<pathArray.length-1;i++)
	{
		path += pathArray[i];
		path += '/';
	}
	var state = src.split('_')[1].split('.')[0];
	isON = id;
	
	if(inStore == true) {
		for(i=0;i<navArray.length;i++)
		{
			if(navArray[i] != isON)
			{
				document.getElementById(navArray[i]).src = path+"nav"+navArray[i]+"_OFF.gif";
				document.getElementById('div'+navArray[i]).style.display = 'none';
			}
		}
	} else {
		for(i=0;i<navArray.length-1;i++)
		{
			if(navArray[i] != isON)
			{
				document.getElementById(navArray[i]).src = path+"nav"+navArray[i]+"_OFF.gif";
				document.getElementById('div'+navArray[i]).style.display = 'none';
			}
		}
	}
	img.src = path+"nav"+id+"_ON.gif";
	
	if(id == 'FAQ' && appName == 'swine') {
		changeImg(2)
	}
	
	document.getElementById('div'+id).style.display = 'block';
}

// EMAIL FUNCTION
function DoEmail()
{
	var doEmail = false;
	$('#container').innerHTML = "<img src=\"images/ajax-loader.gif\" />";
	$('#container')[0].style.display = "block";
	var txtToEmail = $('#txtToEmail').val();
	var txtName = $('#txtName').val();
	var txtFromEmail = $('#txtFromEmail').val();
	var txtSubject = $('#txtSubject').val();
	
	(txtToEmail != "" && txtName != "" && txtFromEmail != "") ? doEmail = true : doEmail = false;
	
	var txtMessage = $("#message").val();
	
	
	if(doEmail) {
	$.ajax({
		
			url: 'emailit.php',
			type: 'POST',
			data: 'txtToEmail=' + escape(txtToEmail)
				+ '&txtName=' + escape(txtName) 
				+ '&txtFromEmail=' + escape(txtFromEmail) 
				+ '&txtSubject=' + escape(txtSubject) 
				+ '&txtMessage=' + escape(txtMessage) 
				+ '&txtPitch=' + escape(txtPitch)
			, success:function(result)
			{
				var oTest = eval(result);
				if(oTest.result == 'YES')
				{
					ItWorked();
				}else{
					ItFailed();
				}
			},
			error:function(result) {
				ItFailed();
			}
		

	});
	return false;
	} else {
		alert('Oops!  You forgot something!');
		$('#container')[0].innerHTML = "";
		$('#container')[0].style.display = "none";
	}
}

// DISPLAY MESSAGE SENT
function ItWorked()
{
	$('#container')[0].innerHTML = '<span id="response">Message Sent</span>';
}

// DISPLAY MESSAGE FAILED
function ItFailed()
{
	$('#container')[0].innerHTML = '<span id="response">Message Failed</span>';
}

// Submit a venue
function DoVenueSubmit()
{
	var doEmail = false;
	$('#vcontainer').innerHTML = "<img src=\"images/ajax-loader.gif\" />";
	$('#vcontainer')[0].style.display = "block";
	var vname = $('#venuename').val();
	var vstreet = $('#venuestreet').val();
	var vcity = $('#venuecity').val();
	var vstate = $('#venuestate').val();
	var vzip = $('#venuezip').val();
	var vlon = $('#venuelong').val();
	var vlat = $('#venuelat').val();
	
	//( vname != "" && vstreet != "" && vcity != "" && vstate != "" && vzip != "" && vlon != "" && vlat != "" ) ? doEmail = true : doEmail = false;
	( vname != "" ) ? doEmail = true : doEmail = false;

	if ( doEmail )
	{
		$.ajax({

				url: 'venueEmail.php',
				type: 'POST',
				data: 'vname=' + escape(vname)
					+ '&vstreet=' + escape(vstreet) 
					+ '&vcity=' + escape(vcity) 
					+ '&vstate=' + escape(vstate) 
					+ '&vzip=' + escape(vzip) 
					+ '&vlon=' + escape(vlon)
					+ '&vlat=' + escape(vlat)
				, success:function(result) {
					var oTest = eval(result);
					if(oTest.result == 'YES')
					{
						VenueItWorked();
					}else{
						VenueItFailed(result);
					}
				},
				error:function(result) {
					VenueItFailed(result);
				}

		});
	}
	else
	{
		alert('Oops!  You must enter at least a Venue Name.');
		$('#vcontainer')[0].innerHTML = "";
		//$('#vcontainer')[0].style.display = "none";
	}
}

// DISPLAY MESSAGE SENT
function VenueItWorked()
{
	$('#vcontainer')[0].innerHTML = '<span id="response">Message Sent</span>';
}

// DISPLAY MESSAGE FAILED
function VenueItFailed(mesg)
{
	var data = eval(mesg);
	$('#vcontainer')[0].innerHTML = '<span id="response">Message Failed</span>';
}