/**
 * @author Shiva
 */
var Grove = {};
Grove.WWW = (function(){ //private members    
    
    function HTMLBuilder(){		
	    var that = this;
	    
	    this.getMediaTypeCssClass = function(mediaTypeId){
	        var hasAdProducts = false, hasEjProducts = false, hasKoProducts = false, hasPuProducts = false, hasVzProducts = false;
	        for(var j = 0; data.parentProducts && j < data.parentProducts.length; j++)
	        {
	            if(data.parentProducts[j].mediaType === mediaTypeId)
	            {
	                if(!hasAdProducts && data.parentProducts[j].cssClass == " ad")
	                {
	                    hasAdProducts = true;
	                }
	                else if(!hasEjProducts && data.parentProducts[j].cssClass == " ej")
	                {
	                    hasEjProducts = true;
	                }
	                else if(!hasKoProducts && data.parentProducts[j].cssClass == " ko")
	                {
	                    hasKoProducts = true;
	                }
	                else if(!hasPuProducts && data.parentProducts[j].cssClass == " pu")
	                {
	                    hasPuProducts = true;
	                }
	                else if(!hasVzProducts && data.parentProducts[j].cssClass == " vz")
	                {
	                    hasVzProducts = true;
	                }
	            }
	            if(hasAdProducts && hasEjProducts && hasKoProducts && hasPuProducts && hasVzProducts)
                {
                    break;
                }
	        }
	        var cssClass = " ";
	        
	        if(hasAdProducts)
            {
                cssClass += "ad ";
            }
            if(hasEjProducts)
            {
                cssClass += "ej ";
            }
            if(hasKoProducts)
            {
                cssClass += "ko ";
            }
            if(hasPuProducts)
            {
                cssClass += "pu ";
            }
            if(hasVzProducts)
            {
                cssClass += "vz ";
            }            
            return cssClass;
	    };
	   		
		this.writeProductIndex = function(){		
		    for(var i = 0; data.mediaTypes && i < data.mediaTypes.length; i++)
		    {
		        document.write('<div>');
		        document.write('<h4 id="showHide' + data.mediaTypes[i].id + '" class="showHide '+ this.getMediaTypeCssClass(data.mediaTypes[i].id) +'">' + data.mediaTypes[i].name + '</h4>');
		        document.write('<ul class="showHide' + data.mediaTypes[i].id + '">');
		        
		        for(var j = 0; data.parentProducts && j < data.parentProducts.length; j++)
		        {
		            if(data.parentProducts[j].mediaType === data.mediaTypes[i].id)
		            {
		                document.write('<li class="filteredElement ' + data.parentProducts[j].cssClass + '"><a href="product_details.html?productid=' + data.parentProducts[j].id + '" title="' + data.parentProducts[j].name + '">' + data.parentProducts[j].name + '</a></li>');
		            }
		        }
		        
		        document.write('</ul>');
		        document.write('</div>');
		    } 
		};
	}	
    return { //public members
	    getBuilder: function(){
		    try {
			    return new HTMLBuilder();
		    } 
		    catch (e) {
			    alert(e.name + ' : ' + e.message);
		    }
	    }
    }
})();