var MarketplaceListings = new Class({

    initialize: function(src, ssc, var1, gs){
        this.initialSrc = src;
        this.initialSSC = ssc;
        this.var1 = var1;
        this.generateState = gs;
        this.searchLoc = "http://www.nextinsure.com";
        this.refURL = window.location;
        this.userAgent = navigator.userAgent;
        
        this.getInitialListings();
        
    },
    
    getInitialListings: function()
    {
        
        var url = this.searchLoc + "/display_listings.asp?json=1&src=" + this.initialSrc + "&ssc=" + this.initialSSC + "&var1=" + escape(this.var1)  + "&ref=" + escape(this.refURL) + '&rnd=' + $time();
        
        new JsonP(url, {onComplete: this.showInitialListings.bind(this)}).request();
    },
    
    showInitialListings: function(data)
    {
        var listings = data.listings;
        
              
        if (listings.length > 0){
        
            $('listings').empty();
        
            var i = 0;
            
            var listingsContainer = new Element("div").setStyle("width", "540px");
            
            var max = 8;
            
             if (this.generateState)
             {
                 $('providersIn').innerHTML = $('providersIn').innerHTML + " in "  + listings[0].state;
                 $('inlineState').innerHTML = " in " + listings[0].state;
                 $('our-recommendations-td').innerHTML = $('our-recommendations-td').innerHTML + " in "  + listings[0].state;
             }
            
            
            
            if (listings.length < max)
                max = listings.length
                                                                  
            for (i = 0; i < max; i++){
            
                var listingTable = new Element("table", {"class":"listingTable"}).setProperty("cellSpacing", "0").setProperty("cellPadding", "0").injectInside(listingsContainer);
                listingTable.setProperty("title", "Click for a Quote");
                if (i == 0) listingTable.setStyle("margin-top", "4px");
                
                var listingTBody = new Element("tbody").injectInside(listingTable);
                var tr = new Element("tr").injectInside(listingTBody);
                
                var td1 = new Element("td", {"class":"listingLogo"}).injectInside(tr);
                var imageLink = new Element("a").injectInside(td1);
                
                var image = new Element("img", {"src": listings[i].logo}).injectInside(imageLink);
                
                var clickLinkDiv =  new Element('div', {"class":"listingClickHereDiv"}).injectInside(td1);
                
                var clickLink = new Element("a", {"styles":{"font-weight":"bold", "font-size":"11px"}}).injectInside(clickLinkDiv).setHTML('<br>Click Here');
                
                
                var td2 = new Element("td", {"class":"listingDescription"}).injectInside(tr);
                var textLink = new Element("span").setHTML(listings[i].listingTitle).injectInside(td2);
                var divDesc = new Element('div', {"class":"listingDescriptionBody"}).setHTML(listings[i].listingDescription).injectInside(td2);
                
                var quoteLinkTable = new Element("table", {"class":"quoteLinkTable"}).setProperty("cellSpacing", "0").setProperty("cellPadding", "0").injectInside(td2);
                var quoteLinkTableTBody = new Element("tbody").injectInside(quoteLinkTable);
                var qltTR = new Element("tr").injectInside(quoteLinkTableTBody);
                var qltTD1 = new Element("td", {"class":"quote-link-td"}).injectInside(qltTR);
                var qltTD2 = new Element("td", {"class":"quote-link-padlock-td"}).injectInside(qltTR);
                
                //var padlock_image = new Element("img", {"src": "/ic/include/images/padlock_small.gif"}).injectInside(qltTD2);
                
                         
                var quoteLink = new Element("a").setHTML('<br/>Get a Free Quote Today &hellip;').injectInside(qltTD1);
                
                if (i < max - 1)
                    new Element('hr').injectInside(listingsContainer);
                    
                
            }
            
            listingsContainer.injectInside($('listings'));
            var ftr = new Element("div", {"id":"listingsFooter"}).setHTML('Listings Provided by SureHits - Patent Pending ').injectAfter($('listings'));
            //new Element("img", {"src": "/insurance/include/listings-returned.gif?src=" + this.initialSrc }).injectInside(ftr);
            
            var listingTables = $$("table.listingTable");
            listingTables.each(function(el, i){
                
                var myEffects = new Fx.Styles(el.getChildren()[0].getChildren()[0].getChildren()[1], {duration: 0, transition: Fx.Transitions.linear, wait:false});
              
                el.addEvent('mouseenter', function(){
                    //height from 10 to 100 and width from 900 to 300
                    myEffects.start({
                        backgroundColor: '#EFF9FF'
                    });
                    el.setStyle("border", "solid 1px #00A4FF");
                    
                    el.addEvent('click',function(){
                    
                        window.open(listings[i].url,'');
                        //;
                    });
                  
                });
                
                el.addEvent('mouseleave', function(){
                    //height from 10 to 100 and width from 900 to 300
                    myEffects.start({
                        backgroundColor: '#E8EBED'
                        
                    });
                    el.setStyle("border", "solid 1px White");
                    el.removeEvents('click');
                   
                });
            });
            
        }
    }
    

});