function randColor() {
	var colorArr = new Array("333399", "3333CC", "3333FF", "339933", "339999", "3399CC", "3399FF", "33CC33", "33CC99", "33CCCC", "33CCFF", "33FF33", "33FF99", "33FFCC", "33FFFF", "993333", "993399", "9933CC", "9933FF", "999933", "9999CC", "9999FF", "99CC33", "99CC99", "99CCCC", "99CCFF", "99FF33", "99FF99", "99FFCC", "99FFFF", "CC3333", "CC3399", "CC33CC", "CC33FF", "CC9933", "CC9999", "CC99CC", "CC99FF", "CCCC33", "CCCC99", "CCCCFF", "CCFF33", "CCFF99", "CCFFCC", "CCFFFF", "FF3333", "FF3399", "FF33CC", "FF33FF", "FF9933", "FF9999", "FF99CC", "FF99FF", "FFCC33", "FFCC99", "FFCCCC", "FFCCFF", "FFFF33", "FFFF99", "FFFFCC");
	
	var rand=Math.random()*60;
	rand = rand-(rand%1);
	var color = colorArr[rand];
	return color;
}

function submitQuote(type) {
	if($('#addEchquo').val() == "") {
		alert("Please fill in the quote text.");
	}
	else if(type == "image" && $('#'+type+'Link').val() == "") {
		alert("Please provide a link to the image.");
	}
	else if( $('#'+type+'Name').val() == "") {
		alert("Please provide your name.");
	}
	else {
		var text = $('#'+type+'Quote').val();
		if(type == 'text') {
			text = $('#addEchquo').val();
		}
		var fonts_id = $('#'+type+'Font').val();
		var fonts_color = randColor();
		var image = $('#'+type+'Link').val();
		if(type == 'text') {
			image ='';
		}
		var from = $('#'+type+'Name').val();
		$.post("addQuote.php", { text: text, fonts_id: fonts_id, fonts_color: fonts_color, image: image, via: "echquo", from: from }, function(data) {
			//alert("Data Loaded: " + data);
			window.location="/";
		});
	}
}

function getWallpaper(quote_id) {
	var winWidth = window.screen.width;
	var winHeight = window.screen.height;
	window.location="wallpaper.php?id="+quote_id+"&w="+winWidth+"&h="+winHeight;
}

function rate(rating, quote_id, span_id) {
	$.post("addRating.php", { rating: rating, quote_id: quote_id }, function(data) {
		//alert("Data Loaded: " + data);
		//location.reload(true);
		$('#'+span_id).html(data);
	});
}

function tagSearch() {
	var tags = $('#tagSearch').val();
	window.location="?tags="+tags;
}

var linkArr = new Array();
var next_link = 0;

var addBox = 0;

var addEch_open = "off";

function fbs_click_custom(url) {
	if(url) {
		u=url;
	}
	else {
		u=location.href;
	}
	t=document.title;
	window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');
	return false;
}

