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

		$$(".comparadorChckBox").each(function(ChckBoxEl){
								 					 
			ChckBoxEl.addEvents(
			{
				'click': function()
				{
					var producto_contenedor = ChckBoxEl.getParent().getParent();

					if(ChckBoxEl.checked){
						producto_contenedor.setStyle('background-position', 'bottom center');
					
						var myRequest = new Request({
							url:'productos_comparador_post.php',
							method: 'get',
							encoding:'iso-8859-1',
							data:'id_producto='+ChckBoxEl.value+'&option=1'
						}).send();

						
					
					}else{
						producto_contenedor.setStyle('background-position', 'top center');
						
						var myRequest = new Request({
							url:'productos_comparador_post.php',
							method: 'get',
							encoding:'iso-8859-1',
							data:'id_producto='+ChckBoxEl.value+'&option=2'
						}).send();
						
						//console.log(ChckBoxEl.value);

					}
					
					
					
					
					
				}
			});
		
		});
});


var popUpWin = 0;
function popUpWindow(URLStr, left, top, width, height)
{
  left = screen.width/2 - width/2
  top = screen.height/2 - height/2
  if(popUpWin)
  {
    if(!popUpWin.closed) popUpWin.close();
  }
  popUpWin= open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=yes,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+'');
}


function calcular_cuotas(id_producto,id_tarjeta){	
	
	var myRequest = new Request({
		url:'producto_cuotas.php',
		method: 'get',
		encoding:'iso-8859-1',
		data:'id_producto='+id_producto+'&id_tarjeta='+id_tarjeta,
		update:$('submenu_tarjeta_body'),
		evalScripts: true
	}).send();
	 
	
}




function mostrar_tarjeta(id_producto){
	
	
	var miAjax = new Ajax('producto_tarjetas.php',
	{
		method: 'get',
		encoding:'iso-8859-1',
		data:'id_producto='+id_producto,
		update:$('submenu_tarjeta_body'),
		evalScripts: true
	});
	miAjax.request();
	
}

/*************************************************** CART **************************************************/

function cart_acciones(id_cart,opcion){

	$('opcion').value = opcion;
	$('id_cart').value = id_cart;
	
	var myRequest = new Request({
								
		encoding:'iso-8859-1',
		method: 'post', 
		data:$('items_container'),
		url: 'productos_cart_post.php',
		evalScripts: true
	});
	myRequest.send();
	
};


/*************************************************** Login **************************************************/
function LoginAccess(){
	
	var myRequest = new Request({
								
		encoding:'iso-8859-1',
		method: 'post', 
		data:$('login_container'),
		url: 'login_post.php',
		evalScripts: true,
		onRequest: function()
		{
			$('login_update_container').innerHTML ='<img src="imagenes/ajax-loader.gif" style="float:left; padding:0px 4px;"><span style="display:block; padding:4px 8px; color:red;">Enviando datos...</span>';
		},
		onSuccess: function(responseText)
		{
			$('login_update_container').innerHTML = responseText;
		}
	});
	myRequest.send();	
	
};





/**************************************************** CONFIRMAR PEDIDO **************************************************/

function confirmar_pedido(){
	var myRequest = new Request({
								
		encoding:'iso-8859-1',
		method: 'post', 
		data:$('form_confirmar'),
		url: 'confirmar_pedido_post.php',
		evalScripts: true,
		onRequest: function()
		{
			$('update_container').innerHTML = '<img src="imagenes/ajax-loader.gif" style="float:left; padding:0px 4px;"><span style="display:block; padding:4px 8px; color:red;">Enviando datos...</span>';
		},
		onSuccess: function(responseText)
		{
			$('update_container').innerHTML = responseText;
		}
	});
	myRequest.send();	

};

