<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:views="com.kalengibbons.singletonPattern.views.*"
    paddingTop="0" paddingBottom="0"
    paddingLeft="0" paddingRight="0"
    layout="vertical" viewSourceURL="singletonPattern/index.html">
    
    <mx:Script>
        <![CDATA[
            import com.kalengibbons.singletonPattern.events.ProductEvent;
            
            private function viewProductDetails(event:ProductEvent):void{
                detailView.selectedProduct = event.product;
                productsVs.selectedIndex = 1;
            }// end viewProductDetails function
            
        ]]>
    </mx:Script>
    
    <views:ApplicationHeader width="100%" />
    
    <mx:ViewStack id="productsVs" width="100%" height="100%">
        <views:ProductsList viewDetails="viewProductDetails(event)" width="100%" height="100%" />
        <views:ProductDetails id="detailView" goBack="productsVs.selectedIndex=0" width="100%" height="100%" />
    </mx:ViewStack>

</mx:Application>