$(document).ready(function(){

	//load store menus
    $('#header ul.storeNav a').click(function(){
        var tar = $(this).attr('href');
        var height = $(tar).innerHeight();
        if($(this).is('.active')) {
            $(this).removeClass('active');
            $(tar).animate({marginBottom:0}).removeClass('activeDropdown');
        } else {
            $('#header ul.storeNav a.active').removeClass('active');
            $('#header div.activeDropdown').animate({marginBottom:0});
            $(this).addClass('active');
            $(tar).animate({marginBottom:-height}).addClass('activeDropdown');
        }
        return false;
    });
    
	$('#departments ul, #sidebar ul.defaultMenu').siLoadMenu({scope: "categories", maxDepth: 0});
	$('#designers ul, #sidebar ul.brandMenu').siLoadMenu({scope: "brands"});
	$('#collections ul, #sidebar ul.collectionMenu').siLoadMenu({scope: "collections"});

	
	$('#sidebar ul.categoryMenu').siLoadMenu({scope: "categories", hideInactive: true, showParent: true, contextual: true});
	
	$('#footer ul, #header ul.siteNav').siLoadMenu({scope: 'content', maxDepth: 0}).find('a[href=http://vip.lilleboutique.com/store], a[href=/store]').parent().remove();
	
	$("#header ul.userLinks").siLoadUserLinks();
	
	// build breadcrumb
	$("#breadcrumb").siLoadBreadcrumb();
	
	// load store search
	$("#header div.storeSearch, #stickyTools .storeSearch").siLoadStoreSearch();
	
	//load quantity in store cart in these areas
	$("#userCartCount, #microCartCount").siLoadCartCount();
	
	//initialize toggles
	$("a.toggle").siToggle();
	
	//initialize input hints
	$("input:text").siHint();
	
	//initialize popup links
	$("a.popupLink").siPopup();
	
	//initialize zebra striping on tables and lists
	$("table.zebra").find("tr:even").addClass("stripe");
	$("ul.zebra").find("li:even").addClass("stripe");
	
	// initialize sitewide message
	$("#SImessage").siMessage();
	
});//END dom ready


/****** VIEW OPTIONS *******/
// To customize these options for a specific view, copy and paste an object into its corresponding view.js file.
// EX: to customize the asset sizes used in the default category.htm template, copy and paste si.store.asset_types to the category.view.js file

// set product asset sizes to use for all javascript generated markup
si.store.asset_types = {
	"main" 		: "small", 
	"gallery" 	: "thumb",
	"zoom" 		: "large",
	"callout" 	: "thumb",
	"grid" 		: "small",
	"gridSmall" : "thumb",
	"list" 		: "small",
	"subitem"	: "thumb",
	"area"		: "thumb"
};

//text that appears on the add to cart button
si.store.cart_add_btn_txt = "+ add to cart";

//options for the {PRODUCT_BRAND_LINKS} tag
si.products.brand_link_options = {
	wrapper: 'li',
	separator: ','
};

//options for the {PRODUCT_TAG_LINKS} tag
si.products.tag_link_options = {
	wrapper: 'li',
	separator: ','
};

/****** VIEW MARKUP *******/
// To customize markup for a specific view, copy and paste an object into its corresponding view.js file.
// EX: to customize the grid markup used in the default brand.htm template, copy and paste si.products.grid_markup to the brand.view.js file

si.search.filter_markup =
'<div class="filterGroup">' +
	'{SEARCH_PRICE_FILTER}' +
	'{SEARCH_CATEGORY_FILTER}' +
	'{SEARCH_BRAND_FILTER}' +
'</div>' +
'<div class="filterGroup">' +
	'{SEARCH_OPTION_FILTERS}' +
	'{SEARCH_ATTRIBUTE_FILTERS}' +
'</div>' +
'<div class="filterGroup">' +
	'{SEARCH_COLLECTION_FILTERS}' +
'</div>';

// build callout product div used in featured, related, etc.
si.products.callout_markup = 
'<div class="calloutProduct">' +
	'<a href="{PRODUCT_URL}" title="view detailed info on {PRODUCT_NAME}">{PRODUCT_IMAGE}</a>' +
	'<h3><a href="{PRODUCT_URL}" title="view detailed info on {PRODUCT_NAME}">{PRODUCT_NAME}</a></h3>' +
	'{PRODUCT_PRICE}' +
'</div>';

// grid view markup
si.products.grid_markup =
'<div id="product{PRODUCT_ID}" class="grid">' +
	'<a href="{PRODUCT_URL}" title="view detailed info on {PRODUCT_NAME}" class="imgWrapper" >{PRODUCT_IMAGE}</a>' +
	'<h3><a href="{PRODUCT_URL}" title="view detailed info on {PRODUCT_NAME}">{PRODUCT_NAME}</a> {PRODUCT_PRICE}</h3>' +
'</div>';

// gridSmall view markup
si.products.gridSmall_markup = 
'<div id="product{PRODUCT_ID}" class="gridSmall">' +
	'<a href="{PRODUCT_URL}" title="view detailed info on {PRODUCT_NAME}">{PRODUCT_IMAGE}</a>' +
	'<h3><a href="{PRODUCT_URL}" title="view detailed info on {PRODUCT_NAME}">{PRODUCT_NAME}</a> {PRODUCT_PRICE}</h3>' +
'</div>';

// list view markup
si.products.list_markup = 
'<div id="product{PRODUCT_ID}" class="list clearfix">' +
	'<div class="itemPhotos">' +
		'<a href="{PRODUCT_URL}" title="view detailed info on {PRODUCT_NAME}">{PRODUCT_IMAGE}</a>' +
	'</div>' +
	'<div class="itemInfo">' +
		'<h2><a href="{PRODUCT_URL}" title="view detailed info on {PRODUCT_NAME}">{PRODUCT_NAME}</a></h2>' +
		'<div class="itemCallout clearfix">' +
			'<div class="itemMeta">' +
				'<div class="prodPricingWrapper">{PRODUCT_PRICE}</div>' +
				'<ul>' +
					'<li><strong>Stock:</strong> <span class="color">{PRODUCT_STOCK}</span></li>' +
					'<li class="clearfix"><ul><li><strong>Designer:</strong></li>{PRODUCT_BRAND_LINKS}</li></ul>' +
					'<li class="clearfix"><ul><li><strong>Tags:</strong></li>{PRODUCT_TAG_LINKS}</li></ul>' +
				'</ul>' +
			'</div>' +
			'<form class="prodPurchase" id="prodPurchase_{PRODUCT_ID}">' +
				'{PRODUCT_OPTIONS}' +
				'{PRODUCT_ADD_CART}' +
			'</form>' +
		'</div>' +
	'</div>' +
'</div>';