var JASMINK = window.JASMINK || {};
JASMINK.site = {};

// swaps out product data fro
JASMINK.site.collection = function() {
  $Y = YAHOO.util;
  $E = $Y.Event;
  $D = $Y.Dom;

    // keep track of which product is chosen
    var prodChosen = false;

    // shortcut to the collections object;
    var collectionslookup = false;

    // shortcuts to the lists
    var productlist = false;


    var init = function() {
    productlookup = JASMINK.site.purses; // set lookup to candidates object

    productlist = document.getElementById('product-carousel');           
  
    // attach hover and click events to product list
    prodLis = productlist.getElementsByTagName ('LI');
    for (var x=0, lln=prodLis.length; x<lln; x++) {
        $E.addListener(prodLis[x],'click', productSelect);
        $E.addListener(prodLis[x],'mouseover',function() { $D.addClass(this,'on'); });
        $E.addListener(prodLis[x],'mouseout',function() { $D.removeClass(this,'on'); });
    }


	} // end init

    var productSelect = function(e,obj) {
        $E.stopEvent(e);
        productState = $D.hasClass(this, 'selected');

        if (productState == true) {
            // unset product selected states
            $D.removeClass(this,'selected');


        } else {
            // set product selected states
            for (var x=0, lln=prodLis.length; x<lln; x++) {
                $D.removeClass(prodLis[x],'selected');
            }

            myID = $D.generateId(this);
            var aID = new Array();
            aID = myID.split("-");
            productID = parseFloat(aID[2]);
            
            myProduct = productlookup[productID];
            prodName = productlookup[productID].NAME;
            prodDesc = productlookup[productID].DESC;
            prodUrl = productlookup[productID].URL;
            prodImageurl = productlookup[productID].IMG_URL;
            prodThumburl = productlookup[productID].THUMB_URL;
            prodPrice = productlookup[productID].PRICE;
            prodHeight = productlookup[productID].HEIGHT;
            prodWidth = productlookup[productID].WIDTH;
            prodDeep = productlookup[productID].DEEP;


            myStage = document.getElementById('stage');
            innerStage = '<div id="image-container">';
            innerStage += '<img id="product-main" src="http://www.jasmink.com/common/images/products/' + prodImageurl +'" height="400" width="400" alt="' + prodName + '"/>';
            innerStage += '</div>';
            innerStage += '<div id="image-nfo">';
            innerStage += '<h2>' + prodName + '</h2>';
            innerStage += '<div class="desc">' + prodDesc + '</div>';
            innerStage += '<div class="dimensions"><h3>Dimensions</h3>';
            innerStage += '<p>' + prodHeight + '" x ' + prodWidth + '" x ' + prodDeep + '"</p></div><div class="price"><h3>Price</h3>';
            innerStage += '<p>$' + prodPrice + '</p></div></div>';
            myStage.innerHTML = innerStage;

            $D.addClass(this,'selected');


        }

	} // end candidateSelect




//	$E.addListener(window,'load',init);
  $E.onDOMReady(init);
}();