/* function ombre */

function setOmbre(clip){
	//alert('setOmbre : ' + clip.getProperty('id'));
	
//	if ($('ombre_'+clip)){
//		$('ombre_'+clip).remove();
//	}

			
	var info = clip;
	var id = info.getProperty('id');
	
	var displayStyle = clip.getStyle("display");
	
	if(displayStyle != "none") {
	
		//var targetinfo = $('target_'+clip);
		var infoCoordinates = info.getCoordinates();
		
				var ombreinfo = new Element('div', {
					'class': 'ombre',
					'id': 'ombre_'+id,
					'parent': id,
					'styles': {	
						'position': 'absolute',
						'display': info.getStyle('display'),
						'z-index': 1,
						'left': infoCoordinates.left - 14 +'px',
						'top': infoCoordinates.top - 12 +'px',
						'width': infoCoordinates.width + 3 + 'px',
						'height': infoCoordinates.height + 6 + 'px'
						}
					}
				).injectInside($('Ombre_Target'));
				
				var ombre_chd = new Element('div', { 'id': 'ombre_chd'}).injectInside(ombreinfo);
				var ombre_chg = new Element('div', { 'id': 'ombre_chg'}).injectInside(ombreinfo);
				var ombre_cbd = new Element('div', { 'id': 'ombre_cbd'}).injectInside(ombreinfo);
				var ombre_cbg = new Element('div', { 'id': 'ombre_cbg'}).injectInside(ombreinfo);
	
				var ombre_h = new Element('div', { 'id': 'ombre_h', 'styles': {	'width': infoCoordinates.width + 3 - 14 + 'px', 'overflow': 'hidden'}}).injectInside(ombreinfo);
				var ombre_b = new Element('div', { 'id': 'ombre_b', 'styles': {	'width': infoCoordinates.width + 3 - 14 + 'px', 'overflow': 'hidden'}}).injectInside(ombreinfo);
				var ombre_d = new Element('div', { 'id': 'ombre_d', 'styles': {	'height': infoCoordinates.height + 6 - 14 + 'px', 'overflow': 'hidden'}}).injectInside(ombreinfo);
				var ombre_g = new Element('div', { 'id': 'ombre_g', 'styles': {	'height': infoCoordinates.height + 6 - 14 + 'px', 'overflow': 'hidden'}}).injectInside(ombreinfo);
			
	}
}

function moveOmbre(content){
	
	$$('.ombre').each(function(obj){
		if(obj != null) {
			var id = obj.getProperty('parent');
			
			if(id != null && id != '') {
				//var info = document.getElements('div[id="'+id+'"]')
				var info = $(id);
				
				if(info != null) {
					var infoCoordinates = info.getCoordinates();
			
					obj.setStyles({	'left': infoCoordinates.left - 14 +'px',
									'display': info.getStyle('display'),
									'top': infoCoordinates.top - 12 +'px',
									'width': infoCoordinates.width + 3 + 'px',
									'height': infoCoordinates.height + 6 + 'px'
								});
					obj.getElement('div[id=ombre_d]').setStyles({'height': infoCoordinates.height + 6 - 14 + 'px'});
					obj.getElement('div[id=ombre_g]').setStyles({'height': infoCoordinates.height + 6 - 14 + 'px'});
					obj.getElement('div[id=ombre_h]').setStyles({'width': infoCoordinates.width + 3 - 14 + 'px'});
					obj.getElement('div[id=ombre_b]').setStyles({'width': infoCoordinates.width + 3 - 14 + 'px'});
				}
			}
		}
	});

}

function showerror(colorname){
	
	if(document.getElementById('LargeError') != null) {
		var errorWidth = 743;
	} else {
		var errorWidth = 552;
	}
	if (colorname=='green'){
		var color = '#0c0';
	} else {
		var color = '#c70000';
	}
	
	$('error').setStyles({'height':'auto','display':'block','width':errorWidth+'px','background-color':color});
	setOmbre($('error'));
	moveOmbre();

	var myFx = new Fx.Scroll(window, {
	    duration: 200,
	    wait: false
	}).toTop();
	
	initError();
}

function moveMenuBox() {
	$$('.MenuBoxSlide').each(function(parent){
	
		var obj = parent.getElement('.SubMenuBox');
	
		var mySlide = new Fx.Slide(obj,{ duration:500, transition: Fx.Transitions.Quint.easeOut,
			onStart: function(){
				periodical = moveOmbre.periodical(20);
				},
			onComplete: function(){
				$clear(periodical);
				moveOmbre();
				}
			});
		mySlide.hide();
		
		var btn = parent.getElement('.btn');
		var btopenvalue = parent.getElement('.btopenvalue');
		var btclosevalue = parent.getElement('.btclosevalue');
		var openvalue = btopenvalue.getProperty('value');
		var closevalue = btclosevalue.getProperty('value');
		
		
		btn.addEvent('click', function(e){
			btn.blur();
			e = new Event(e);
			obj.setStyles({'display':'block'});
			mySlide.toggle();
			e.stop();
			if (btn.getText() == openvalue){
				btn.setText(closevalue);
			} else {
				btn.setText(openvalue);
			}
		});
	});
	
	
}

