var entries;
var current_entry = 0;
var discussion;

function update_discussion(){
	var text = "";
	for ( i = 0; i < discussion.length; i++ ){
		text += "<strong>" + discussion[i].name + "</strong> -- <a class=\"grey\" href=\""+discussion[i].website +"\">"+discussion[i].website+"</a>\n";
		text += "<p>\n";
		text += discussion[i].comment + "\n";
		text += "</p>\n";
	}
	element("fab_or_drab_comments").innerHTML = text;
}

function reload_gallery(){
	var i;
	element("fab_or_drab_title").innerHTML = entries[current_entry].title;
	element("fab_or_drab_image").src = "./fab_or_drab/pictures/" + entries[current_entry].id + ".jpg";
	element('fab_or_drab_image').width = settings.max_image_width;

	element('fab_or_drab_body').innerHTML = entries[current_entry].body;
	element("fab_or_drab_comment_area").style.display = "block";
	//get discussion
	post_http(
		"fab_or_drab_get_discussion.php",
		{"id":entries[current_entry].id},
		function(response){
			var obj = json_decode(response);
			discussion = obj.discussion;
			update_discussion();
		}
	);
	//get vote information
	post_http( 
		"fab_or_drab_get_votes.php",
		{"id":entries[current_entry].id},
		function(response){
			var obj = json_decode(response);
			var fab_percent = 0;
			var drab_percent = 0;
			var other_percent = 0;
			if ( obj.total_votes > 0 ){
				fab_percent = ((obj.fab_votes/obj.total_votes) * 200);
				drab_percent = ((obj.drab_votes/obj.total_votes) * 200);
				other_percent = ((obj.other_votes/obj.total_votes) * 200);
			}
			
			element("fab_votes").style.width =  fab_percent + "px";
			element("drab_votes").style.width = drab_percent + "px";
			element("other_votes").style.width = other_percent + "px";
			element("fab_votes_total").innerHTML = obj.fab_votes;
			element("drab_votes_total").innerHTML = obj.drab_votes;
			element("other_votes_total").innerHTML = obj.other_votes;
			
			
			if (obj.has_voted > 0 ){
				element("fab_or_drab_poll").style.display = "none";
				element("fab_or_drab_voted").style.display = "block";
			} else {
				element("fab_or_drab_poll").style.display = "block";
				element("fab_or_drab_voted").style.display = "none";			
			}
		}
	);
	
	
	//update gallery table
	for( i = 0; i < 8; i++ ){
		if ( typeof entries[i+current_entry] == "object" ){
				element("fab_or_drab_gallery["+i+"]").src = "fab_or_drab/thumbs/" + entries[i+current_entry].id + ".jpg";
				element("fab_or_drab_gallery["+i+"]").width = settings.thumbnail_width;
				element("fab_or_drab_gallery["+i+"]").height = settings.thumbnail_height;
				element("fab_or_drab_gallery["+i+"]").style.cursor = "pointer";
		} else {
			element("fab_or_drab_gallery["+i+"]").src = "images/fabordrab_blank_thumbnail.png";
			element("fab_or_drab_gallery["+i+"]").style.cursor = "normal";
			element("fab_or_drab_gallery["+i+"]").width = settings.thumbnail_width;
			element("fab_or_drab_gallery["+i+"]").height = settings.thumbnail_height;
		}
	}

}
function view_gallery( i ){
	var new_entry = current_entry + i; 
	if ( new_entry < entries.length ){
		current_entry = new_entry;
		reload_gallery();		
	}
	

}

// Get Entries
get_http(
	"fab_or_drab_list_entries.php",
	function(response){
		var obj = json_decode(response);
		switch ( obj.error ){
			case false:
				entries = obj.entries;
				reload_gallery();
			break;
		}
	}
);

