/**
 * @author Erick
 */
var showroom;
var options = new Object(); 
options['w'] = 950;
options['h'] = 540;//700
options['topFond'] = 15;//140;
options['hFond'] = 250;
options['topShow'] = options['topFond']+options['hFond']+20;
options['hShow'] = 250
options['wu'] = options['w']-75;
options['hu'] = options['hShow']-120;
var beta = 2 * Math.PI;
var elipse = "M120,150 " + "a 280 130 0 1 1 500 100 " + "A 280 130 0 0 1 120 150";
var p, t;
var angle = 0;
var nPreview;
var _isadmin=false;
			
 function myLoader(){
 	
	bkg_draw();
	show('p1');
	
 	showroom = Raphael(document.getElementById("corps1"), options['w']+10, options['h']+55);
	//alert('load');
	
	// les 3 cadres sombres superposés
	/*var r1 = showroom.rect(5, options['topShow']+40, options['w']-15, options['hShow'], 5);
	r1.attr({fill: "#1f2e33", stroke: "#1f2e33", 'stroke-opacity': 0.3, 'stroke-width':3, opacity: 0});
	r1.animate({opacity: 0.4}, 2000, ">" );
	*/
	var r2 = showroom.rect(5, options['topShow']+30, options['w']-10, options['hShow'], 5);
	r2.attr({fill: "#463E2E", stroke: "#463E2E", opacity: 0});	
	r2.animate({opacity: 0.5}, 2500, ">" );
	var r3 = showroom.rect(10, options['topShow']+50, options['w'], options['hShow'], 5);
	r3.attr({fill: "#1f2e33", stroke: "#5f7e83", opacity: 0});
	r3.animate({opacity: 0.3}, 2500, ">" );
	
	
	var url = 'php/ax_showroom.php' ;
	debug(url);
	doAjax(url, loadTimer);
 }
 
 function loadTimer(){
 	debug('loadTimer');
 	if (!this.req.responseXML) {
 		debug("Request failed");
 	}
 	else {
 		var xmlDoc = this.req.responseXML.documentElement;
 		if (!xmlDoc) {
 			debug("Failed loading links");
 		}
 		else {
 			/********** test admin *****/
			_isadmin = (xmlDoc.getElementsByTagName('admin')[0].childNodes.length) ? (xmlDoc.getElementsByTagName('admin')[0].childNodes[0].nodeValue) : (false);
			debug('admin: '+_isadmin)	;
				/********** AFFICHAGE DES LIENS *****/
				nPreview = xmlDoc.getElementsByTagName('show').length;
				var angle = 360 / nPreview;
				var angleN;
				var angleUnit = (2 * Math.PI) / nPreview;
				debug(nPreview + ' sites');
				p = new Array(nPreview);
				//t = new Array(nPreview);
				for (var i = 0; i < nPreview; i++) {
				
					var _titre = (xmlDoc.getElementsByTagName('titre')[i].childNodes.length) ? (xmlDoc.getElementsByTagName('titre')[i].childNodes[0].nodeValue) : (' ');
					var _lien  = (xmlDoc.getElementsByTagName('lien')[i].childNodes.length) ? (xmlDoc.getElementsByTagName('lien')[i].childNodes[0].nodeValue) : (' ');
					var _img   = (xmlDoc.getElementsByTagName('img')[i].childNodes.length) ? (xmlDoc.getElementsByTagName('img')[i].childNodes[0].nodeValue) : (' ');
					var _id    = (xmlDoc.getElementsByTagName('id')[i].childNodes.length) ? (xmlDoc.getElementsByTagName('id')[i].childNodes[0].nodeValue) : (' ');
					
					debug(_titre);
					//angleN = (angle * i) * 0.017453293;
					angleN  = angleUnit * i;//position de depart de cet element
					var x1 = (Math.cos(angleN) * (options['wu'] / 3)) + (options['wu'] / 2);
					var y1 = options['topShow']  + 50 +  (Math.sin(angleN) * (options['hu'] / 3)) + (options['hu'] / 2);
					
					p[i] = showroom.image(_img, x1, y1, 120, 90, 2);
					p[i].node.id = 'pr_'+_id;
					if (_isadmin) {
						_titre = "Modifier " + _titre+' ['+_id+']';
					}
					p[i].node.onclick = siteOpen;
					document.getElementById('pr_'+_id).setAttribute("title", _titre);
					document.getElementById('pr_'+_id).setAttribute("class", "preview");
					document.getElementById('pr_'+_id).setAttribute("alt", _lien);
					
				}
				setTimeout(animat, 500);
				
		}
	}
}


	
function animat(){
	//debug('animat '+angle);
	var yield = 2500;
	var angleUnit = (2 * Math.PI) / nPreview;
	var angleN = 0;
	var x1, y1, opac, scal;
	angle -= 0.08;
	//debug('animat '+angle);
	for (var i = 0; i < nPreview; i++) {
		angleN  = angleUnit * i;//position de depart de cet element
		angleN += angle;
		angleN = angleN % (2*Math.PI);
		x1 = (Math.cos(angleN) * (options['wu'] / 3)) + (options['wu'] / 2) - 20;
		y1 = options['topShow'] + 50  +  (Math.sin(angleN) * (options['hu'] / 3)) + (options['hu'] / 2);
		x1 = Math.round(x1);
		y1 = Math.round(y1);
		opac = ( ( 3 + Math.sin(angleN) ) / 4);
		opac = (opac<.6)?opac-0.3:opac;
		scal = (3 + Math.sin(angleN))/3;
		if(Math.sin(angleN)>0){
			p[i].toFront();
			if(Math.cos(angleN)>0){
				p[ ((i+1) % nPreview) ].toFront(); // NOP
			}
			else if(i>0){
				p[i-1].toFront();
			}
			else{
				p[nPreview-1].toFront();
			}
		}
		if (document.all) {//ie
			p[i].animate({
				x: x1,
				y: y1
			}, yield);
		}
		else {
			p[i].animate({
				x: x1,
				y: y1,
				opacity: opac,
				scale: scal
			}, yield);
		}
		//
		
	}
	setTimeout(animat, yield);
}

