// JavaScript Document

communityportal_host ="";	// now empty for relative calls

var numberOfMyStores = 0;
var findMyStoreLimit = 2;
var hasStoresChanged = false;

var storeEventsInProfileMonth = -1;
var storeEventsInProfileYear = -1;

var SavedStoreNames = new Array();


function closeMyStoresOverlay () {
		$.global.findMyStoresOverlay.close();
		$('#ovrly-findMyStoreLive').remove();
		return false;
}

$(function() {

	$('#firstStoreSearchBtn').click (function () {
		StartFindMyStore();

	});

	initStoreEventsInProfile ();
});



function hideStoreEventOverlay (e) {
	
	targetEventId = String($(e.target).parents('tr').attr('id')).split('_')[1]; 

	$('#StoreEventDetails_' + targetEventId ).hide();
	
	return false;
}


function showOtherStoreEvents(e) {
	
	//alert('target: ' + $(e.target).attr('class'));
	if (! $(e.target).hasClass('activeStore')) {
		
		targetStoreId = String($(e.target).attr('id')).split('_')[1];
		//alert('$(e.target).attr("id"): ' + $(e.target).attr('id') + ', targetStoreId: ' + targetStoreId);

		if ($('#StoreEventsInProfileDisplay_' + targetStoreId).exists()) {
			$('.StoreNameInProfile').removeClass('activeStore');
			$('.StoreEventsInProfileDisplay').hide();
			$('#StoreEventsInProfileDisplay_' + targetStoreId).show();
			$(e.target).addClass('activeStore');
		}
		
	}
	
	return false;
}

function showStoreEventOverlay (e) {
	
	targetEventId = String($(e.target).parents('tr').attr('id')).split('_')[1]; 
	targetEventDetails = $('#StoreEventDetails_' + targetEventId )
	//alert('targetEventId: ' + targetEventId);
	targetOffset = $(e.target).parents('tr').offset();
	targetEventDetails.css('top', targetOffset.top);
	targetEventDetails.css('left', targetOffset.left + 218);
	targetEventDetails.css('display', 'block');

	return false;
}


function initStoreEventsInProfile () {

	storeEventsInProfileMonth = -1;
	storeEventsInProfileYear = -1
	
	$('.edit_StoreEvents').click (function() {
		initFindMyStore();		
		$('#findmystore_zipcode').val($('input#start_findmystore_zipcode').val());
	});
	
	$('.storeEventInProfile > td').bind('mouseenter', function(e) {

		$('.StoreEventDetialsInProfile').hide();
			
		showStoreEventOverlay(e);		
		return false;
	});
	
	$('.storeEventInProfile > td').bind('mouseleave', function(e) {

		hideStoreEventOverlay(e);
									   
	});
	

	
	
	$('#StoreNamesInProfile').click (function(e) {
		showOtherStoreEvents(e);									   
	});


	$('.fullStoreDisplay').toggleWith('.toggleStoreDetailView');
	

	if (! ($('#OnlyOneSavedStoreFlag').exists())) {
				   
		$('#StoreNamesInProfileDivider').height ($('table.StoreNamesTabs').height() - 5);
	}
	else {
		$('#StoreNamesInProfileDivider').hide();					
	}
	
	$('.eventDateSource').each(function (index, item) {

		

			var eventDate = new Date ($(item).text());
			var ordinal = '';
			var day = eventDate.getDay();
			var date = eventDate.getDate();
			
					
			if (storeEventsInProfileMonth < eventDate.getMonth() || storeEventsInProfileYear < eventDate.getYear() ||$(item).parents().hasClass('firstStoreEvent')) {
				//insertCss = $(item).parents().hasClass('firstStoreEvent')?'style="border-top:0px;"':'';
				$(item).parents('tr').before('<tr><th colspan="2" >' + $.global.monthNames[eventDate.getMonth()] + ' ' + eventDate.getFullYear() + '</th></tr>');
				storeEventsInProfileMonth = eventDate.getMonth();
				storeEventsInProfileYear = eventDate.getYear();
			}
		
			
			if (date == 1 || date == 21 || date == 31) {
				ordinal = 'st';
			}
			else if (date == 2 || date== 22) {
				ordinal ='nd';	
			}
			else if (date == 3 || date == 23) {
				ordinal ='rd';	
			}
			else if (date >= 4) {
				ordinal ='th';	
			}

			$(item).siblings('.eventDateDisplay').html(
					eventDate.toString().substr(0, 3)
					+ '<br/>'
					+ date + '<sup>' + ordinal + '</sup>' 

			);

			$(item).parents('tr').find('.eventDetailDateDisplay').html(
					$.global.weekdayNames[day] + ', ' + $.global.monthNames[eventDate.getMonth()] + ' ' + date + '<sup>' + ordinal + '</sup>' 

			);
	 });
	
	
	return;
}