initError = function() {
	
	if($('error')){
		$('bt_close_error').addEvent('click', function(event){
			closeerror();
		});
	}


		var closeerror = (function(){
			var error = $('error');
			if(error){
				var close = new Fx.Styles(error, {duration: 400, wait: false,
				   	onStart: function(){
				   		periodical = moveOmbre.periodical(20);
				   		},
				   	onComplete: function(){
				   		$clear(periodical);
				   		error.setStyles({'display':'none'});
				   		if($('ombre_error') != null) {
							$('ombre_error').remove();
						}
				   		moveOmbre();
	
				   		}
				   }).start({
					'height': 0
					});
			}
		});
	
}


window.addEvent('load', function(){

	/*-- MAIN MENU BOXE MOUVEMENT --*/
	
	var periodical;
	
	$$('.MainMenuBoxSlide').each(function(obj){
	
		var sub = obj.getElement('div[class="MainSubMenuBox"]');
		var mySlide2 = new Fx.Slide(sub,{ duration:500, transition: Fx.Transitions.Quint.easeOut,
			onStart: function(){
				periodical = moveOmbre.periodical(20);
				},
			onComplete: function(){
				$clear(periodical);
				moveOmbre();
				}
			});	
		//mySlide2.hide();
		
		var menuId = obj.getProperty('id');
		var isOpen = $('IS_OPEN_'+menuId);
		
		if(isOpen != null) {
			var isOpenValue = isOpen.getProperty('value');
			
			if(isOpenValue == null || isOpenValue != 'true') {
				var result = false;
			} else {
				var result = true;
			}
			
			if (result == true){
					var handle = new Element('div', { 'class': 'handle'}).setHTML('-').injectTop(obj);
				} else {
					mySlide2.hide();	
					var handle = new Element('div', { 'class': 'handle'}).setHTML('+').injectTop(obj);
				}
				
				var subMainMenuTitle = obj.getElement('div[class="MainMenuTitle"]');
				var subMainMenuTitleChild = subMainMenuTitle.getElement('a');
		
		
				
				handle.addEvents({
					'click': function(e){
					e = new Event(e);
					sub.setStyles({'display':'block'});
					mySlide2.toggle();
					e.stop();
					  
					if (handle.getText() == '+'){
						handle.setText('-');
						var XML_request = globalOpenCloseMenuUrl+'?action=open&id='+menuId;
						isOpen.setProperty('value', 'false');
						document.location = subMainMenuTitleChild.href;
					} else {
						handle.setText('+');
						var XML_request = globalOpenCloseMenuUrl+'?action=close&id='+menuId;
						isOpen.setProperty('value', 'true');
					}
					
					var openclose = new Json.Remote(XML_request).send();
				}});
		}
	});
	
	
	/*-- SEC MENU BOXE MOUVEMENT --*/
	
	moveMenuBox();	
	
	/* error */
	
	initError();
	
	/* Fin error */
	
});


window.addEvent('load', function(){

	
	/*-- OMBRE --*/

	$$('.OmbreParent').each(function(obj){
		setOmbre(obj);
	});

});


var iframebanners = new Class({
    initialize: function(target,location,version,lng,size){
		if (size == 'xl'){
			var width = 758;
			var height = 410;
		} else {
			var width = 567;
			var height = 307;
		}
		$(target).empty();
		var iframe = new Element('iframe',{'src':document.location.protocol+'//www.eastpak.com/cms.banner/banner/index.php?location='+location+'&season='+version+'&lng='+lng+'&size='+size+'&baseUrl='+baseUrl,'width':width,'height':height,'scrolling':'no','frameborder':'0'}).injectInside($(target));
	}
});

var iframebannerssmall = new Class({
    initialize: function(target,location,version,pos,lng){
		var height = 146;
		var width = 185;
		$(target).empty();
		var iframe = new Element('iframe',{'src':document.location.protocol+'//www.eastpak.com/cms.banner/banner/small.php?location='+location+'&season='+version+'&lng='+lng+'&size=small&pos='+pos+'&baseUrl='+baseUrl,'width':width,'height':height,'scrolling':'no','frameborder':'0'}).injectInside($(target));
	}
});