function DEV_confirmar_pedido(){

	var myRequest = new Request({
								
		encoding:'iso-8859-1',
		method: 'post', 
		data:$('form_confirmar'),
		url: 'http://www.starcomputacion.com.ar/DEV_confirmar_pedido_post.php',
		evalScripts: true,
		onRequest: function()
		{
			$('update_container').innerHTML = '<img src="imagenes/ajax-loader.gif" style="float:left; padding:0px 4px;"><span style="display:block; padding:4px 8px; color:red;">Enviando datos...</span>';
		},
		onSuccess: function(responseText)
		{
			$('update_container').innerHTML = responseText;
		}
	});
	myRequest.send();	

};


/*************************************************** LIGHTBOX **************************************************/
function lightbox(url,tag,boxX,boxY,offsetX, offsetY,LightboxClass,opacidad,closeOpt,dragable){

		 
	if($('Lightbox_Container')) $('Lightbox_Container').destroy(); 
	if($('light_box_bg')) $('light_box_bg').destroy();
	
	//obtengo el tamaņo de la pantalla
	var winSize = window.getSize();	
	var alturaTotal = window.getScrollSize();
	
	//determino la posicion del centro
	if(Browser.Engine.name == 'trident' && Browser.Engine.version == 4 ){

	    var alturaScrolled = window.getScroll();
		var valposition = "absolute";
		var posX = (winSize.x/2 - boxX/2)+offsetX;
		var posY = (winSize.y/2 - boxY/2)+offsetY+alturaScrolled.y ;
		
	}else{
		var valposition = "fixed";
		var posX = (winSize.x/2 - boxX/2)+offsetX;
		var posY = (winSize.y/2 - boxY/2)+offsetY;
	}


	//fondo opaco
	var div_bg = new Element('div', {
		  'id':'light_box_bg',
		  'styles':
		  {
				'position':valposition,
				'top':'0px',
				'left':'0px',
				'display':'block',
				'width':'100%',
				'height':alturaTotal.y,
				'z-index':'9999990',
				'overflow':'hidden'
		  }
	});

	div_bg.inject(document.body, 'bottom');

	var myEffect = new Fx.Morph('light_box_bg', {
								duration: 500,
								transition: Fx.Transitions.Sine.easeOut,
								onComplete: function()
								{
										myRequest.send();
								}
								});
	myEffect.start({
		'background-color':['#FFFFFF','#000000'],
		'opacity': [0, opacidad]
	});

	
	//container del LightBox
	var div_box_container = new Element('div',
	{
		  'id':'Lightbox_Container',
		  'class':LightboxClass,
		  'styles':
		  {
				'position': valposition,
				'top':posY,
				'left':posX,
				'width':boxX,
				'height':boxY,
				'z-index':'9999991',
				'opacity':'0'
	
			
		  }
	});
	
	div_box_container.inject('light_box_bg', 'after');
	
	
	
	//cargo la url
	var myRequest = new Request({
			url: url, 
			method: 'get',
			encoding:'iso-8859-1',
			update:'Lightbox_Container',
			evalScripts: true, 
			onComplete: function(response)
			{
				$("Lightbox_Container").set("html", response);
				var myEffect2 = new Fx.Morph('Lightbox_Container', {duration: 500, transition: Fx.Transitions.Sine.easeInOut});
				myEffect2.start(
				{
					'opacity': [0, 1]
				});
				
				
				if(closeOpt==1){
					var closeArea = new Element('div',
					{
						  'id':'Lightbox_closeArea'
					});
					closeArea.inject('Lightbox_Container', 'top');
					
					$('Lightbox_closeArea').addEvent('click', function()
					{
						closeLightbox()
					});
				}
				
				//DRAG
				if (dragable==1){
					//area drag handle
					var dragHandle = new Element('div',
					{
						  'id':'Lightbox_dragHandle'
					});
					
					dragHandle.inject('Lightbox_Container', 'top');
					
					var myDrag = new Drag.Move('Lightbox_Container', {
						handle: $('Lightbox_dragHandle')
					});	
				}
				
				
				
			}
	})
	
	
	

	
	
	
	
	
	//eventos 
	if(closeOpt==1){
		
		$('light_box_bg').addEvent('click', function()
		{
			closeLightbox()
		});
		
		
		document.addEvent( 'keydown', function( evt ){
			   if( evt.code == 27 ){
					closeLightbox()
			   }
		});
		
		
   }
   
   

	window.addEvent('resize', function( evt ){
		if($('Lightbox_Container')) {
			
				centra_elementos($('Lightbox_Container'), offsetX,offsetY,1)
			
				winSize = window.getSize();	
				$('light_box_bg').setStyles({
					'height':winSize.y
				});
		}
	});
	
	function closeLightbox(){
		
		if($('light_box_bg')){
			
			var myEffect3 = new Fx.Morph('light_box_bg', {
										 duration: 300, 
										 transition: Fx.Transitions.Sine.easeOut, 
										 onComplete: function(){ 

												 if($('light_box_bg')) $('light_box_bg').destroy();
											 }
										 });
			myEffect3.start(
			{
				'opacity': [opacidad, 0]
			});
			if($('light_box_bg')) $('light_box_bg').destroy()
		}
		if($('Lightbox_Container')){
			var myEffect4 = new Fx.Morph('Lightbox_Container', {
										 duration: 400, 
										 transition: Fx.Transitions.Sine.easeIn, 
										 onComplete: function(){ 
												if($('Lightbox_Container')) $('Lightbox_Container').destroy(); 
												}
										});
			myEffect4.start(
			{
				'opacity': [1, 0]
			});
		}
		
		//if($('light_box_bg')) $('light_box_bg').destroy();
		//if($('Lightbox_Container')) $('Lightbox_Container').destroy();
	}
}