function StartFindMyStore () {
	
	//Validate Zip Code
	$('#zipcodeOverlayError').remove();
	
	storeZipCodeVal = RegExp(/^\d{5}$/.test($('input#start_findmystore_zipcode').val()));
	
	if (storeZipCodeVal == "/false/") {
	
		createZipCodeError("pod");
		return false;
	}
	
	else {

	
		initFindMyStore();
	
		var searchResults = $('#searchResults');
		var searchBox = $('#searchBox');
	
		//alert ("$('input#start_findmystore_zipcode').val() " + $('input#start_findmystore_zipcode').val());

		//old: findMyStore($('input#start_findmystore_zipcode').val(), $('select#start_findmystore_distance option:selected').val());
		findMyStore($('input#start_findmystore_zipcode').val(), 2);
		searchBox.hide();
		$('#storeZipCodeDisplay').html($('input#start_findmystore_zipcode').val());
		$('#findmystore_zipcode').val($('input#start_findmystore_zipcode').val());
		searchResults.show();
	}

	//var oldHTML = $('#ovrly-findMyStore');
	//oldHTML.html(' ');
	


}


function initFindMyStore() {


	$.global.findMyStoresOverlay = new $.Overlay();
	//alert(findMyStoreHTMLSource);
	$.global.findMyStoresOverlay.set.content($(findMyStoreHTMLSource));
	$.global.findMyStoresOverlay.set.id('ovrly-findMyStoreLive');
	$.global.findMyStoresOverlay.set.width(800);
	$.global.findMyStoresOverlay.open();

	CallGetSavedStoresService();

	numberOfMyStores = 0;

	var removeHooks = $('a.removeStore');

	for(i = 0; i < removeHooks.length; i++) {
		removeHooks[i].onclick = function () {
			-- numberOfMyStores;
			//alert('numberOfMyStores: ' + numberOfMyStores);
			hasStoresChanged = true;
			var children = this.parentNode.childNodes;
			for(k = 0; k < children.length; k++) {
				var HTML = children[k].innerHTML;
				if(HTML && (HTML.search("storeName") != -1)) {
						children[k].innerHTML = '';
						children[k].className = 'address';
						backInList(children[k].id);
				}
			}
		}
	}

	var tabs = $('.overlayHeader > h3');

	for(i = 0; i < tabs.length; i++) {
		tabs[i].onclick = function() {switchStoreEventsTabs (this)}; 
	}
	initSearchButtons ();
	
	$('#ovrly-findMyStoreLive .btn_cancel').click (function () {
		closeMyStoresOverlay ();
	});
	
	$('div#ovrly-findMyStoreLive').delegate("click", {
		  "a.overlayClose": closeMyStoresOverlay
	});
	




	$('.btn_saveEventPref').click (CallSaveEventsService);

	
	return false;
}

function switchStoreEventsTabs(tab) {
			var className = tab.className;
			if(className.search("ovrlyTabOn") == -1) {
				tab.className = 'ovrlyTabOn';
				var findMyStoreContent = $('#findMyStore');
				var eventPreferencesContent = $('#eventPreferences');
				var findMyStoreTab = $('#myStoreTab');
				var eventsTab = $('#eventTab');
				if(tab.id.search("myStore") == -1) {
					findMyStoreContent.hide();
					eventPreferencesContent.show();
					GetSavedEvents ();
					findMyStoreTab.removeClass('ovrlyTabOn');
				}
				else {
					findMyStoreContent.show();
					eventPreferencesContent.hide();
					tab.className = 'ovrlyTabOn';
					eventsTab.removeClass('ovrlyTabOn');
				}
			}
			//alert('done');
		}


function GetSavedEventsCallback (result) {

	//alert(result.output);
	if (result.status == 'True') {
		$('#storeEventOptions').html (result.output);
		$('#selectAllStoreEvents').click(function () {
		if ($(this).is(':checked')) {
			$('#storeEventOptions input').attr('checked', 'checked');
		}
	});
	}
	return;
}

