// JavaScript Document

$(document).ready(function(){ 
	
	//fade/show page 
	var fadetime = 200;
	  
	 $("#item_list ul li a").each(function() {
		var clickable = 0;
		
		  $(this).click(function(){
				
				selected_id = $(this).attr("name");
				$("#itemdisplay_form").load("itemdisplay.php", {"item_id":selected_id} );
				
				//GET DB INFO AND LOAD FORM
				$("#itemdisplay_tint").css("opacity", "0");
				$("#itemdisplay_tint").css("filter", "alpha(opacity=0)");
				$("#itemdisplay_tint").css("display", "block");
				opacity('itemdisplay_tint', 0, 60, fadetime);
				
				$("#itemdisplay_wrapper").css("opacity", "0");
				$("#itemdisplay_wrapper").css("filter", "alpha(opacity=0)");
				$("#itemdisplay_wrapper").css("display", "block");
				opacity('itemdisplay_wrapper', 0, 100, fadetime);
				
			});
    });
		  
	$("#colorlink a").click(function(){
		
		selected_id = $("#colorlink a").attr("name");
		$("#itemdisplay_form").load("itemdisplay.php", {"item_id":selected_id} );
		
		//GET DB INFO AND LOAD FORM
		$("#itemdisplay_tint").css("opacity", "0");
		$("#itemdisplay_tint").css("filter", "alpha(opacity=0)");
		$("#itemdisplay_tint").css("display", "block");
		opacity('itemdisplay_tint', 0, 60, fadetime);
		
		$("#itemdisplay_wrapper").css("opacity", "0");
		$("#itemdisplay_wrapper").css("filter", "alpha(opacity=0)");
		$("#itemdisplay_wrapper").css("display", "block");
		opacity('itemdisplay_wrapper', 0, 100, fadetime);
		
	});

	 
	 $("#itemhide_button").click(function(){
								
			opacity('itemdisplay_tint', 60, 0, fadetime);
			opacity('itemdisplay_wrapper', 100, 0, fadetime);
			$("#itemdisplay_form").html("");
	});
 	 
 });
	 

function loadFormElements(data){

 var myArray = data.split(';');
 
  for(i=0; i<myArray.length-1; i++){
	
	  parts = myArray[i].split('|');
	  eval("var "+parts[0]+"='"+parts[1]+"';"); 
  }
 
  	$('#item_id').val(item_id);
	$('#item_name').val(urldecode(name));
 	$("#item_sku").val(urldecode(sku));
  	$("#item_price").val(urldecode(price));
	$('#description').val(urldecode(description)); 
	$('#image_file').val(urldecode(image_file)); 
  	
}

function urldecode (str) {
    // Decodes URL-encoded string  
    // 
    // version: 1004.2314
    // discuss at: http://phpjs.org/functions/urldecode
    // +   original by: Philip Peterson
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: AJ
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Brett Zamir (http://brett-zamir.me)
    // +      input by: travc
    // +      input by: Brett Zamir (http://brett-zamir.me)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Lars Fischer
    // +      input by: Ratheous
    // +   improved by: Orlando
    // +      reimplemented by: Brett Zamir (http://brett-zamir.me)
    // +      bugfixed by: Rob
    // %        note 1: info on what encoding functions to use from: http://xkr.us/articles/javascript/encode-compare/
    // %        note 2: Please be aware that this function expects to decode from UTF-8 encoded strings, as found on
    // %        note 2: pages served as UTF-8
    // *     example 1: urldecode('Kevin+van+Zonneveld%21');
    // *     returns 1: 'Kevin van Zonneveld!'
    // *     example 2: urldecode('http%3A%2F%2Fkevin.vanzonneveld.net%2F');
    // *     returns 2: 'http://kevin.vanzonneveld.net/'
    // *     example 3: urldecode('http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3Dphp.js%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dcom.ubuntu%3Aen-US%3Aunofficial%26client%3Dfirefox-a');
    // *     returns 3: 'http://www.google.nl/search?q=php.js&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a'
    
    return decodeURIComponent(str.replace(/\+/g, '%20'));
}