function contentViewer(config)
{
	//init variables from config array
	this.ajaxCall					= config['ajaxCall'];
	this.currPage 					= config['currPage'];				// current page of the viewer
    this.numPages 					= config['numPages'];				// number of pages of the viewer
    this.offset						= config['offset'];
	this.prodsPerPage 			    = config['limit'];					// how many items to show per page
	this.sectorId 					= config['sectorId'];				// sector Id
	this.subcatId					= config['subcatId'];				// subcat Id
	this.progressId					= config['progressId'];				// subcat Id
	this.fadeVal					= config['fade'];					// # of seconds for fade effect
	this.type						= config['type'];					// type of content
	this.page						= config['page'];					// page of content
	this.sectorName					= config['sectorName'];				// sectorName
	this.aapholder					= config['albumArtPlaceHolder'];	// path to the albumArt placeholder
	this.aapreview					= config['albumArtPreview'];		// path to the albumArt preview
	this.aabig						= config['albumArtBig'];			// path to the large albumArt
	this.aabigpreview				= config['albumArtBigPreview'];			// path to the large albumArt
	this.tabImage					= config['tabImage'];				// path to the tab image
	this.tabSelectedImage		    = config['tabSelectedImage'];		// path to the selected tab image
	this.sector						= config['sector'];
	this.msisdn						= config['msisdn'];
	this.artistId					= config['artistId'];
	this.orderby					= config['orderby'];
	this.response					= '';								// ajax response
	this.max						= 0;
	this.limit						= 0;
	this.currProduct				= 1;								// current item we're viewing
	this.container					= '';								// container of the items
	this.name 						= (config['name']==null||config['name']=='')?this.type:config['name'];
	this.nImagesLoaded			    = 0;
	this.filter                     = config['filter']; //added for community's message retrieval to filter out the message type (inbox, deleted, sent,...etc)
	this.passportId                 = config['passportId']; //Passport ID
	this.groupId                    = config['groupId']; //group ID
	this.ratedByText                = config['ratedByText'] ? config['ratedByText'] : '';

	var me 						    = this; //this javascript object

	//prevProducts function
	this.prevProducts = function() {

		var prevPage = $(this.name+'_prevPage');
		var nextPage = $(this.name+'_nextPage');

		if (prevPage)
		{
			prevPage.setAttribute("onClick","");
		}

		if (nextPage)
		{
			nextPage.setAttribute("onClick","");
		}
		// Steps back a page
		this.currPage--;
		if ( $(this.name+'_pageNum'))
		{
		    $(this.name+'_pageNum').innerHTML = this.currPage;
		}

		// if the current page is less than 1,
		// we start from the end
		if (this.currPage < 1)
		{
			this.currPage = this.numPages;
		}
		for (var i = 1; i <= this.numPages; i++)
		{
			if ( $(this.name+'Top_page_'+i))
			{
			    $(this.name+'Top_page_'+i).className = 'navPage';
			}
			if ($(this.name+'_pageDiv_'+i))
			{
				$(this.name+'_pageDiv_'+i).setAttribute("onClick","");
			}
		}
		if ( $(this.name+'Top_page_'+this.currPage))
		{
		    $(this.name+'Top_page_'+this.currPage).className = 'navPageSelected';
		}

		for (var i = 1; i <= this.numPages; i++)
		{
			if ( $(this.name+'Bot_page_'+i))
			{
			    $(this.name+'Bot_page_'+i).className = 'navPage';
			}
		}
		if ( $(this.name+'Bot_page_'+this.currPage))
		{
		    $(this.name+'Bot_page_'+this.currPage).className = 'navPageSelected';
		}

		for (var i = 1; i <= this.numPages; i++)
		{
			if ( $(this.name+'_page_'+i))
			{
			    $(this.name+'_page_'+i).className = 'navPage';
			}
		}
		if ( $(this.name+'_page_'+this.currPage))
		{
		    $(this.name+'_page_'+this.currPage).className = 'navPageSelected';
		}
		this.runRequest();
	};

	//nextProducts function
	this.nextProducts = function() {

		// Steps forward a page
		this.currPage++;
		if ( $(this.name+'_pageNum'))
		{
		    $(this.name+'_pageNum').innerHTML = this.currPage;
		}


		var prevPage = $(this.name+'_prevPage');
		var nextPage = $(this.name+'_nextPage');

		if (prevPage)
		{
			prevPage.setAttribute("onClick","");
		}

		if (nextPage)
		{
			nextPage.setAttribute("onClick","");
		}

		// if the current page is greater than the number of pages,
		// we start from 1
		if (this.currPage > this.numPages)
		{
			this.currPage = 1;
		}

		// loop through all the pages and if an image exists,
		// give it the default tab image
		for (var i = 1; i <= this.numPages; i++)
		{
			if ( $(this.name+'Top_page_'+i) )
			{
			    $(this.name+'Top_page_'+i).className = 'navPage';
			}
			if ( $(this.name+'_pageDiv_'+i) )
			{
				$(this.name+'_pageDiv_'+i).setAttribute("onClick","");
			}
		}
		// change the image of the selected tab
		if ( $(this.name+'Top_page_'+this.currPage))
		{
		    $(this.name+'Top_page_'+this.currPage).className = 'navPageSelected';
		}

		for (var i = 1; i <= this.numPages; i++)
		{
			if ( $(this.name+'Bot_page_'+i) )
			{
			    $(this.name+'Bot_page_'+i).className = 'navPage';
			}
		}
		// change the image of the selected tab
		if ( $(this.name+'Bot_page_'+this.currPage))
		{
		    $(this.name+'Bot_page_'+this.currPage).className = 'navPageSelected';
		}

		for (var i = 1; i <= this.numPages; i++)
		{
			if ( $(this.name+'_page_'+i) )
			{
			    $(this.name+'_page_'+i).className = 'navPage';
			}
		}
		// change the image of the selected tab
		if ( $(this.name+'_page_'+this.currPage))
		{
		    $(this.name+'_page_'+this.currPage).className = 'navPageSelected';
		}
		this.runRequest();
	}

	//changeProductPage function (called when page scroller's #s are clicked)
	this.changeProductPage = function(pageNum) {
	  //alert("changeProductPage pageNum:" + pageNum);

		// Steps forward a page
		this.currPage++;
		if ( $(this.name+'_pageNum'))
		{
		    $(this.name+'_pageNum').innerHTML = pageNum;
		}


		var prevPage = $(this.name+'_prevPage');
		var nextPage = $(this.name+'_nextPage');

		if (prevPage)
		{
			prevPage.setAttribute("onClick","");
		}

		if (nextPage)
		{
			nextPage.setAttribute("onClick","");
		}
		// loop through the tabs and set them to the default
		for (var i = 1; i <= this.numPages; i++)
		{
			if( $(this.name+'Top_page_'+i) )
			{
			    $(this.name+'Top_page_'+i).className = 'navPage';
			}
			if ($(this.name+'_pageDiv_'+i))
			{
				$(this.name+'_pageDiv_'+i).setAttribute("onClick","");
			}
		}

		if( $(this.name+'Top_page_'+pageNum) )
		{
		    $(this.name+'Top_page_'+pageNum).className = 'navPageSelected';
		}

		// loop through the tabs and set them to the default
		for (var i = 1; i <= this.numPages; i++)
		{
			if( $(this.name+'Bot_page_'+i) )
			{
			    $(this.name+'Bot_page_'+i).className = 'navPage';
			}
		}
		if( $(this.name+'Bot_page_'+pageNum) )
		{
		    $(this.name+'Bot_page_'+pageNum).className = 'navPageSelected';
		}

		// loop through the tabs and set them to the default
		for (var i = 1; i <= this.numPages; i++)
		{
			if( $(this.name+'_page_'+i) )
			{
			    $(this.name+'_page_'+i).className = 'navPage';
			}
		}
		if( $(this.name+'_page_'+pageNum) )
		{
		    $(this.name+'_page_'+pageNum).className = 'navPageSelected';
		}

		if (pageNum <= this.numPages)
		{
			this.currPage = pageNum;
		}

		this.runRequest();
	}

	//resetPage function
	this.resetPage = function() {
		var pageNum = 1;

		var prevPage = $(this.name+'_prevPage');
		var nextPage = $(this.name+'_nextPage');

		if (prevPage)
		{
			prevPage.setAttribute("onClick","");
		}

		if (nextPage)
		{
			nextPage.setAttribute("onClick","");
		}
		// loop through the tabs and set them to the default
		for (var i = 1; i <= this.numPages; i++)
		{
			if( $(this.name+'Top_page_'+i) )
			{
			    $(this.name+'Top_page_'+i).className = 'navPage';
			}
			if ($(this.name+'_pageDiv_'+i))
			{
				$(this.name+'_pageDiv_'+i).setAttribute("onClick","");
			}
		}

		if( $(this.name+'Top_page_'+pageNum) )
		{
		    $(this.name+'Top_page_'+pageNum).className = 'navPageSelected';
		}

		// loop through the tabs and set them to the default
		for (var i = 1; i <= this.numPages; i++)
		{
			if( $(this.name+'Bot_page_'+i) )
			{
			    $(this.name+'Bot_page_'+i).className = 'navPage';
			}
		}
		if( $(this.name+'Bot_page_'+pageNum) )
		{
		    $(this.name+'Bot_page_'+pageNum).className = 'navPageSelected';
		}

		// loop through the tabs and set them to the default
		for (var i = 1; i <= this.numPages; i++)
		{
			if( $(this.name+'_page_'+i) )
			{
			    $(this.name+'_page_'+i).className = 'navPage';
			}
		}
		if( $(this.name+'_page_'+pageNum) )
		{
		    $(this.name+'_page_'+pageNum).className = 'navPageSelected';
		}

		if (pageNum <= this.numPages)
		{
			this.currPage = pageNum;
		}

		enableNav();
	}

	//runRequest function - calls the AJAX
	this.runRequest = function() {
	  //alert("runRequest this.ajaxCall:" + this.ajaxCall);

		var offset = this.offset + (this.currPage-1)*this.prodsPerPage + 1;

    // Make this URL the php script which will handle this request
    if (this.ajaxCall == 'locker')
    {
	    var url = '/script/ajax/product-retrieve/my-locker.php';

	    // Prep the parameters for the ajax call
	    var params =
	    	'msisdn='+		this.msisdn +
	    	'&sector='+		this.sector +
	    	'&limit='+		this.prodsPerPage +
	    	'&sleep='+		this.fadeVal +
	    	'&offset='+		offset;
    }
    else if (this.ajaxCall == 'artist')
    {
	    var url = '/script/ajax/product-retrieve/artist.php';

	    // Prep the parameters for the ajax call
	    var params =
	    	'artistId='+	this.artistId +
	    	'&sectorId='+	this.sectorId +
	    	'&subcatId='+	this.subcatId +
	    	'&type='+		this.type +
	    	'&offset='+		offset +
	    	'&sleep='+		this.fadeVal*2 +
	    	'&limit='+		this.prodsPerPage +
	    	'&orderby='+	this.orderby +
	    	'&page='+		this.page;
    }
    else if (this.ajaxCall == 'message')
    {
	    var url = '/script/ajax/community/message-retrieve.php';

	    // Prep the parameters for the ajax call
	    var params =
	    	'offset='+ offset +
	    	'&sleep='+ this.fadeVal*2 +
	    	'&limit='+ this.prodsPerPage +
	    	'&filter='+ this.filter +
	    	'&page='+ this.page;
    }
    else if (this.ajaxCall == 'friend')
    {
      clearFriendList();

      var url = '/script/ajax/community/get-group-friends.php';

      // Prep the parameters for the ajax call
	    var params =
	    	'offset='+ offset +
	    	'&sleep='+ this.fadeVal*2 +
	    	'&limit='+ this.prodsPerPage +
	    	'&group_id='+ 0 +
	    	'&passport_id='+ this.passportId;
    }
    else if (this.ajaxCall == 'group')
    {
      //enableNav();
    	//return;

      clearGroupList();

      var url = '/script/ajax/community/get-group-friends.php';

      // Prep the parameters for the ajax call
	    var params =
	    	'offset='+ offset +
	    	'&sleep='+ this.fadeVal*2 +
	    	'&limit='+ this.prodsPerPage +
	    	'&group_id='+ this.groupId +
	    	'&passport_id='+ this.passportId;
    }
    else
    {
    	var url = '/script/ajax/product-retrieve/product-retrieve.php';
	    // Prep the parameters for the ajax call
	    var params =
	    	'sectorId='+	this.sectorId +
	    	'&subcatId='+	this.subcatId +
	    	'&type='+		this.type +
	    	'&offset='+		offset +
	    	'&sleep='+		this.fadeVal*2 +
	    	'&limit='+		this.prodsPerPage +
	    	'&page='+		this.page;
    }

    // Calls AJAX with a GET request to the URL, passing params, and calling 'endfunction' when done
    var mfRequest = new Ajax.Request(url,{method:'get',parameters:params,onLoading:me.fadeOut,onComplete:me.endFunction});
	}

	//fadeOut function
	this.fadeOut = function() {
		//alert("fadeOut");

		if(me.type == "message"){
			currElement = $('div_message');
		}
		else if(me.type == "friend"){
			currElement = $('div_friend');
		}
		else if(me.type == "group"){
			currElement = $('div_group');
		}
		else{

			// using the first item, find the tab-page
			currElement = $(me.name+'_1');

	  	while(currElement.className != 'tab-page')
	  	{
	  		currElement = currElement.parentNode;
	  	}
			//alert(currElement.id);
		}

		//put current element into a container
	   me.container = currElement;

      	// fade the tab page
      	new Effect.Opacity(me.container.id, {duration:me.fadeVal, from:0.9999999, to:0.00, beforeStart: me.loading} );
	}

	//loading function - this function displays the loading image
	this.loading = function(obj){
		//alert("loading");

		// get the dimensions of the tab page
		var dim = obj.element.getDimensions(obj.element);

		// grab the tab-page's parent
		var parent = obj.element.parentNode;
		//alert(parent.className);

		// change the style of the tab-page for hiding beneath the loading image
		obj.element.style.position = '';
		obj.element.style.zIndex = 0;

		// create the div that will hold the loading image
		var div = document.createElement("div");

		// set the style properties for the div to display over the tab-page
		div.id = obj.element.id + '_loading';
		div.style.opacity = 0;
		div.style.filter = 'alpha(opacity:0)';
		div.vAlign = 'middle';
		div.style.width = '100%';
		div.align = 'center';
		div.style.position = 'absolute';
		div.style.zIndex = 10;

		// create the new image and add it to the div
		var img = new Image();
		img.src = '/template/shared/images/ajax-loader.gif';
		if (me.type == 'friend' || me.type == 'group'){
		  div.style.top = ((dim.height/2)+img.height-30)+'px';
		}
		else{
		  div.style.top = ((dim.height/2)+img.height)+'px';
		}
		div.appendChild(img);

		// add the div to the tab-page's parent
		parent.appendChild(div);

		// fade in the div
	  new Effect.Opacity(div.id, {duration:me.fadeVal, from:0.0, to:0.9999999} );
	}

	//endFunction function
	this.endFunction = function(mfRequest) {
		// the object containing the response is passed to this function by the prototype library
    // mfRequest.responseText contains the raw text response
    response = mfRequest.responseText;
    me.nImagesLoaded = 0;

    //alert(me.type);
    //alert(response);

    //if type is message, html response is returned
    if (me.type == 'message')
		{
		  $('span_message').innerHTML = response;

		  //finish the loading
			for(i=0; i<me.max; i++){
			  me.nImagesLoaded++;
			}
			me.imagesLoaded();

			return;
		}
		//if type is friend
    else if (me.type == 'friend')
		{
		  //finish the loading
			for(i=0; i<me.max; i++){
			  me.nImagesLoaded++;
			}
			me.imagesLoaded();

		  fillFriendList(mfRequest);

			return;
		}
		//if type is group
    else if (me.type == 'group')
		{
		  //finish the loading
			for(i=0; i<me.max; i++){
			  me.nImagesLoaded++;
			}
			me.imagesLoaded();

		  fillGroupList(mfRequest);

			return;
		}
		else{
	    // evaluate the json expression and store the object
	    // decoded now contains the object in the same format as php before it encoded it
	    var decoded = eval('('+response+')');
	    // Grabs the information of the catalog we requested
	    me.limit = decoded[0];

	    // Grabs the wallpapers returned in the catalog
	    prods = decoded[1];

	    // calculates the max based on the returned number of products and our limit
	    me.max = (prods.length<me.limit)?prods.length:me.limit;

	    if ($(me.name+'PageNum'))
	  	{
	      $(me.name+'PageNum').innerHTML = me.currPage;
	  	}
			me.container.style.display = 'block';
			me.changeProducts();
		}

	}

	//fadeIn function
	this.fadeIn = function(obj) {
		//alert("fadeIn");
		// Fades each cell of the products back in, calling the changeProducts function before starting
		new Effect.Opacity(obj.id, {duration:me.fadeVal,from:0.0,to:0.9999999,afterFinish:me.enableNav} )
	}

	//enableNav function
	this.enableNav = function(obj) {
		//alert("enableNav");

		var prevPage = $(me.name+'_prevPage');
		var nextPage = $(me.name+'_nextPage');

		if (prevPage)
		{
			prevPage.setAttribute("onClick",me.name+"CV.prevProducts(this);");
		}

		if (nextPage)
		{
			nextPage.setAttribute("onClick",me.name+"CV.nextProducts(this);");
		}

		// loop through the tabs and set them to the default
		for (var i = 1; i <= me.numPages; i++)
		{
			if ( $(me.name+'_pageDiv_'+i) )
			{
				$(me.name+'_pageDiv_'+i).setAttribute("onClick",me.name+"CV.changeProductPage("+i+");");
			}
		}

    /*
			if ($(me.container.id+'_loading'))
			{
				$(me.container.id+'_loading').remove();
			}
	  */
	}

	//enableNav() function
	function enableNav() {

		var prevPage = $(me.name+'_prevPage');
		var nextPage = $(me.name+'_nextPage');

		if (prevPage)
		{
			prevPage.setAttribute("onClick",me.name+"CV.prevProducts(this);");
		}

		if (nextPage)
		{
			nextPage.setAttribute("onClick",me.name+"CV.nextProducts(this);");
		}

		// loop through the tabs and set them to the default
		for (var i = 1; i <= me.numPages; i++)
		{
			if ( $(me.name+'_pageDiv_'+i) )
			{
				$(me.name+'_pageDiv_'+i).setAttribute("onClick",me.name+"CV.changeProductPage("+i+");");
			}
		}
	}

	//hideElements function
	this.hideElements = function(obj) {
		// Fades each cell of the products back in, calling the changeProducts function before starting
		obj.element.style.visibility = 'hidden';
	}

	//changeProducts function
	this.changeProducts = function() {
		if (me.type == 'ringtone' || me.type == 'music' )
		{
			me.changeTones();
		}
		else if (me.type == 'image' || me.type == 'wallpaper' || me.type == 'screensaver')
		{
			me.changeWallpapers();
		}
		else
		{
			me.changeApps();
		}
	}

	//changeTones function
	this.changeTones = function() {
		// creates the regex to be used when replacing the publicationID in the wallpaper src
	    var regexPublication = /(o=[^&\'\"]*)/gi;
	    var regexFilename = /(filename=[^&\'\"]*)/gi;
	    var regexSectorId = /(s=[^&\'\"]*)/gi;
	    var regexBigPubId = /(\/[^\.]*)jpg/gi;

	    for(var i=1; i<= me.max; i++)
	    {
	    	if (me.currPage > 1)
	        {
	            var itemNum = me.limit * (me.currPage-1) + parseInt(i);
	        }
	        else
	        {
	            var itemNum = i;
	        }

	        var index = parseInt(i)-1;
	    	$(me.name+'_'+i).style.display = '';
	        $(me.name+'_'+i).style.visibility = 'visible';
	        $(me.name+'_'+i).style.opacity = '1';

	        // grab the album art and album art link
	        var albumArt = $(me.name+'_albumArt_'+i);
	        var albumArtLink = $(me.name+'_albumArtLink_'+i);
	        var albumArtBig = $(me.name+'_albumArtBig_'+i);

	        // grab the other links
	        var nameLink = $(me.name+'_nameLink_'+i);
	        var singerLink = $(me.name+'_singerLink_'+i);
	        var getItLink = $(me.name+'_getItLink_'+i);
		    var itemNumSpan = $(me.name+'_itemNum_'+i);
		    var ratingStar = me.name+'_ratingStar_'+i;
		    var swfDiv = $(me.name+'_so_'+i);
		    var embedLink = $(me.name+'_embed_'+i);
		    var purchaseDate = $(me.name+'_purchaseDate_'+i);
		    var row = $(me.name+'_row_'+i);

	        // set the product title for easy use
	        if(prods[index].singer == "" || prods[index].singer == null){
	          prods[index].title = prods[index].name;
	        }
	        else{
	          prods[index].title = prods[index].name + ' - ' + prods[index].singer;
	        }

	        // if there is a name link...
	        if (nameLink)
	        {
	            // set the name link url, title, and text
	        	  nameLink.href = prods[index].url;
	            nameLink.title = prods[index].title;
	            nameLink.alt = prods[index].title;

	            if (itemNumSpan)
	            {
	                itemNumSpan.innerHTML = itemNum+'.';
	            	  nameLink.innerHTML = prods[index].name;
	            }
	            else
	            {
	                nameLink.innerHTML = prods[index].name;
	            }

	        }

	        // if there is a row...
	        if (row)
	        {
	        	row.style.display = '';
	        }

	        // if there is a singer link...
	        if (singerLink)
	        {
            // if we have a singer URL...
        	  if (prods[index].singerURL)
            {
            	singerLink.href = prods[index].singerURL;
            }
            else
            {
        	    singerLink.href = '';
            }
            // set the singer link title and text
            singerLink.title = prods[index].singer;
            singerLink.alt = prods[index].singer;
            if(prods[index].singer)
            {
                singerLink.innerHTML = prods[index].singer;
            }
            else
            {
                singerLink.innerHTML = "";
            }

			      /*
  	        //test
  	        if(prods[index].publicationId == "397773"){
  	          alert("test1 prods[index].publicationId:" + prods[index].publicationId + " prods[index].name:" + prods[index].name + " prods[index].title:" + prods[index].title + " prods[index].singer:" + prods[index].singer + " singerLink:" + singerLink + " singerLink.title:" + singerLink.title);
  	        }
  	        */
	        }



	        if (purchaseDate)
	        {
	        	purchaseDate.innerHTML = prods[index].orderDateDisplayA;
	        }

	        // if there's a get it link
	        if (getItLink)
	        {
	        	// set the get it link url and title
	        	getItLink.href = prods[index].url;
	        	getItLink.title = prods[index].title;
	        	getItLink.alt = prods[index].title;
	        }
	        ringtoneSwf = '/template/skin/flycell/swf/play.swf?id='+prods[index].publicationId+'-2100-ringtone-'+me.sectorId;

	        if (swfDiv)
	        {
	        	swfDiv.innerHTML = null;
	        }

	        if (embedLink)
	        {
	            var so = new SWFObject(ringtoneSwf,me.name+'_embed_'+i,'26','26','7');
	            so.addVariable("allowScriptAccess", 'sameDomain');
	            so.addVariable("movie", ringtoneSwf);
	            so.addVariable("quality", "high");
	            so.addVariable("scale", "exactfit");
	            so.addVariable("wmode", "transparent");
	            so.addVariable("bgcolor", "transparent");
	            so.write(me.name+'_so_'+i);
				$(me.name+'_embed_'+i).style.zIndex = 5;
				$(me.name+'_embed_'+i).style.position = '';
	        }

	        // if there's album art
	        if (albumArt || albumArtBig || prods[index].albumArtSrc)
	        {
	            if(albumArt && !prods[index].albumArtSrc)
				{

	        		albumArt.onload = me.imageLoad;
		        	albumArt.onerror = me.imageLoad;
		        	albumArt.onabort = me.imageLoad;
		        	albumArt.src = me.aapreview;

		            // if the current product has album art, replace it
		            if (prods[index].albumArt)
		            {
		              //alert("albumArt.src:" + albumArt.src + " prods[index].albumArt:" + prods[index].albumArt);

		            	// replace the old wallpaper source with the new wallpaper source
		                albumArt.src = albumArt.src.replace(regexPublication,'o='+prods[index].publicationId);
		                albumArt.src = albumArt.src.replace(regexSectorId,'s='+me.sectorId);
		                albumArt.src = albumArt.src.replace(regexFilename,'filename='+prods[index].albumArt);
		            }
		            else
		            {
		            	//alert("no album art");
		                albumArt.src = albumArt.src.replace(regexPublication,'o='+prods[index].publicationId);
		                albumArt.src = albumArt.src.replace(regexSectorId,'s='+me.sectorId);
				        albumArt.src = albumArt.src.replace(regexFilename,'filename=');
		            }

		            
		            // set the album art title, height, and width
		            albumArt.title = prods[index].title;
		            albumArt.alt = prods[index].title;
				}
				else if (albumArtBig && !prods[index].albumArtSrc)
				{
					albumArtBig.onload = me.imageLoad;
		        	albumArtBig.onerror = me.imageLoad;
		        	albumArtBig.onabort = me.imageLoad;
		        	//albumArtBig.src = me.aabigpreview;

	            	// replace the old wallpaper source with the new wallpaper source
	                //albumArtBig.src = albumArtBig.src + prods[index].publicationId + '.jpg';

	                /*
	                 * Above albumArtBig.src lines replaced
	                 * albumArtParams contains default image when requested image is missing
	                 * Added by lanceh 2008-03-12
	                 */
	                albumArtBig.src = prods[index].albumArtSrc;

		            // set the album art title, height, and width
		            albumArtBig.title = prods[index].title;
		            albumArtBig.alt = prods[index].title;
				}
				else if (prods[index].albumArtSrc)
				{
				    if( albumArt)
    				{
    
    	        		albumArt.onload = me.imageLoad;
    		        	albumArt.onerror = me.imageLoad;
    		        	albumArt.onabort = me.imageLoad;
    		        	albumArt.src = me.aapreview;
    
    		            // if the current product has album art, replace it
    		            if (prods[index].albumArtSrc)
    		            {
                            //alert("albumArt.src:" + albumArt.src + " prods[index].albumArt:" + prods[index].albumArt);
    		            	// replace the old wallpaper source with the new wallpaper source
    		                albumArt.src = prods[index].albumArtSrc;
    		            }
    		            else
    		            {
    		            	//alert("no album art");
    		                albumArt.src = albumArt.src.replace(regexPublication,'o='+prods[index].publicationId);
    		                albumArt.src = albumArt.src.replace(regexSectorId,'s='+me.sectorId);
    				        albumArt.src = albumArt.src.replace(regexFilename,'filename=');
    		            }
    
    		            
    		            // set the album art title, height, and width
    		            albumArt.title = prods[index].title;
    		            albumArt.alt = prods[index].title;
    				}
    				else if (albumArtBig)
    				{
    					albumArtBig.onload = me.imageLoad;
    		        	albumArtBig.onerror = me.imageLoad;
    		        	albumArtBig.onabort = me.imageLoad;
    		        	//albumArtBig.src = me.aabigpreview;
    
    	            	// replace the old wallpaper source with the new wallpaper source
    	                //albumArtBig.src = albumArtBig.src + prods[index].publicationId + '.jpg';
    
    	                /*
    	                 * Above albumArtBig.src lines replaced
    	                 * albumArtParams contains default image when requested image is missing
    	                 * Added by lanceh 2008-03-12
    	                 */
    	                albumArtBig.src = prods[index].albumArtSrc;
    
    		            // set the album art title, height, and width
    		            albumArtBig.title = prods[index].title;
    		            albumArtBig.alt = prods[index].title;
    				}
    				else
    				{
                        me.nImagesLoaded++;
    				}
				}
	        }
	        else
	        {
	        	me.nImagesLoaded++;
	     	}

	        if(albumArtLink)
	        {
	        	albumArtLink.title = prods[index].title;
	        	albumArtLink.alt = prods[index].title;
	        	albumArtLink.href = prods[index].url;
	        }

	        if ( typeof( contentRatings ) != "undefined")
	        {
	        	contentRatings[prods[index].publicationId] = prods[index].ranking;
				contentRatingsVotes[prods[index].publicationId] = prods[index].votes;
	        }

	        for(j=1;j<=5;j++)
	        { 
	        	if ( $(ratingStar+'^'+j) )
	        	{
	        		$(ratingStar+'^'+j).setAttribute("onmouseover","ratingHighlighted('" + me.name + "_ratingStar_" + i + "','" + prods[index].publicationId + "','" + j + "','" + i + "')");
	        		$(ratingStar+'^'+j).setAttribute("onmouseout","ratingHighlightOff('" + me.name + "_ratingStar_" + i + "','" + prods[index].publicationId + "','" + prods[index].ranking + "','" + i + "')");
	        		$(ratingStar+'^'+j).setAttribute("onclick","saveRating('" + me.name + "_ratingStar_" + i + "','" + prods[index].id + "','" + prods[index].publicationId + "','" + me.sectorId + "','" + j + "','" + i + "')");

	        		if (prods[index].ranking >= j)
	        		{
	        			$(ratingStar+'^'+j).src = '/template/skin/flycell/images/star_full.gif';
	        		}
	        		else if (prods[index].ranking >= (j-0.5))
	        		{
	        			$(ratingStar+'^'+j).src = '/template/skin/flycell/images/star_half.gif';
	        		}
	        		else
	        		{
	        			$(ratingStar+'^'+j).src = '/template/skin/flycell/images/star_empty.gif';
	        		}

                    if ($(me.name+'_contentRatingStatus_'+i)){
	        		    if (me.ratedByText){
	        		        $(me.name+'_contentRatingStatus_'+i).innerHTML = me.ratedByText.replace('#votes#', prods[index].votes);
	        		    } else {
	        		        $(me.name+'_contentRatingStatus_'+i).innerHTML = 'Rated by ' + prods[index].votes + ' users.';	        		
	        		    }
                    }
	        	}
	        }
	    }
	    for(i=(me.max+1); i<=me.limit;i++)
	    {
		    var row = $(me.name+'_row_'+i);
		    if (row)
		    {
		    	row.style.display = 'none';
		    }
	    	$(me.name+'_'+i).style.visibility = 'hidden';
	    	$(me.name+'_'+i).style.display = 'none';
	    }
	    me.imagesLoaded();
	}

	//changeWallpapers function
	this.changeWallpapers = function(obj) {
	    // creates the regex to be used when replacing the publicationID in the wallpaper src
	    var regexPublicationId = /(o=[^&\'\"]*)/gi;
	    var regexSectorId = /(s=[^&\'\"]*)/gi;
	    var regexProgressId = /(p=[^&\'\"]*)/gi;
	    var regexFilename = /(filename=[^&\'\"]*)/gi;

	    for(var i=1; i<= me.max; i++)
	    {
	    	$(me.name+'_'+i).style.visibility = 'visible';
	        if (me.currPage > 1)
	        {
	            var itemNum = me.limit * (me.currPage-1) + parseInt(i);
	        }
	        else
	        {
	            var itemNum = i;
	        }

		    var imgLink = $(me.name+'_imageLink_'+i);
		    var getItLink = $(me.name+'_getItLink_'+i);
		    var img = $(me.name+'_image_'+i);
		    var ratingStar = me.name+'_ratingStar_'+i;
		    var purchaseDate = $(me.name+'_purchaseDate_'+i);

	        var index = parseInt(i)-1;

	        var alt = prods[index].alt;
	        prods[index].alt = alt.replace("&copy;",unescape("%A9"));

	        // set the product title for easy use
	        prods[index].title = me.sectorName + ' - ' + prods[index].name + ' ' + prods[index].alt;

	        // if there is a name link...
	        if (imgLink)
	        {
	            // set the name link url, title, and text
	        	imgLink.href = prods[index].url;
	            imgLink.title = prods[index].title;
	            imgLink.alt = prods[index].title;
	        }

	        // if there is a singer link...
	        if (getItLink)
	        {
	            // set the singer link title and text
	            getItLink.href = prods[index].url;
	            getItLink.title = prods[index].title;
	            getItLink.alt = prods[index].title;
	        }

	        if (purchaseDate)
	        {
	        	purchaseDate.innerHTML = prods[index].orderDateDisplayA;
	        }

	        var src = null;

	        // if there's album art
	        if (img && !prods[index].albumArtSrc)
	        {
	        	var src = img.src;
	        	src = src.replace(regexPublicationId,'o='+prods[index].publicationId);
	        	src = src.replace(regexSectorId,'s='+me.sectorId);
	        	src = src.replace(regexProgressId,'p='+me.progressId);
	        	src = src.replace(regexFilename,'filename='+prods[index].tempName);
	        	img.onload = me.imageLoad;
	        	img.onerror = me.imageLoad;
	        	img.onabort = me.imageLoad;
	        	img.src = src;

	            // set the album art title, height, and width
	            img.title = prods[index].title;
	            img.alt = prods[index].title;
	        }
	        else if (prods[index].albumArtSrc)
			{
			    var src = prods[index].albumArtSrc;
	        	img.onload = me.imageLoad;
	        	img.onerror = me.imageLoad;
	        	img.onabort = me.imageLoad;
	        	img.src = src;

	            // set the album art title, height, and width
	            img.title = prods[index].title;
	            img.alt = prods[index].title;
			}
	        else
	        {
	        	me.nImagesLoaded++;
	        }

	        if ( typeof( contentRatings ) != "undefined")
	        {
	        	contentRatings[prods[index].publicationId] = prods[index].ranking;
				contentRatingsVotes[prods[index].publicationId] = prods[index].votes;
	        }

	        for(j=1;j<=5;j++)
	        {
	        	if ( $(ratingStar+'^'+j) )
	        	{
	        		$(ratingStar+'^'+j).setAttribute("onmouseover","ratingHighlighted('" + me.name + "_ratingStar_" + i + "','" + prods[index].publicationId + "','" + j + "','" + i + "')");
	        		$(ratingStar+'^'+j).setAttribute("onmouseout","ratingHighlightOff('" + me.name + "_ratingStar_" + i + "','" + prods[index].publicationId + "','" + prods[index].ranking + "','" + i + "')");
	        		$(ratingStar+'^'+j).setAttribute("onclick","saveRating('" + me.name + "_ratingStar_" + i + "','" + prods[index].id + "','" + prods[index].publicationId + "','" + me.sectorId + "','" + j + "','" + i + "')");

	        		if (prods[index].ranking >= j)
	        		{
	        			$(ratingStar+'^'+j).src = '/template/skin/flycell/images/star_full.gif';
	        		}
	        		else if (prods[index].ranking >= (j-0.5))
	        		{
	        			$(ratingStar+'^'+j).src = '/template/skin/flycell/images/star_half.gif';
	        		}
	        		else
	        		{
	        			$(ratingStar+'^'+j).src = '/template/skin/flycell/images/star_empty.gif';
	        		}
	        		
                    if ($(me.name+'_contentRatingStatus_'+i)){
	        		    if (me.ratedByText){
	        		        $(me.name+'_contentRatingStatus_'+i).innerHTML = me.ratedByText.replace('#votes#', prods[index].votes);	        		        		        		    
	        		    } else {
	        		        $(me.name+'_contentRatingStatus_'+i).innerHTML = 'Rated by ' + prods[index].votes + ' users.';	        		    
	        		    }
                    }
	        	}
	        }
	    }

	    for(i=(me.max+1); i<=me.limit;i++)
	    {
	    	$(me.name+'_'+i).style.visibility = 'hidden';
	    }
	}

	//changeApps function
	this.changeApps = function(obj) {
		// creates the regex to be used when replacing the publicationID in the wallpaper src
	    var regexPublicationId = /(o=[^&\'\"]*)/gi;
	    var regexProgressId = /(p=[^&\'\"]*)/gi;
	    var regexSectorId = /(s=[^&\'\"]*)/gi;
	    var regexFilename = /(filename=[^&\'\"]*)/gi;

	    for(var i=1; i<= me.max; i++)
	    {
	    	$(me.name+'_'+i).style.visibility = 'visible';
	        if (me.currPage > 1)
	        {
	            var itemNum = me.limit * (me.currPage-1) + parseInt(i);
	        }
	        else
	        {
	            var itemNum = i;
	        }

	        var nameLink = $(me.name+'_nameLink_'+i);
		    var imgLink = $(me.name+'_imageLink_'+i);
		    var getItLink = $(me.name+'_getItLink_'+i);
		    var img = $(me.name+'_image_'+i);
	        var desc = $(me.name+'_desc_'+i);
		    var ratingStar = me.name+'_ratingStar_'+i;
		    var purchaseDate = $(me.name+'_purchaseDate_'+i);

	        var index = parseInt(i)-1;

	        // set the product title for easy use
	        prods[index].title = prods[index].name;

	        if (nameLink)
	        {
	        	nameLink.href = prods[index].url;
	        	nameLink.title = prods[index].title;
	        	nameLink.alt = prods[index].title;
	        	nameLink.innerHTML = prods[index].name;
	        }
	        if (desc)
	        {
	        	desc.innerHTML = me.truncate(prods[index].description,100);
	        }
	        // if there is a name link...
	        if (imgLink)
	        {
	            // set the name link url, title, and text
	        	imgLink.href = prods[index].url;
	            imgLink.title = prods[index].title;
	            imgLink.alt = prods[index].title;
	        }

	        // if there is a singer link...
	        if (getItLink)
	        {
	            // set the singer link title and text
	            getItLink.href = prods[index].url;
	            getItLink.title = prods[index].title;
	            getItLink.alt = prods[index].title;
	        }

	        if (purchaseDate)
	        {
	        	purchaseDate.innerHTML = prods[index].orderDateDisplayA;
	        }

	        var src = null;
	        
	        // if there's album art
	        if (img && !prods[index].albumArtSrc)
	        {
	        	var src = img.src;
	        	src = src.replace(regexPublicationId,'o='+prods[index].publicationId);
	        	src = src.replace(regexSectorId,'s='+me.sectorId);
	        	src = src.replace(regexProgressId,'p='+me.progressId);
	        	src = src.replace(regexFilename,'filename='+prods[index].tempName);

	        	img.onload = me.imageLoad;
	        	img.onerror = me.imageLoad;
	        	img.onabort = me.imageLoad;
	        	img.src = src;

	            // set the album art title, height, and width
	            img.title = prods[index].title;
	            img.alt = prods[index].title;
	        }
	        else if (prods[index].albumArtSrc)
			{
			    var src = prods[index].albumArtSrc;
	        	img.onload = me.imageLoad;
	        	img.onerror = me.imageLoad;
	        	img.onabort = me.imageLoad;
	        	img.src = src;

	            // set the album art title, height, and width
	            img.title = prods[index].title;
	            img.alt = prods[index].title;
			}
	        else
	        {
	        	me.nImagesLoaded++;
	        }

	        if ( typeof( contentRatings ) != "undefined")
	        {
	        	contentRatings[prods[index].publicationId] = prods[index].ranking;
				contentRatingsVotes[prods[index].publicationId] = prods[index].votes;
	        }

	        for(j=1;j<=5;j++)
	        {
	        	if ( $(ratingStar+'^'+j) )
	        	{
	        		$(ratingStar+'^'+j).setAttribute("onmouseover","ratingHighlighted('" + me.name + "_ratingStar_" + i + "','" + prods[index].publicationId + "','" + j + "','" + i + "')");
	        		$(ratingStar+'^'+j).setAttribute("onmouseout","ratingHighlightOff('" + me.name + "_ratingStar_" + i + "','" + prods[index].publicationId + "','" + prods[index].ranking + "','" + i + "')");
	        		$(ratingStar+'^'+j).setAttribute("onclick","saveRating('" + me.name + "_ratingStar_" + i + "','" + prods[index].id + "','" + prods[index].publicationId + "','" + me.sectorId + "','" + j + "','" + i + "')");

	        		if (prods[index].ranking >= j)
	        		{
	        			$(ratingStar+'^'+j).src = '/template/skin/flycell/images/star_full.gif';
	        		}
	        		else if (prods[index].ranking >= (j-0.5))
	        		{
	        			$(ratingStar+'^'+j).src = '/template/skin/flycell/images/star_half.gif';
	        		}
	        		else
	        		{
	        			$(ratingStar+'^'+j).src = '/template/skin/flycell/images/star_empty.gif';
	        		}
	        		
                    if ($(me.name+'_contentRatingStatus_'+i)){
                        if (me.ratedByText){
                            $(me.name+'_contentRatingStatus_'+i).innerHTML = me.ratedByText.replace('#votes#', prods[index].votes);
                        } else {
	        		        $(me.name+'_contentRatingStatus_'+i).innerHTML = 'Rated by ' + prods[index].votes + ' users.';                        
                        }
                    }
	        	}
	        }
	    }

	    for(i=(me.max+1); i<=me.limit;i++)
	    {
	    	$(me.name+'_'+i).style.visibility = 'hidden';
	    }
	}

	//truncate function
	this.truncate = function(str,len) {
	  if (str.length > len) {

	    /* Truncate the content of the P, then go back to the end of the
	       previous word to ensure that we don't truncate in the middle of
	       a word */
	    str = str.substring(0, len);
	    str = str.replace(/\w+$/, '');
	    str = str.replace(/[,.!; ]+$/, '');

	    /* Add an ellipses to the end and make it a link that expands
	       the paragraph back to its original size */
	    str += '...';
	  }
	  return str;
	}

	//imageLoad function
	this.imageLoad = function() {
		me.nImagesLoaded++;
		me.imagesLoaded();
	}

	//imagesLoaded function
	this.imagesLoaded = function() {
		//alert("me.nImagesLoaded:" + me.nImagesLoaded + " me.max:" + me.max);
		if( me.nImagesLoaded == me.max){
			me.nImagesLoaded = 0;

			if ($(me.container.id+'_loading'))
			{
				// fade out the loading image div
				new Effect.Opacity(me.container.id+'_loading', {duration:me.fadeVal, from:0.9999999, to:0.0,afterFinish:me.removeLoading} );

				me.fadeIn(me.container);
			}
			else
			{
				me.fadeIn(me.container);
			}

		}
	}

	//removeLoading function
	this.removeLoading = function() {
		// remove the loading image div
        if ($(me.container.id+'_loading')){
    		$(me.container.id+'_loading').remove();
        }
	}
}