function GetSavedEvents () {

	// http://localhost.barnesandnoble.com:4866/Community/ServiceRequest.aspx?cbf=show&uiAction=GetEventPreferences&page=UserProfile&pageType=profile

	page_parameter = "page=UserProfile&pageType=profile";
	action_parameter = '&uiAction=GetEventPreferences';
	list_id_parameter = "";

	ui.request({ baseURL: $.hosts.commServices + '?',
		parameters:  page_parameter + list_id_parameter + action_parameter,
		callback: {name: "cbf", value: "GetSavedEventsCallback"}

	});

	return false;
}

function backInList(storeID) {
		var searchItems = $("#ovrly-findMyStoreLive div.searchResultItem");

		for (i = 0; i < searchItems.length; i++) {
			if(searchItems[i].id == storeID)
				searchItems[i].className = "searchResultItem";
		}
}

function initSearchButtons () {


	$('#btn_saveMyStores').click (CallSaveMyStoresService);
	$('#ovrly-findMyStoreLive .btn_cancel_save').click (function () {closeMyStoresOverlay ();});

	 $('#searchStores').click (function () {
			var searchResults = $('#searchResults');
			var searchBox = $('#searchBox');

			//alert('input#findmystore_zipcode: ' + $('input#findmystore_zipcode').val());
			$('#searchResultsList').html('<div class="searchResultItem" id="1"> \
	                                    	<p class="address"><strong class="storeName">Searching...</strong></p> \
										</div> ');
										
			
			// validate Zip Code
			
			$('#zipcodeOverlayError').remove();
			
			storeZipCodeVal = RegExp(/^\d{5}$/.test($('input#findmystore_zipcode').val()));
	
			if (storeZipCodeVal == "/false/") {
				createZipCodeError("ovrly");
			}
			
			else {
				
				findMyStore($('input#findmystore_zipcode').val(), 2);
				//ReadySearchResultsActions ();
				
				searchBox.hide();
				$('#storeZipCodeDisplay').html($('input#findmystore_zipcode').val());
				searchResults.show();
				return false;
			}
	});

	$('#searchStoresAgain').click ( function () {
		var searchResults = $('#searchResults');
		var searchBox = $('#searchBox');
		searchBox.show();
		searchResults.hide();
	});
}

function createZipCodeError(e) {
	$('#zipcodeOverlayError').remove();
	if (e == "ovrly") {
		$('#findMyStore').prepend('<div class="errorMsg" style="display:block;" id="zipcodeOverlayError">Please enter a valid five-digit ZIP Code.</div>')
	} else {
		$('#findMyStorePod').prepend('<div class="errorMsg" style="display:block;" id="zipcodeOverlayError">Please enter a valid five-digit ZIP Code.</div>')
	
	}
}

function CallGetSavedStoresService () {

	//http://localhost.barnesandnoble.com:4866/Community/ServiceRequest.aspx?cbf=show&uiAction=GetFavoriteStores&page=UserProfile&pageType=profile


	page_parameter = "page=UserProfile&pageType=profile";
	action_parameter = '&uiAction=GetFavoriteStores';
	list_id_parameter = "";

	ui.request({ baseURL: $.hosts.commServices + '?',
		parameters:  page_parameter + list_id_parameter + action_parameter,
		callback: {name: "cbf", value: "GetSavedStoresCallback"}

	});

	return;
}

function GetSavedStoresCallback (results) {

	//alert('Stores Received: ' + results.output);
	$('#savedStoresHolder').html(results.output);
	$('#savedStoresHolder p.populated').each (function(index, item){

			numberOfMyStores ++;

			var newStoreHTML = $(item).html();
			//alert( newStoreHTML);
			var myStores = $('div.storeBox > p.address');

			for(i = 0; i < myStores.length; i++) {
				if(myStores[i].className.search("populated") == -1)	 {
					var newHTML = newStoreHTML;
					myStores[i].innerHTML = newHTML;
					myStores[i].className += " populated";
					myStores[i].id = 'foundstore_' + String($(item).attr('id')).split('_')[1];
					return true;
				}
			}
	   });
	
	SavedStoreNames = new Array();
	$('.storeBox .populated').each (function (index, item) { 
		SavedStoreNames.push(String($(item).children('.storeName a').text()));
  	});
	
	return;
}


