/* ############ recently viewed items ########### */
var name = "recentItems"; //cookieName
var days = 7; // days before expiration
var newString = "";
var num = 3; // number of items to display
var unique ="yes"; //

// create cookie assigning name, value and expiration days
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+escape(value)+expires+"; path=/";
}

// read cookie by name and list value
function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return unescape(c.substring(nameEQ.length,c.length));
	}
	return null;
}

// delete cookie by name
function eraseCookie(name) {
	createCookie(name,"",-1);
}

var preCookie = readCookie(name);

// append new data to cookie.
function setCookie(curString){
	if (!curString) return;
	var s = curString.replace("^","");
	if (!preCookie || preCookie == ""){
	// if cookie does not exist, create it with the current item's data
		newString = curString;
	} else { 
	// If cookie exists, split and compare its content to current item 
		var eachItem = preCookie.split("^");
		for (i = 0; i < num; i++){
			if (eachItem[i] == s ) { 
			unique = "no";
			} 	
		}
    if (unique == "yes"){
		// if current data is unique, add it to cookie
		  var x = curString + preCookie;
		  var a = x.split("^");	
		  for (i=0;i<num + 1;i++){
		  	newString+=a[i] + "^";
		  }
		  } else {
		// if current data is not unique, do not add it to cookie
		  newString = preCookie;
		  }
	} 
	// newString = escape(newString);
	createCookie(name,newString,days)
}

//splitting and writing cookie data
function writeRecent(){
	if (preCookie && preCookie != ""){
	   preCookie = unescape(preCookie);
		var eachItem = preCookie.split("^");
		if (!eachItem || eachItem.length == 0) return;
		var firstElement = eachItem[0].split("|");	
		if (firstElement[0] == prodID && eachItem.length == 2) return;
		var i2 = 0;
  	document.write('<div class="contents-title" id="recentlyviewed"></div>');
  	var rec = $('#recentlyviewed').append('<div id="recentItemHeader">Recently Viewed Items</div>')
		for (i = 0; i < num || i2 < num; i++){
			//only write item if it exists, is not empty and is unique
			if (eachItem[i] && eachItem[i] != "" && eachItem[i] != "undefined"){
				var eachElement = eachItem[i].split("|");	
				if (eachElement[0] != prodID){
				  var thisItem = $(rec).append($('<div/>', {'id':'recentItem'+i2,'class':'recentItem' }));
  					var thisImg = $('#recentItem'+i2).append($('<div/>', {'id':'recentImg'+i2,'class':'recentImg'}));
  					 var thisA = $('<a/>', {'href':eachElement[0]+'.html'}).appendTo('#recentImg'+i2);
    					  $('<img/>', {'src':eachElement[1],'border':'0'}).appendTo(thisA);
            var thisName = $('#recentItem'+i2).append($('<div/>', {'id':'recentName'+i2,'class':'recentName'}));
              $('#recentName'+i2).append($('<span/>', {'html':eachElement[2]}));  				  			
  					if (eachElement[4] && eachElement[4] != ""){$('#recentItem'+i2).append($('<div/>', {'class':'recentSprice',
  						  'html':eachElement[4]}));
  					} else {
            if (eachElement[3] && eachElement[3] != ""){$('#recentItem'+i2).append($('<div/>', {'class':'recentPrice',
  						  'html':eachElement[3]}));
  					 }
            }
  					var thisView = $('#recentItem'+i2).append($('<div/>', {'id':'recentView'+i2,'class':'recentView'}));
              $('#recentView'+i2).append($('<a/>', {'href':eachElement[0]+'.html','html':'View Details >'}));  
					i2 = i2 + 1; 
				}
			} else { i2 = i; } // don't increment counter is the current page is already displayed
		}
	}	 
}
/*######## end recently viewed*/