var flashvars = {};
var territoireLoaded = false;
var paramsTrans = {menu: "false",wmode:"transparent"};
var params = { menu: "false", wmode: "normal" };
var attCarte = { id: "CarteFlashLoader", name: "CarteFlashLoader" };
var attConseillers = { id: "ConseillersLoader", name: "ConseillersLoader" };			
var attVar = { id: "VarLoader", name: "VarLoader" }; 
var active = true;
var isHeader1 = false;
var currentHeader = 1;
var headerimg = ['top01.jpg','top02.jpg','top04.jpg','top05.jpg','top07.jpg','top09.jpg','top10.jpg','top13.jpg','top16.jpg','top17.jpg','top18.jpg','top19.jpg','top20.jpg','top21.jpg','top22.jpg'];
var timeout;



var evenements = $('#pageContentHome');
var carte = $('#carteFlash');
var btnCollaspe = $('#btnCollaspe');
var txtCollapse = $('#txtCollapse');
var btnExpand = $('#btnExpand');
var txtExpand = $('#txtExpand');
var divHeader = $('#divHeader');
var pageBody = $('#VarBody');

var imgHeader1 = $('#imgHeader1');
var imgHeader2 = $('#imgHeader2');

var meteo = $("#meteo");

var btnSearch = $('#btnSearch');
var tbxQuery = $('#tbxQuery');
var resulTags = $('#resulTags');
var searchResults = $('#searchResults');
var noResults = $('#noResults');
var SearchContainer = $('#SearchContainer');
var eventHome = $('.modEvenementHome');
var searchTag = $('#searchTag');
var btnClose = $('#btnClose');

var searchControl; 

////////////////////////////////////////////////
//Animation du Header
function loadHeader(img1,img2)
{
	img1.css('zIndex', 10);
	img2.css('zIndex', 9);
	img2.hide();
	img1.fadeOut(2000,function()
	{		
		var newHedaer = Math.round(Math.random()*(headerimg.length-1));
		while(newHedaer == currentHeader)
		{
			newHedaer = Math.round(Math.random()*(headerimg.length-1));
		}
		currentHeader = newHedaer;
		/*currentHeader++;
		if(currentHeader >= headerimg.length) currentHeader = 0;*/
		img1.attr('src', '../ressources/encartHome/header/'+headerimg[currentHeader]).css({top : "0px"});
	});
	img2.fadeIn(2000,function(){img2.animate({top : "-85px"},4000,"linear")});						
}

function playHeader()
{
	isHeader1 = !isHeader1;
	if(isHeader1) loadHeader(imgHeader1,imgHeader2);
	else loadHeader(imgHeader2,imgHeader1);			
}
	
function ToogleBandeau()
{		
	var isVisible = divHeader.is(':visible');		
	
	btnCollaspe.toggle();
	txtCollapse.toggle();
	btnExpand.toggle();
	txtExpand.toggle();
		
	if(isVisible)
	{
		divHeader.slideUp('medium');
		if (pageBody.css('backgroundPositionY')) 
		{
			pageBody.animate({backgroundPositionY:'-215px'},'medium');	
		}
		else
		{
			pageBody.css({backgroundPosition:'0px 0px'});
			pageBody.animate({backgroundPosition:'0px -215px'},'medium');	
		}
		divHeader.stopTime('headerTimer');
	}
	else
	{
		divHeader.slideDown('medium');
		if (pageBody.css('backgroundPositionY')) 
		{
			pageBody.animate({backgroundPositionY:'0px'},'medium');
		}
		else
		{
			pageBody.css({backgroundPosition:'0px -215px'});
			pageBody.animate({backgroundPosition:'0px 0px'},'medium');
		}
		playHeader();
		divHeader.everyTime(10000,'headerTimer',playHeader);					
	}
}

////////////////////////////////////////////////
//Gestion de la recherche
google.load('search', '1');
function OnLoad() 
{      
	google.search.Search.getBranding(document.getElementById("branding"));

	// Create a search control     
	searchControl = new google.search.SearchControl();      
	// Add in a full set of searchers      
	var searchOptions = new google.search.SearcherOptions();
	searchOptions.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN);												
	
	 
	var siteSearch = new google.search.WebSearch() 
	siteSearch.setUserDefinedLabel("Résultat(s) dans les pages");
	siteSearch.setSiteRestriction("www.visitvar.fr/provence-cote-azur");
	//siteSearch.setUserDefinedClassSuffix("siteSearch");
	searchControl.addSearcher(siteSearch,searchOptions);    							
	
	var drawOptions = new google.search.DrawOptions();
	drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED);
	
	searchControl.setLinkTarget(google.search.Search.LINK_TARGET_SELF);   
	searchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);				
	searchControl.setSearchCompleteCallback(null,ResultDone);
	// tell the searcher to draw itself and tell it where to attach      
	searchControl.draw(document.getElementById("searchResults"),drawOptions);  				
	
} 