function findMyStore (storeZipCode, distance) {

		var myParameters = "?ean=9780516422756&appid=bncom&bncallback=findMyStoreCallback&host=search&ProductType=Book";
		myParameters += "&distance=" + distance;
		myParameters += "&zipcode=" + storeZipCode;
		
		var localIESixAbortFix = function () {
			ui.request({
				baseURL: "http://storelocator.barnesandnoble.com/webservices/feed/inventory.do",
				parameters: myParameters
			});
		}

		setTimeout(localIESixAbortFix,10);
	
}

function findMyStoreCallback (result) {
	var text = result.xml;

	if (window.ActiveXObject) {
		var doc=new ActiveXObject("Microsoft.XMLDOM");
		doc.async="false";
		doc.loadXML(text);
	 }
	// code for Mozilla, Firefox, Opera, etc.
	else {
	  var parser=new DOMParser();
	  var doc=parser.parseFromString(text,"text/xml");
	}

	var stores = doc.documentElement.getElementsByTagName('availability');
	var storeIds = "";
	for(var i=0; i<stores.length; i++) {
		storeIds += stores[i].getElementsByTagName("store")[0].firstChild.nodeValue + '|';
	}


	page_parameter = "page=UserProfile&pageType=profile";
	action_parameter = '&uiAction=GetStoreDetailsByIDs';
	var list_id_parameter = "&storeIDsInput=" + storeIds;

	//alert('list_id_parameter: ' + list_id_parameter);

	ui.request({ baseURL: $.hosts.commServices + '?',
		parameters:  page_parameter + list_id_parameter + action_parameter,
		callback: {name: "cbf", value: "GetStoresDetailCallBack"}

	});
	//alert('storeIds : ' + storeIds);

	// old,direct insertion into page from Inc: $("#searchResultsList").html( CommunityStoreXslStyleSheet({xml:doc.documentElement}) );




	return;
}

function GetStoresDetailCallBack (result) {


	//alert(result.output);
	$('#searchResultsList').html(result.output);
	ReadySearchResultsActions ();

	return;
}


function prePopulateSavedStores (item) {



	return;
}

function ReadySearchResultsActions() {

	var searchItems = $("div.searchResultItem");

	for(i = 0; i < searchItems.length; i++) {
		searchItems[i].onmouseover = function() {
			for(j = 0; j < searchItems.length; j++) {
				searchItems[j].style.background = "#fff";
				if(searchItems[j].className.search("added") == -1)
					searchItems[j].className = "searchResultItem showAdd";
				else
					searchItems[j].className = "searchResultItem added showAdd";
			}
			this.style.background = "#faf9f7";

			if (this.className.search("added") == -1) {
				//this.className += " showAdd";
			}
		}
	}

	var addButtons = $('button.btn_add');

	for(j = 0; j < addButtons.length; j++) {
		addButtons[j].onclick = function() {

			if (numberOfMyStores < findMyStoreLimit ) {

				var newStoreHTML = $(this).siblings('.address').html();
				//alert('newStoreHTML: ' + newStoreHTML);
				/* --- old: ----
				var children = this.parentNode.childNodes;
				for(k = 0; k < children.length; k++) {
					var HTML = children[k].innerHTML;
					if(HTML && (HTML.search("storeName") != -1))
							var newStoreHTML = HTML;
				}
				//alert('children: ' + children + newStoreHTML: ' + newStoreHTML);
				--- end old ---
				*/
				if(! $(this).parent().hasClass("added")) {
					 $(this).parent().addClass("added");
					 $(this).parent().removeClass("showAdd");
					var storeID = this.parentNode.id;
					numberOfMyStores ++;
					hasStoresChanged = true;
				}
				else
					return false;


				var myStores = $('div.storeBox > p.address');

				for(i = 0; i < myStores.length; i++) {
					if(myStores[i].className.search("populated") == -1)	 {
						var newHTML = newStoreHTML;
						myStores[i].innerHTML = newHTML;
						myStores[i].className += " populated";
						myStores[i].id = storeID;
						return true;
					}
				}

			}
			else {	// add limit of stores
				showPopUpError ("We're sorry, you can only add two stores to your Profile.", "AddStoreFailed", 'Stores &amp; Events');
			}
		}
	}

	
	return;
}

function SaveMyEventsCallBack (result) {
	if(isPopUpError (result, "", "Error Saving Events")) {
		return false;
	}
	if (result.status == 'True') {
		UpdateStoreEventsInProfile();
		closeMyStoresOverlay ();
	}
	return;
}