function siteOpen(evt){
	if (_isadmin) {
		if (this.id) {
			var id = this.id;
			id = id.substring(3, 10);
		}
		else{
			var id = 0;
		}
		var url = 'http://at-ressources.com/admin/showroom_Edit.php?id=' + id ;
		window.open(url); 
	}
	else {
		var atributs = this.attributes;
		var url = this.getAttribute("alt");
		window.open(url); 
	}
	
}

function bkg_draw(){
	wScreen = document.body.clientWidth - 15;
	hScreen = document.documentElement.clientHeight - 20;
	bkg = Raphael(document.body, wScreen, hScreen);
	
	// --> le degradé du fond de page
	var rJ = bkg.rect(0, 0, 10, 10, 5);
	rJ.attr({gradient: '105-#102030-#E0DCFF', fill: "#B3B7C4", stroke: "#FEFDE9", 'stroke-opacity': 0.60, 'stroke-width':3, opacity: 0.5});
	rJ.animate({height: hScreen, width: wScreen}, 500, ">");
	
	// le cadre clair sous #bandeau 
	var cOrange = rvb2hex(240, 171, 10);
	var cGris   = rvb2hex(149, 155, 176);
	var bdo = document.getElementById('bandeau');
	if (document.all) {//ie
		var bdoLeft = bdo.offsetLeft - 8;
	}
	else{
		var bdoLeft = bdo.offsetLeft - 16;
	}
	var bdoTop = bdo.offsetTop-7;
	var rB = bkg.rect(bdoLeft, bdoTop, 1, bdo.offsetHeight, 3);
	rB.attr({fill: cOrange, stroke: cGris, 'stroke-opacity': 0.20, 'stroke-width':3, opacity: 0.65});
	//gradient: '105-'+rvb2hex(225, 102, 27)+'-'+rvb2hex(93, 246, 40), 
	rB.animate({width: bdo.offsetWidth}, 500, ">" );
	
	
}