var divs = [];

function renderQuery(query, div, style){
    divs.push(div);
    dojo.xhrGet({
        url: query,
        load: function(data, evt){
            renderContent(data);
        },
        handleAs: 'xml'
    });
    
}

function renderContent(data){


}

function initPrev(){
	previewContent();
	previewCollection();
    }

function previewContent(){
	currentSortOrder='random';
   var  thumbnailWidth=100,thumbnailHeight=75;
    var div = "videoDiv";
    var pageNavTopDiv = null;
    var pageNavDownDiv = null;
    var pageTitleDiv = null;
    var maxRows = 1;
    var maxCols = 6;
    var param = {
        callID: 'VID_PREV',
        renderStyle: 7,
        imageIndex: 0,
        div: div,
        pageNavTopDiv: pageNavTopDiv,
        pageNavDownDiv: pageNavDownDiv,
        pageTitleDiv: pageTitleDiv,
        imageWidth: 200,
        imageHeight: 30,
        maxRows: maxRows,
        maxCols: maxCols,
        thumbnailWidth: thumbnailWidth,
        thumbnailHeight: thumbnailHeight
    };
    //var controlParam={videoDiv:'videoSection' ,videoCtlDiv:'controlDiv' ,navCtlDiv:'navCtlDiv',featuredDiv:'featuredControlDiv',navCtlWidth:311,videoWidth:364,videoHeight:274};
   // setCookie('VideoNavCtlMode', 'enlarged', null, null, null, null);
    setCookie('navInitialised', 'false', null, null, null, null);
    setCookie('parameter', 'notificationType=findRelated&sort=date&filterOpt=MGP&source=A&tags=&LimitResults=30', null, null, null, null);
    initNavigation(param);
    
    div = "musicDiv";
    var musicParam = {
        callID: 'MUSIC_PREV',
        renderStyle: 7,
        imageIndex: 0,
        div: div,
        pageNavTopDiv: pageNavTopDiv,
        pageNavDownDiv: pageNavDownDiv,
        pageTitleDiv: pageTitleDiv,
        imageWidth: 200,
        imageHeight: 30,
        maxRows: maxRows,
        maxCols: maxCols,
        thumbnailWidth: thumbnailWidth,
        thumbnailHeight: thumbnailHeight
    };
    
    setCookie('navInitialised', 'false', null, null, null, null);
    setCookie('parameter', 'notificationType=findRelated&sort=date&filterOpt=VGP&source=A&tags=&LimitResults=30', null, null, null, null);
   initNavigation(musicParam);
    
    div = "photoDiv";
   var photoParam = {
        callID: 'PHOTO_PREV',
        renderStyle: 8,
        imageIndex: 0,
        div: div,
        pageNavTopDiv: pageNavTopDiv,
        pageNavDownDiv: pageNavDownDiv,
        pageTitleDiv: pageTitleDiv,
        imageWidth: 200,
        imageHeight: 30,
        maxRows: 3,
        maxCols: 3,
        thumbnailWidth: thumbnailWidth,
        thumbnailHeight: thumbnailHeight
    };
     
    setCookie('navInitialised', 'false', null, null, null, null);
    setCookie('parameter', 'notificationType=findRelated&sort=date&filterOpt=VGM&source=A&tags=&LimitResults=30', null, null, null, null);
    initNavigation(photoParam);
    
    div = "gamesDiv";
    var gameParam = {
        callID: 'GAME_PREV',
        renderStyle: 7,
        imageIndex: 0,
        div: div,
        pageNavTopDiv: pageNavTopDiv,
        pageNavDownDiv: pageNavDownDiv,
        pageTitleDiv: pageTitleDiv,
        imageWidth: 200,
        imageHeight: 30,
        maxRows: maxRows,
        maxCols: maxCols,
        thumbnailWidth: thumbnailWidth,
        thumbnailHeight: thumbnailHeight
    };
    
    setCookie('navInitialised', 'false', null, null, null, null);
    setCookie('parameter', 'notificationType=findRelated&sort=date&filterOpt=VMP&source=A&tags=&LimitResults=30', null, null, null, null);
    initNavigation(gameParam);
    
}


function previewCollection(){
    dojo.xhrPost({
        url: "service?action=getRelatedCollections&LimitResults=4",
        load: function(data, evt){
            renderCollectionPrev(data);
            
        },
        handleAs: "xml"
    });
    
}