function CallSaveEventsService () {
	
	//http://ServiceRequest.aspx?cbf=show&uiAction=UpdateEventPreferences&page=UserProfile&pageType=profile&eventCodesInput=AAA|OON|

 	page_parameter = "page=UserProfile&pageType=profile";
	action_parameter = '&uiAction=UpdateEventPreferences';
	var list_id_parameter = "&eventCodesInput=";
	$('#storeEventOptions input:checked').each (function (index, item) { list_id_parameter += String($(item).val()) + '|' });

	//alert('list_id_parameter: ' + list_id_parameter);

	ui.request({ baseURL: $.hosts.commServices + '?',
		parameters:  page_parameter + list_id_parameter + action_parameter,
		callback: {name: "cbf", value: "SaveMyEventsCallBack"}

	});
	
	return false;	
}

function SaveMyEventsCallBack (result) {
	if(isPopUpError (result, "", "Error Saving Events")) {
		return false;
	}
	if (result.status == 'True') {
		UpdateStoreEventsInProfile();
		closeMyStoresOverlay ();
	}
	return;
}


function CallSaveMyStoresService () {
	//http://localhost.barnesandnoble.com:4866/Community/ServiceRequest.aspx?cbf=show&uiAction=UpdateStores&page=UserProfile&pageType=profile&storeIDsInput=1|2|3|

	SavedStoreNames = new Array();

	page_parameter = "page=UserProfile&pageType=profile";
	action_parameter = '&uiAction=UpdateStores';
	var list_id_parameter = "&storeIDsInput=";
	$('.storeBox .populated').each (function (index, item) { 
				list_id_parameter += String($(item).attr('id')).split('_')[1] + '|' 
				SavedStoreNames.push(String($(item).children('.storeName a').text()));
	});

	//alert('list_id_parameter: ' + list_id_parameter);

	ui.request({ baseURL: $.hosts.commServices + '?',
		parameters:  page_parameter + list_id_parameter + action_parameter,
		callback: {name: "cbf", value: "SaveMyStoresCallBack"}

	});


	return false;
}

function SaveMyStoresCallBack (result){
	
	if(isPopUpError (result, "", "Error Saving Stores")) {
		return false;
	}
	
	if (result.status == 'True') {
		//alert('saved: ' + result.status + ', ' + result.output);
		hasStoresChanged = false;
		switchStoreEventsTabs ($('#eventTab').get(0));
		UpdateStoreEventsInProfile();
	}
	
	return;
}


function UpdateStoreEventsInProfile () {

	//http://my.barnesandnoble.com/Communityportal/ServiceRequest.aspx?cbf=show&uiAction=GetEventsByCustomerID&page=UserProfile&pageType=profile

 	page_parameter = "page=UserProfile&pageType=profile";
	action_parameter = '&uiAction=GetEventsByCustomerID';

	ui.request({ baseURL: $.hosts.commServices + '?',
		parameters:  page_parameter + action_parameter,
		callback: {name: "cbf", value: "UpdateStoreEventsInProfileCallBack"}

	});

	return false;

}


function UpdateStoreEventsInProfileCallBack (result) {
	if(isPopUpError (result, "", "Error Showing Stores")) {
		return false;
	}
	displayContent = (result.output.length !=0)?result.output:findMyStoreInPODHTMLSource;
	$('#findMyStoreWidget').html(displayContent);
	$('#firstStoreSearchBtn').click(StartFindMyStore);
	initStoreEventsInProfile ();
}

var findMyStoreInPODHTMLSource = '<table cellspacing="0" cellpadding="0" border="0"><tr valign="top"><td><span><p> \
 To create a calendar of upcoming events in your area and receive email updates, enter your ZIP code below. \
 <br/><br/><b>ZIP</b> (required)<input type="text" id="start_findmystore_zipcode" size="10" /><br/><br/><br/><br/><a href="javascript:void(0);" class="btn_gel" id="firstStoreSearchBtn"><span>Search</span> \
 </a></p></span></td></tr></table> ';

 //removed from mark up bleow 9/8/08:
 /*<label>Search Within</label>																	\
									<select id="distance_within">																\
										<option value="0">10 miles</option>														\
                                		<option value="1">50 miles</option>														\
										<option value="2">100 miles</option>													\
									</select>			
	*/
