// JavaScript Document
$(document).ready(function()
{
	//====================== Tags Form ====================================
	$("form#tagsForm").submit(function() {
				   
		var element = $(this);
		var image_id = $('#image_id').attr('value');
		var tags = $('#tags').attr('value');
		var member_id = $("#member_id").val();
		
		$.post("tags_ss.php" ,{image_id: image_id,tags: tags,member_id: member_id},
			   	function(msg){
					tagsDataCallback(msg); 
				} 
		);
		return false;
     });
	//====================== Tags Form Callback ===========================
	
	function tagsDataCallback(data){
		var respArray = data.split('|');
		var respStatus = respArray[0].toLowerCase();
		var respMessage = respArray[1];
		var tags = respArray[2];
		var member_id = respArray[3];
		var image_id = respArray[4];
		
		switch (respStatus){
			case "success":
					
					var item = $(document.createElement('li'));
                 	item.text(tags);
					item.attr('id', 'li'+tags);
					item.attr('rel','{image_id:'+ image_id +',tag_name:\''+ tags +'\',member_id:\''+ member_id+'\'}');
					item.click(function() {
							return false;
					});
					$('#tagsList').append(item);
					$('#tags').val('');
					break;
				
			case "error":
					alert(respArray);
					break;
		}	
		return false;
		}
	
	//======================== Tags Remove ===============================
	$(".tagsRemove").click(function() {
			var element = $(this);
			var Id = element.attr("id");
			var opts = eval("(" + $(this).attr("rel") + ")");
			if (!confirm("Do you really want to remove the tag?")) return;
			$.post("tags_remove_ss.php" ,{image_id: opts['image_id'],tag_name: opts['tag_name'],member_id: opts['member_id']},
			   	function(msg){
					
					var respArray = msg.split('|');
					var respStatus = respArray[0].toLowerCase();
					var respMessage = respArray[1];
					var tags = respArray[2];
					switch (respStatus){
						case "success":
							$("#li"+tags).hide();
							break;
						case "error":
							alert(respMessage);
							break;
					}	
				}
			);	
			return false;		
	});
	
	
	
	//==========================================================================
	
	$("#labelTags").click(function() {
		$("form#tagsForm").toggle();
		$("#tags").focus();
	});
	//=========================== VOTE =========================================
	$(".vote_button").click(function(){
	
		var element = $(this);
		var Id = element.attr("id");
	
		$("#slidepanel"+Id).slideToggle(300);
		$(this).toggleClass("active"); 
	
		return false;
	});
	
	//=========================== VOTE Callback ================================
	function voteDataCallback(data){
		var respArray = data.split('|');
		var respStatus = respArray[0].toLowerCase();
		var respMessage = respArray[1];
		var Id = respArray[2];
		
		switch (respStatus){
			case "success":
				$("#loadplace"+Id).append('<div align="center"><span class="vote_button">['+respMessage+']</span></div>');
				$("#flash"+Id).hide();
				$("#"+Id).hide();
				break;
		case "error":
				$("#loadplace"+Id).append('<div align="center"><span class="vote_button">['+respMessage+']</span></div>');
				$("#flash"+Id).hide();
				$("#"+Id).hide();
			break;
		}	
		}
	$(".vote_submit").click(function() {
				   
		var element = $(this);
		var Id = element.attr("id");
		var topic_id = $('#topic'+Id).attr('value');
		var imagename = $("#image"+Id).val();
		var member_id = $("#member"+Id).val();
		
		if ($("#c1"+Id).attr('checked')){
			d1 = 1;
		} else {
			d1 = 0;
		}
		if ($("#c2"+Id).attr('checked')){
			d2 = 1;
		} else {
			d2 = 0;
		}
		if ($("#c3"+Id).attr('checked')){
			d3 = 1;
		} else {
			d3 = 0;
		}
		if ($("#c4"+Id).attr('checked')){
			d4 = 1;
		} else {
			d4 = 0;
		}
		if ($("#c5"+Id).attr('checked')){
			d5 = 1;
		} else {
			d5 = 0;
		}
		if ($("#c6"+Id).attr('checked')){
			d6 = 1;
		} else {
			d6 = 0;
		}
		if ($("#c7"+Id).attr('checked')){
			d7 =1;
		} else {
			d7 = 0;
		}
		if ($("#c8"+Id).attr('checked')){
			d8 = 1;
		} else {
			d8 = 0;
		}
		if ($("#c9"+Id).attr('checked')){
			d9 = 1;
		} else {
			d9 = 0;
		}
		if ($("#ca"+Id).attr('checked')){
			d10 = 1;
		} else {
			d10 = 0;
		}
		if ($("#cb"+Id).attr('checked')){
			d11 = 1;
		} else {
			d11 = 0;
		}
		if ($("#cc"+Id).attr('checked')){
			d12 = 1;
		} else {
			d12 = 0;
		}
		if ($("#cd"+Id).attr('checked')){
			d13 = 1;
		} else {
			d13 = 0;
		}
		if ($("#ce"+Id).attr('checked')){
			d14 = 1;
		} else {
			d14 = 0;
		}
		if ($("#cf"+Id).attr('checked')){
			d15 = 1;
		} else {
			d15 = 0;
		}

		$("#flash"+Id).show();
		$("#flash"+Id).fadeIn(400).html('<img src="../image/ajax-loader2.gif" align="absmiddle">');
		$("#slidepanel"+Id).slideToggle(300);
		$.post("../gallery/vote_ss.php" ,{answer_id:Id,answer_image:imagename,topic_id:topic_id ,member_id:member_id,c1: d1, c2: d2, c3:d3, c4:d4, c5:d5, c6:d6, c7:d7, c8:d8, c9:d9, ca:d10, cb:d11, cc:d12, cd:d13, ce:d14, cf:d15},
			   function(msg){
					voteDataCallback(msg);  
				} 
		);
		return false;
     });
	//=====================================================================
	
$(function() {
   
        $('.inlinebar').sparkline('html', {type: 'bar', barColor: '#900',width:100,height:30,barWidth: 5,barSpacing:1} );
    });

});