var accordion;
	$(document).ready(function(){
		accordion = $('.accordion').gridAccordion({width:900, height:500, columns:5, distance:8, closedPanelWidth:40, closedPanelHeight:40, alignType:'centerCenter', 
													panelProperties:{
														0:{captionWidth:200, captionHeight:35, captionTop:30, captionLeft:30},
														2:{captionWidth:380, captionHeight:40, captionTop:280, captionLeft:30},
														4:{captionWidth:150, captionHeight:100, captionTop:30, captionLeft:650},
														7:{captionWidth:310, captionHeight:35, captionTop:170, captionLeft:270},
														8:{captionWidth:380, captionHeight:40, captionTop:330, captionLeft:420},
														14:{captionWidth:150, captionHeight:100, captionTop:30, captionLeft:30},
														18:{captionWidth:380, captionHeight:40, captionTop:330, captionLeft:420},
														20:{captionWidth:150, captionHeight:100, captionTop:280, captionLeft:30},
														22:{captionWidth:380, captionHeight:40, captionTop:330, captionLeft:420}}, 
													openPanelOnMouseOver:true, closePanelOnMouseOut:false, openPanelOnClick:true, openPanel:onOpenPanel, panelLoaded:onPanelLoaded});
		
		function onPanelLoaded(obj) {
			if (obj.index == 0)
				accordion.openPanel(0);
		}
		
	});
	
	
	
	function previous() {
		accordion.previousPanel();
	}	
	
	function next() {
		accordion.nextPanel();
	}	
	
	function onOpenPanel(obj) {
		//console.log(obj.type, obj.index, obj.data);
	}