var findMyStoreHTMLSource = '		<div id="ovrly-findMyStore" style="">											\
        	<div id="ovrly-findMyStoreContent">																					\
                <div class="overlayHeader">																						\
                    <h3 id="myStoreTab" class="ovrlyTabOn">Find My Stores</h3><h3 id="eventTab">Event Preferences</h3>			\
                    <a class="overlayClose" href="#"><span>Close</span></a>														\
                </div>																											\
                <div class="overlayContent" id="findMyStore">																	\
                	<div>																										\
                        <div id="storeSearch" class="left">																		\
                        	<div id="searchBox">																				\
                            <p>Select your favorite Barnes & Noble stores and get automatic updates on My B&N Stores & Events. We\'ll also customize our weekly emails to let you know about events in your favorite stores. (If you don\'t already receive our emails, sign up in Account Communication Preferences.).</p>															\
                            <form action="javascript:void(0)">																	\
                            	<label>ZIP </label> <input id="findmystore_zipcode" type="text"/>								\
                                																								\
                               																		\
                                <div class="clear"></div>																		\
                                <label></label><button class="btn_search" title="Search" id="searchStores"><img src="' + $.hosts.resources + '/presources/community/images/btn_popupSearch.png" width="69" height="28" border="0" alt="Search"/></button> \
                                <button class="btn_cancel" title="Cancel"><img src="' + $.hosts.resources + '/presources/community/images/btn_popupCancel.png" width="68" height="28" border="0" alt="Cancel"/></button>	\
                            </form>																								\
                            </div>																								\
                            <div id="searchResults">																			\
                            	<form  action="javascript:void(0)"><button class="btn_searchAgain right" title="Search Again" id="searchStoresAgain"><img src="' + $.hosts.resources + '/presources/community/images/btn_popupSearchAgain.png" alt="Search Again"/></button></form> \
                                <p class="nowrap">Select your location(s): <strong>limit 2</strong></p> \
                                <div id="searchResultsList"> \
                                	<div class="searchResultItem" id="1"> \
                                    	<p class="address"><strong class="storeName">Searching <span id="storeZipCodeDisplay"/>...</strong></p> \
										</div>  \
										\
                                </div> \
                            </div> \
                        </div> \
                        <div id="userStores" class="right"> \
                        	<div> \
                        		<p>Your Stores</p> \
                                <div class="storeBox"> \
                                	<p class="address"></p> \
                                    <a href="javascript:void(0)" class="removeStore">Remove</a> \
                                </div> \
                                <div class="storeBox"> \
                                	<p class="address"></p> \
                                    <a href="javascript:void(0)" class="removeStore">Remove</a> \
                                </div> \
                            </div> \
							<div id="myStoresSaveOptions">\
									<button class="btn_saveMyStores" title="Save My Stores" id="btn_saveMyStores"><img src="' + $.hosts.resources + '/presources/community/images/button_saveStores.gif" width="124" height="28" border="0" alt="Save My Stores"/></button>\
									<button class="btn_cancel_save" title="Cancel"><img src="' + $.hosts.resources + '/presources/community/images/btn_popupCancel.png" width="68" height="28" border="0" alt="Cancel"/></button>\
							</div>\
                        </div> \
                    </div> \
                </div> \
				<div id="savedStoresHolder" style="display: none;"/>\
                <div class="overlayContent" id="eventPreferences"> \
                	<div> \
                    	<p>Choose your preferences below, and we\'ll provide store event updates to your profile.</p> \
                        <ul id="storeEventOptions"> \
							<li><img src="' + $.hosts.resources + '/presources//images/ajax-loader.gif"/> Loading...</li>\
                        </ul> \
						<div style="clear:both"/> \
						<br/>	\
                        <button class="btn_saveEventPref" title="Save Preferences"><img src="' + $.hosts.resources + '/presources/community/images/btn_savePreferences.png" width="127" height="28" border="0" alt="Save Preferences"/></button><button title="Cancel" class="btn_cancel"><img width="68" height="28" border="0" alt="Cancel" src="' + $.hosts.resources + '/presources/community/images/btn_popupCancel.png"/></button>\
                    </div> \
                </div> \
            </div> \
		</div>';
		
		// JavaScript Document
/*
function storeInfo () {

	var trigger = document.getElementById('hide-store-details');
	var storeInfo = document.getElementById('store-info');
	var hideMe = $('#store-info');
	
	
	trigger.onclick = function () {
		if(storeInfo.className.search("show") != -1) {
			hideMe.hide();
			storeInfo.className = "dark";
			this.innerHTML = 'Show Details';
		}
		else {
			hideMe.show();
			storeInfo.className += " show";
			this.innerHTML = 'Hide Details';
		}
	}

}

addEventSimple(window, "load", storeInfo);
*/