window.onload = function(){
	MM_preloadImages('images/home_over.gif','images/whats_new_over.gif','images/style_me_up_over.gif','images/desifner_az_over.gif','images/eshop_over.gif','images/sideview_mag_over.jpg','images/men_over.gif','images/ask_team_over.gif');
	element("fab_or_drab_previous_image").onclick = function(){
		current_entry--;
		if ( current_entry < 0 ){
			current_entry = entries.length-1;
		}
		reload_gallery();
	};
	element("fab_or_drab_next_image").onclick = function(){
		current_entry++;
		if ( current_entry >= entries.length ){
			current_entry = 0;
		}
		reload_gallery();
	}
	element("fab_or_drab_leave_comment_button").onclick = function(){
		var error = false;
		var error_string = "";
		if ( element("comment_name").value.length == 0 ) {
			error = true;
			error_string += "Please enter a name<br/>";
			element("fab_or_drab_errors").style.color = "red";
		}
		if ( !validate_email_address(element("comment_email").value) && (settings.email_verification_enabled == 1)){
			error = true;
			error_string += "Please enter a valid e-mail adress.<br/>";
			element("fab_or_drab_errors").style.color = "red";
		}
		

		element("fab_or_drab_errors").style.color = "#b2b2b2";
		element("fab_or_drab_errors").innerHTML = "Sending your comment...";
		
		if ( error != true ){
			post_http(
				"fab_or_drab_add_comment.php",
				{
					"name":element("comment_name").value,
					"entry_id":entries[current_entry].id,
					"email":element("comment_email").value,
					"website":element("comment_website").value,
					"comment":element("comment").value,
					"captcha":element("captcha").value
				},
				function ( response ){
					var obj = json_decode(response);
					switch ( obj.error ){
						case 'captcha':
							element("fab_or_drab_errors").style.color = "red";
							element("fab_or_drab_errors").innerHTML = "Enter ONLY the BLACK characters seen below";
						break;
						case false:
							element("fab_or_drab_errors").style.color = "#b2b2b2";
							if ( settings.email_verification_enabled == 1 ){
								element("fab_or_drab_errors").innerHTML = "Thank you, please check your e-mail to verify your comment.";
							} else {
								element("fab_or_drab_errors").style.display = "none";
								element("comment_name").value = "";
								element("comment_website").value = "";
								element("captcha").value = "";
								element("comment").value = "";
								reload_gallery();
							}

							element("comment_name").value = "";
							element("comment_email").value = "";
							element("comment_website").value = "";
							element("comment").value = "";
							
							element("fab_or_drab_comment_area").style.display = "none";
						break;
					}
					
				}
			);
		} else {
			error = true;
			element("fab_or_drab_errors").style.color = "red";
			element("fab_or_drab_errors").innerHTML = error_string;
		}
	}
	element("vote_button").onclick = function(){
		var obj = new Object();
		obj.value = "other";
		if ( element("fab_or_drab_poll_fab").checked == true ){
			obj.vote = 'fab';
		}
		if ( element("fab_or_drab_poll_drab").checked == true ){
			obj.vote = 'drab';
		}
		if ( element("fab_or_drab_poll_other").checked == true ){
			obj.vote = 'other';
		}
		obj.id = entries[current_entry].id;
		
		post_http('fab_or_drab_vote.php',obj, function(response){
			var obj = json_decode(response);
			switch ( obj.error ){
				case 'already_voted':
					element("fab_or_drab_poll").style.display = "none";
					element("fab_or_drab_voted").style.display = "block";
					
				break;
				case false:
					element("fab_or_drab_poll").style.display = "none";
					element("fab_or_drab_voted").style.display = "block";
				break;
			}
			reload_gallery()
		});
			
	};
	
	//disable captcha if not enabled
	if ( settings.captcha_enabled != 1 ){
		element('captcha_row_1').style.display = 'none';
		element('captcha_row_2').style.display = 'none';
	}
	
	//disable email feild if email verification is not enabled
	if ( settings.email_verification_enabled != 1 ){
		element('email_row').style.display = 'none';
	}
	
};

/* -- 'go to admin'
	uncomment to add hidden admin code that goes to the admin panel when the user
	types 'go to admin'.
	
var hidden_keystring = "";
window.onkeypress = function(e){
	var keynum = e.which;
	var keychar = String.fromCharCode(keynum);	
	if ( keynum == 8 ){
		hidden_keystring = "";
		return false;
	} else {
		hidden_keystring += keychar;
		if ( hidden_keystring == "go to admin" ){
			window.location = "fab_or_drab_admin.html";
		}
		return true;
	}
};
*/