function ResultDone(searchControl, searcher) 
{  					
	var results = searcher.results;	
	var nbResult = results.length;
	//noResults.empty();
	if(nbResult == 0)
	{
		//noResults.append("Aucun résultat à votre recherche");
		noResults.show();
	}
	else
	{
		noResults.hide();
	}								
} 

google.setOnLoadCallback(OnLoad,true);

function doGoogleSearch()
{				
	var q = tbxQuery.val();
	if(q.length > 0)
	{
		searchTag.empty().append(q);
		searchControl.execute(q);										
		SearchContainer.slideDown('medium');	
		eventHome.hide('medium');				
	}
	else
	{
		SearchContainer.hide('medium');
		eventHome.show('medium');	
	}
}

function doTagSearch()
{				
	var q = tbxQuery.val();
	if(SearchContainer.is(':visible'))
	{
		if(q.length > 0)
		{
			searchTag.empty().append(q);
			searchControl.execute(q);																	
		}
	}
	if(q.length > 2)
	{
		$.ajax({
			type: "POST",
			url: '/Search.svc/SearchTag',
			contentType: "application/json; charset=utf-8",					
			dataType: "json",
			data: '{"q":"' + q + '","idLangue":"1"}',				
			success: function(result)
			{
				if(result.tags.length > 0)
					resulTags.processTemplate(result);				
				else
					resulTags.processTemplate(defaultTags);
			},
			error: function(xhr)
			{
				resulTags.processTemplate(defaultTags);
			}
		});			
	}
	else
	{
		resulTags.processTemplate(defaultTags);
	}
}

////////////////////////////////////////////////
//Animation de la carte
function toogleCarte() 
{
	if(!territoireLoaded)
	{
		territoireLoaded = true;
		swfobject.embedSWF("../ressources/encartHome/Territoires.swf", "carteFlashLoader", "730px", "360px", "9.0.0", "../ressources/swf/expressInstall.swf", flashvars, paramsTrans, attCarte);
	}
	evenements.toggle('medium');
	carte.toggle('medium');
	if(active)
	{
		meteo.stopTime('meteoTimer');
	}
	else
	{
		meteo.everyTime(6000, 'meteoTimer', function() {loadMeteo('keyTifVille=&langue=fr');});
	}
	active = !active;
}

////////////////////////////////////////////////
//Fonction permetant de charger la météo
function loadMeteo(params)
{
	
	$.ajax({
		type: "POST",
		url: '/meteo.ashx',
		contentType: "application/x-www-form-urlencoded",					
		dataType: "text",
		data: params,					
		success: function(result)
		{
			var resultParse = result.split(';');
			/*alert(result);*/
			var data = {tempNow:resultParse[0],imageNow:resultParse[1],windNow:resultParse[2],tempMinNext:resultParse[3],tempMaxNext:resultParse[4],imageNext:resultParse[5],ville:resultParse[6]};
			meteo.processTemplate(data);						
		},
		error: function(xhr)
		{
			var data = {tempNow:'-',imageNow:'/na.png',windNow:'-',tempMinNext:'-',tempMaxNext:'-',imageNext:'/na.png',ville:'-'};
			meteo.processTemplate(data);
			/*alert("err");*/
		}
	});
}

//Fonction JQuery qui s'execute qd le document est pret
$(document).ready(function () 
{			
		
	$('div.evenements').pager('div.pageEvent',{navId: 'nav2',navAttach: 'prepend',height: '15em'});							
	$('#ddlVille').change(function(){var val = $(this).val();if(val != -1){document.location = val;}});	
	btnCollaspe.click(ToogleBandeau);
	btnExpand.click(ToogleBandeau);
	
	//Gestion de la Météo
	meteo.setTemplateElement("meteoTemplate");
	loadMeteo('keyTifVille=01.01.83137&langue=fr');	//Load Toulon Meteo par défaut
	meteo.everyTime(4000, 'meteoTimer', function() {loadMeteo('keyTifVille=&langue=fr');});

	//Gestion de la recherche
	resulTags.setTemplateElement("tagsTemplate");	
	btnSearch.click(doGoogleSearch);
	tbxQuery.keydown(function(evt)
	{
		if (timeout) clearTimeout(timeout);
		if (evt.keyCode == 13) //Touche Enter
		{
  			doTagSearch();
			doGoogleSearch();
		}		
		else
		{
			timeout = setTimeout(function(){doTagSearch();}, 400);
		}
		return evt.keyCode != 13
	});
	btnClose.click(function(){SearchContainer.hide('medium');eventHome.show('medium');});
	
	imgHeader1.animate({top : "-85px"},4000,"linear");
	divHeader.everyTime(10000,'headerTimer',playHeader);		
	
	swfobject.embedSWF("../ressources/encartHome/conseillers.swf", "conseillersLoader", "750px", "100px", "9.0.0", "../ressources/swf/expressInstall.swf", flashvars, 				paramsTrans, attConseillers);			
	swfobject.embedSWF("../ressources/swf/var.swf", "varLoader", "188px", "178px", "9.0.0", "../ressources/swf/expressInstall.swf", flashvars, paramsTrans, attVar);			
			
});