$(document).ready(function(){
	
	// BEGIN EVENT LISTENERS
	
	/*$('.quote').click(function() {
		var quoteId = $(this).attr('id');
		window.location="?id="+quoteId;
	});*/
	
	$('#addEchquo_div').click(function() {
		if($('#addEchquo').val() == "Add an Echquo...") {
			$('#addEchquo').val("");
			$('#addEchquo').css("color","#333333");
		}
		$('#addOptions').slideDown();
		addEch_open = "on";
		addBox =1;
	});
	
	$('body').click(function(evt) {
		if (addEch_open == "on") {
			var target = evt.target;
			if ($(target).attr("class") !== 'addEchquoCl' && target.tagName !== 'OPTION') {
				if($('#addEchquo').val() == "") {
					$('#addOptions').slideUp();
					$('#addEchquo').val("Add an Echquo...");
					$('#addEchquo').css("color","#999999");
					addEch_open = "off";
					addBox =0;
				}
			}
		}
	});
	
	$('#add').click(function() {
		$('#add_box').fadeIn(2000, function() {
			addBox = 1;
		});
		return false;
	});
	$('#close_box').click(function() {
		$('#add_box').fadeOut(2000, function() {
			addBox = 0;
		});
		return false;
	});
		
	$('#about_link').click(function() {
		$('<div id="about">').load('about.php #about_div', function() {
			$(this).hide().append('</div><div class="closer">X</div>').appendTo('#wrapper').fadeIn(2000, function() {
				$('.closer').click(function() {
					$('#about').empty().remove();
				});
			});
		}); 
		return false;
	});
	
	$('#howto_link').click(function() {
		$('<div id="howto">').load('howto.php #howto_div', function() {
			$(this).hide().append('</div><div class="closer">X</div>').appendTo('#wrapper').fadeIn(2000, function() {
				$('.closer').click(function() {
					$('#howto').empty().remove();
				});
			});
		});			
		return false;
	});
	
	$('#fonts_link').click(function() {
		$('<div id="fonts">').load('fonts.php #listfont_div', function() {
			$(this).hide().append('</div><div class="closer">X</div>').appendTo('#wrapper').fadeIn(2000, function() {
				$('.closer').click(function() {
					$('#fonts').empty().remove();
				});
			});
		});			
		return false;
	});
	
	var add_box = "";
	$('.add_quote_box').click(function() {
		$(this).fadeTo(5, 1);
		add_box=$(this).attr('id');
		if(add_box=="add_box_text") {
			$('#add_box_image').fadeTo(5, 0.3);
			$('#imageSubmit').attr('disabled','disabled');
			$('#textSubmit').removeAttr('disabled');
		}
		else {
			$('#add_box_text').fadeTo(5, 0.3);
			$('#textSubmit').attr('disabled','disabled');
			$('#imageSubmit').removeAttr('disabled');
		}
	});
	$("#textFont").change(function () {
		var font = $("#textFont option:selected").text();
		$("#textFontImg").attr("src", "img_fonts.php?font="+font);
	});
	
	// END EVENT LISTENERS
	
	
	
	// BEGIN PAGE INIT
	
	var logoArr = new Array("logo.png", "logo_2.png", "logo_3.png", "logo_4.png", "logo_5.png");
	var logoRand=Math.random()*5;
	var logo="";
	if(logoRand < 1) {
		logo = logoArr[0];
	}
	else if(logoRand < 2) {
		logo = logoArr[1];
	}
	else if(logoRand < 3) {
		logo = logoArr[2];
	}
	else if(logoRand < 4) {
		logo = logoArr[3];
	}
	else {
		logo = logoArr[4];
	}
	$("#logo img").attr({"src": "images/"+logo});
	
	$('#add_box_text').fadeTo(5, 0.3);
	//$('#add_box').hide(); //changed to inline style
	
	$("#tagSearch").focus(function() {
		if($(this).val() == "search") {
			$(this).val("");
			$(this).css("color","#333333");
		}
		addBox=1;
	}).blur(function() {
		if($(this).val() == "") {
			$(this).val("search");
			$(this).css("color","#999999");
		}
		addBox=0;
	});
	
	$('.quote_link').each(function() {
		linkArr.push($(this).attr("name"));
	});
	
	$(window).keydown(function(event) {
		switch (event.keyCode) {
			case 78:
				if(addBox == 0) {
					if(next_link == linkArr.length) {
						var offset = $.query.get('offset');
						window.location = $.query.set("offset", offset+10).toString();
					}
					else {
						window.location.hash=linkArr[next_link];
						next_link++;
					}
				}
  				break;
			case 80:
				if(addBox == 0) {
					if(next_link == 0) {
						var offset = $.query.get('offset');
						if(offset > 0) {
							window.location = $.query.set("offset", offset-10).toString();
						}
					}
					else {
						next_link--;
						window.location.hash=linkArr[next_link];
					}
				}
  				break;
		}
	});
	
	$("#jump_next").click(function() {
		if(next_link == linkArr.length) {
			var offset = $.query.get('offset');
			window.location = $.query.set("offset", offset+10).toString();
		}
		else {
			window.location.hash=linkArr[next_link];
			next_link++;
		}
		return false;
	});
	
	$("#jump_prev").click(function() {
		if(next_link == 0) {
			var offset = $.query.get('offset');
			if(offset > 0) {
				window.location = $.query.set("offset", offset-10).toString();
			}
		}
		else {
			next_link--;
			window.location.hash=linkArr[next_link];
		}
		return false;
	});

	
	// END PAGE INIT
	
});