function closeLightbox(){
	
	if($('light_box_bg')){
		
		var opacidad = $('light_box_bg').getStyle('opacity');
		
		var myEffect3 = new Fx.Morph('light_box_bg', {
									 duration: 300, 
									 transition: Fx.Transitions.Sine.easeOut, 
									 onComplete: function(){ 

											 if($('light_box_bg')) $('light_box_bg').destroy();
										 }
									 });
		myEffect3.start(
		{
			'opacity': [opacidad, 0]
		});
		if($('light_box_bg')) $('light_box_bg').destroy()
	}
	if($('Lightbox_Container')){
		var myEffect4 = new Fx.Morph('Lightbox_Container', {
									 duration: 400, 
									 transition: Fx.Transitions.Sine.easeIn, 
									 onComplete: function(){ 
											if($('Lightbox_Container')) $('Lightbox_Container').destroy(); 
											}
									});
		myEffect4.start(
		{
			'opacity': [1, 0]
		});
	}
	
	//if($('light_box_bg')) $('light_box_bg').destroy();
	//if($('Lightbox_Container')) $('Lightbox_Container').destroy();
}




/**************************************************** MOOSLIDE **************************************************/
var mooSlide = new Class({
	Implements: [Options, Events],
	options:{
		container: null,
		slide: null,
		panel: null,
		itemsClass: null,
		itemsPerSlide: null,
		panelArr: [],
		liArr: [],
		myScroll: null,
		panelSelected: 0,
		panelCount: null,
		itemCount: null
	},
	initialize: function(options){
		this.setOptions(options);
		
		//creo los paneles. cuantos paneles voy a necesitar: cantidadTotaldeItems / itemsPerSilde
		//cantidad de items
		this.options.itemCount = $$("#"+this.options.container+" ."+this.options.itemsClass).length;
	    //console.log("itemCount: "+this.options.container+": "+this.options.itemCount);
		
		this.options.panelCount = Math.ceil(this.options.itemCount / this.options.itemsPerSlide);
	    //console.log("panelCount: "+this.options.container+": "+this.options.panelCount);
		
		//armo los .panel
		
		for (i=0; i<this.options.panelCount;i++){ 

				var panel  = new Element('div', {
					'class': 'panel',
					'styles': {
						
					}
				});
				
				$$("#"+this.options.container+" .wrap .slide").grab(panel); 
				//console.log($$("#"+this.options.container+" .wrap .slide"));
				
				
				$$("#"+this.options.container+" .wrap .slide > ."+this.options.itemsClass).some( function(elemento, indice) { 
					
					panel.adopt(elemento);
							
					return indice == this.options.itemsPerSlide-1;
							
				 }.bind(this));
			
		}
				
		
		
		var slideWidth = parseInt($$("#"+this.options.container+" .panel").getStyle('width')[0])*this.options.panelCount;
		
		//console.log(slideWidth);
		
		$$("#"+this.options.container+" .slide").setStyle('width', slideWidth+'px');
		
		
		
		
		//paneles
		var liEl = null;
		var ulEl = $(document.body).getElement("#"+this.options.container+" .nav ul");
		
		
		$$("#"+this.options.container+" .panel").each(function(panelEl, panelIndex){
				
			this.options.panelArr[panelIndex] = panelEl;
			//agrego un navDot 
			liEl = new Element('li',{
			events: {
						click: function(){
							this.Goto(panelIndex);
						}.bind(this)
					}
		    });
			liEl.inject(ulEl);
			this.options.liArr[panelIndex] = liEl;

			
			
		}.bind(this));	
		
		//eventos de las flechas
		$$("#"+this.options.container+" .nav .next").addEvent('click', function(){
			this.Next();
		}.bind(this));
		
		$$("#"+this.options.container+" .nav .back").addEvent('click', function(){
			this.Back();
		}.bind(this));
		
		//armo el scroll
		this.options.myScroll = new Fx.Scroll($(document.body).getElement("#"+this.options.container+" .wrap"),{
			link: 'chain',
			duration: 600,
			fps: 25,
			wheelStops: false,
			transition: Fx.Transitions.Quad.easeInOut,
			offset: {
				'x': -1,
				'y': 0
			}

		}); 
		
		//marco el primer dot
		this.options.liArr[0].toggleClass('selected');
		
	},
	Next: function(){
		//console.log("next"+this.options.panelSelected);
		
		if(this.options.panelSelected<this.options.panelCount-1){
			this.Goto(this.options.panelSelected+1);
		}else{
			this.Goto(0);
		}
		
		
		
	},
	Back: function(){
		//console.log("back");
			
		if(this.options.panelSelected==0){
			this.Goto(this.options.panelCount-1);
		}else{
			this.Goto(this.options.panelSelected-1);
		}
	},
	Goto: function(panelIndex){
		//console.log("Goto"+panelIndex);		
		
		this.options.myScroll.toElement(this.options.panelArr[panelIndex]); //this.options.panelArr[panelIndex]
		
		$$('#'+this.options.container+' .nav ul li').removeClass('selected');
		this.options.liArr[panelIndex].toggleClass('selected');
		
		this.options.panelSelected = panelIndex;
	}	
});

/*************************************************** CENTRA ELEMENTOS **************************************************/


function centra_elementos(elemento, OffsetX,OffsetY,fx){


	//obtengo del elemento
	var element_size = elemento.getSize();
	var boxY = element_size.y;
	var boxX = element_size.x;
	
	//creo el box
	var tamW = window.getSize();	
	
	
	if(Browser.Engine.name == 'trident' && Browser.Engine.version == 4 ){

		var valposition = "absolute";
		var posX = (tamW.x/2 - boxX/2);
		var posY = (tamW.y/2 - boxY/2);
	}else{
		var valposition = "fixed";
		var posX = (tamW.x/2 - boxX/2);
		var posY = (tamW.y/2 - boxY/2);
	}
	
	
			

	if(fx==1){
		
		var myEffect = new Fx.Morph(elemento, {
									duration: 'long',
									link: 'chain', 
									transition: Fx.Transitions.Expo.easeOut
									});
	 
		myEffect.start({
			 'position': valposition,
			 'top': posY+OffsetY,
			 'left': posX+OffsetX
		});
		
	}else{
	
		elemento.setStyles(
		{
			 'position': valposition,
			 'top': posY+OffsetY,
			 'left': posX+OffsetX
		});
	}
}

function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}