/**
* Page		: style.js
* Contenu	: Code javascript contenant l'ensemble des styles pour OpenLayers
* Date		: 24/08/10
* @author	Gael Sauvanet
* @version	1.0
*/

var iconStandard, iconDepart, iconArrivee, iconStation;	// Icones des marqueurs
var iconEtape = [];

var linestringstyle = [];			// Style des différentes routes
var linestringstylepetit = [];
var linestringstyle2 = [];

var categorie_couleur = [];

// Définition icone standard
iconStandard = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
iconStandard.graphicWidth = 38;
iconStandard.graphicHeight = 38;
iconStandard.graphicXOffset = -4; 
iconStandard.graphicYOffset = -iconStandard.graphicHeight;
iconStandard.graphicOpacity = 1;
iconStandard.pointRadius = 6;

// Définition icone pour le popup...
size = new OpenLayers.Size(38,38);
offset = new OpenLayers.Pixel(-(size.w/3), -size.h);
var icon = new OpenLayers.Icon(null,size,offset);

// Définition icone pour le popup...
size = new OpenLayers.Size(15,15);
offset = new OpenLayers.Pixel(-(size.w/3), -size.h);
var icon2 = new OpenLayers.Icon(null,size,offset);

// Définition des icones de départ, d'arrivée et des étapes
iconDepart = OpenLayers.Util.extend({}, iconStandard);
iconDepart.externalGraphic = URL_BASE_SITEWEB+DOSSIER_SITEWEB+"res/img/picto_depart2.png";

iconArrivee = OpenLayers.Util.extend({}, iconStandard);
iconArrivee.externalGraphic = URL_BASE_SITEWEB+DOSSIER_SITEWEB+"res/img/picto_arrivee2.png";

for(var i = 1;i <= NB_ETAPES_MAX; i++)
{
	iconEtape[i] = OpenLayers.Util.extend({}, iconStandard);
	iconEtape[i].externalGraphic = URL_BASE_SITEWEB+DOSSIER_SITEWEB+"res/img/balade/etape"+i+".png";
}

// Définition icone station
iconeTrain = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
iconeTrain.graphicWidth = 20;
iconeTrain.graphicHeight = 20;
iconeTrain.graphicXOffset = -iconeTrain.graphicHeight/2; 
iconeTrain.graphicYOffset = -iconeTrain.graphicHeight/2;
iconeTrain.graphicOpacity = 1;
iconeTrain.pointRadius = 6;

//Définition icone station
iconStation = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
iconStation.graphicWidth = 15;
iconStation.graphicHeight = 15;
iconStation.graphicXOffset = -4; 
iconStation.graphicYOffset = -iconStation.graphicHeight;
iconStation.graphicOpacity = 1;
iconStation.pointRadius = 6;
iconStation.externalGraphic = URL_BASE_SITEWEB+DOSSIER_SITEWEB+"res/img/picto_station.png";

// Icone pour les évènements
iconEvenement = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
iconEvenement.graphicWidth = 22;
iconEvenement.graphicHeight = 22;
iconEvenement.graphicXOffset = -11; 
iconEvenement.graphicYOffset = -11;
iconEvenement.graphicOpacity = 1;
iconEvenement.pointRadius = 6;
iconEvenement.externalGraphic = URL_BASE_SITEWEB+DOSSIER_SITEWEB+"res/img/evenement.png";

// polygone de couverture
polygonCouverture = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
polygonCouverture.strokeColor = "#888888";
polygonCouverture.strokeWidth = 3;
polygonCouverture.strokeOpacity = 0.6;
polygonCouverture.fillOpacity = 0;

polygonCouverture2 = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
polygonCouverture2.strokeColor = "#5555DD";
polygonCouverture2.strokeWidth = 2;
polygonCouverture2.strokeOpacity = 0.5;
polygonCouverture2.fillOpacity = 0;

// Définition des styles pour les itinéraires
categorie_couleur[0] = 0;
categorie_couleur[1] = 1;
categorie_couleur[2] = 1;
categorie_couleur[3] = 1;
categorie_couleur[4] = 1;
categorie_couleur[5] = 1;
categorie_couleur[6] = 0;
categorie_couleur[7] = 0;
categorie_couleur[8] = 0;
for(i=9;i<21;i++)categorie_couleur[i] = 0;
categorie_couleur[21] = 3;

// vert
linestringstyle[0] = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
linestringstyle[0].strokeWidth = 6;
linestringstyle[0].strokeColor = '#0000af';

// bleu
linestringstyle[1] = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
linestringstyle[1].strokeWidth = 6;
linestringstyle[1].strokeColor = '#229900';

// bordure rouge
linestringstyle[2] = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
linestringstyle[2].strokeWidth = 10;
linestringstyle[2].strokeColor = '#FF0000';

// gris
linestringstyle[3] = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
linestringstyle[3].strokeWidth = 6;
linestringstyle[3].strokeColor = '#000000';

// vert fin
linestringstylepetit[0] = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
linestringstylepetit[0].strokeWidth = 4;
linestringstylepetit[0].strokeColor = '#0000af';

// bleu fin
linestringstylepetit[1] = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
linestringstylepetit[1].strokeWidth = 4;
linestringstylepetit[1].strokeColor = '#229900';

//gris
linestringstylepetit[3] = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
linestringstylepetit[3].strokeWidth = 6;
linestringstylepetit[3].strokeColor = '#000000';

// style pour cadre
var cadrestyle = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
cadrestyle.strokeWidth = 2;
cadrestyle.strokeColor = '#000000';
cadrestyle.fill = false;

// Icone pour les POIs d'une balade
iconBaladePOI = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
iconBaladePOI.graphicWidth = 22;
iconBaladePOI.graphicHeight = 22;
iconBaladePOI.graphicXOffset = -11; 
iconBaladePOI.graphicYOffset = -11;
iconBaladePOI.graphicOpacity = 1;
iconBaladePOI.pointRadius = 4;

iconEtapeBalade = OpenLayers.Util.extend({}, iconStandard);
iconEtapeBalade.externalGraphic = URL_BASE_SITEWEB+DOSSIER_SITEWEB+"res/img/picto_etape.png";


iconListeBalade = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
iconListeBalade.graphicWidth = 34;
iconListeBalade.graphicHeight = 34;
iconListeBalade.graphicXOffset = -17; 
iconListeBalade.graphicYOffset = -17;
iconListeBalade.graphicOpacity = 1;
iconListeBalade.pointRadius = 4;
iconListeBalade.externalGraphic = URL_BASE_SITEWEB+DOSSIER_SITEWEB+"res/img/picto-liste-balades.png";