function showCollectionDetail(){
	getCollectionDetail(this.collectionId);
	return false;
}
function renderCollectionPrev(data){
	  
    var contrib = data.getElementsByTagName("collection");
    var cInfo = null;
    var label = "", iconSrc = "";
	  _elem("collectionDiv").style.display='block';
     _elem("collectionDiv").innerHTML="";
    for (var c = 0; c < contrib.length ; c++) {
        cInfo = contrib[c];
        label = cInfo.getAttribute("name");
        iconSrc = cInfo.getAttribute("thumbnail");
        
        var colDiv = document.createElement("div");
        colDiv.id = "ColDiv" + cInfo.getAttribute("id");
		colDiv.className="prev-collection";
        
    //transparent centre label
		 var colTitle=document.createElement("a");
         colTitle.innerHTML=label;
		 var transDiv=document.createElement("div");
		 transDiv.id="msg";
		 transDiv.className="transparent";
		 var innerDiv=document.createElement("div");
		 innerDiv.appendChild(colTitle);
         transDiv.appendChild(innerDiv);
		      
        var colLink = document.createElement("a");
	if (_elem("videoSection") != null) {//a page with a video player like on the index page
	colLink.href = "#";
	colLink.onclick=showCollectionDetail;
	colLink.collectionId=cInfo.getAttribute("id");
	colTitle.href = "#";
	colTitle.onclick=showCollectionDetail;
	colTitle.collectionId=cInfo.getAttribute("id");
	}
	else {
		colLink.href = "collectionPage.html?pageId=" + cInfo.getAttribute("id") + "&ownerId=" + cInfo.getAttribute("owner_id");
	    colTitle.href="collectionPage.html?pageId="+cInfo.getAttribute("id")+"&ownerId="+cInfo.getAttribute("owner_id");
         
	}
	colDiv.appendChild(transDiv);
	
		var colImg = document.createElement("img");
        colImg.src = iconSrc;
		colImg.className="prev-collection-img";
        colLink.appendChild(colImg);
        colImg.title = label;
        colDiv.appendChild(colLink);
        
		

		 
		
        var colContentDiv = document.createElement("div");
        colContentDiv.id = cInfo.getAttribute("id");
   
        
        var colOwnerDiv = document.createElement("div");
        colOwnerDiv.id = cInfo.getAttribute("owner_id")+cInfo.getAttribute("id");//combine the owners id and collection id to uniquely identify this owner
		colOwnerDiv.className="prev-collection-owner";
		colContentDiv.className="prev-collection-content";
        colDiv.appendChild(colOwnerDiv);
           colDiv.appendChild(colContentDiv);  
        renderColComponent(cInfo.getAttribute("id"), cInfo.getAttribute("owner_id"));
        
         
        _elem("collectionDiv").appendChild(colDiv);
    }
}

function renderColComponent(collectionId, ownerId){

    dojo.xhrPost({
        url: "service?action=getProfileInfo&pageId=" + ownerId+"&callId="+ownerId+collectionId,
        load: function(data, evt){
            renderOwner(data);
            
        },
        handleAs: "json"
    });
    
    div = collectionId;
    var contentParam = {
        callID: collectionId,
        renderStyle: 8,
        imageIndex: 0,
        div: div,
        pageNavTopDiv: null,
        pageNavDownDiv: null,
        pageTitleDiv: null,
        imageWidth: 30,
        imageHeight: 15,
        maxRows: 1,
        maxCols: 3,
        thumbnailWidth: 60,
        thumbnailHeight: 45
    };
    
    setCookie('navInitialised', 'false', null, null, null, null);
    setCookie('parameter', 'notificationType=findRelated&sort=date&filterOpt=&source=A&tags=&LimitResults=4&collectionId=' + collectionId, null, null, null, null);
    initNavigation(contentParam);
    
}

function renderOwner(data){
    var ownerLink = document.createElement("a");
    ownerLink.href = "profile.html?pageId=" + data.id + "&ownerId=" + data.id ;
   
    
    var ownerImg = document.createElement("img");
    ownerImg.src = data.logo_link;
	 ownerImg.title = data.name;
	ownerImg.className='prev-collection-owner-img';
	ownerLink.appendChild(ownerImg);
	_elem(data.callId).innerHTML="";
    _elem(data.callId).appendChild(ownerLink);
	
	setCookie('navInitialised', 'false', null, null, null, null);//causes the video page to populate its nav 

}
function more(contentType){
	switch(contentType){
		case "V":
		setCookie('MediaTypeFilter','MGP',null,null,null,null);
		break;
		case "P":
		setCookie('MediaTypeFilter','MGV',null,null,null,null);
		break;
		case "G":
		setCookie('MediaTypeFilter','VMP',null,null,null,null);
		break;
		case "M":
		setCookie('MediaTypeFilter','VGP',null,null,null,null);
		break;
	}
	location.href="index.jsp";
}