// JavaScript Document

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

	/*Para el panel de personalizar*/

	var slideVar = new Fx.Slide($('cuztom-panel')); 

	slideVar.hide();

	$('cuztom-slide').addEvent('click', function(e	){

		e = new Event(e);

		slideVar.toggle();

		e.stop();

	});

	

	



	

	/*Para los eventos de los temas*/

	$("color-verde").addEvent('click', function() {

        $('cuztom-css').set('href','stylecss/styleverde11.css');

    });

	$("color-negro").addEvent('click', function() {

        $('cuztom-css').set('href','stylecss/stylenegro22.css');

		//$('cuztom-css').href="stylecss/stylenegro.css";

    });

	$("color-azul").addEvent('click', function() {

        $('cuztom-css').set('href','stylecss/styleazul22.css');											   

        //$('cuztom-css').href="stylecss/styleazul.css";

    });

	$("color-rojo").addEvent('click', function() {

        $('cuztom-css').set('href','stylecss/stylerojo22.css');

		//$('cuztom-css').href="stylecss/stylenegro.css";

    });
		$("color-amarillo").addEvent('click', function() {

        $('cuztom-css').set('href','stylecss/styleamarillo2.css');

		//$('cuztom-css').href="stylecss/stylenegro.css";

    });
		$("color-rosa").addEvent('click', function() {

        $('cuztom-css').set('href','stylecss/stylerosa22.css');

		//$('cuztom-css').href="stylecss/stylenegro.css";

    });

	

	var sortableMod = $$('#module-left');

	var sortableLeft = new Sortables(sortableMod, {

	clone: true,

	handle: '.mod-txt', 

	revert: {

		duration: 100

	},

	opacity: .6});

	//sortableLists.removeItems($('mod-galeria'));

	var sortableModCR = $$('#module-center,module-right');

	var sortableCR = new Sortables(sortableModCR, {

	clone: true,

	handle: '.mod-txt', 

	revert: {

		duration: 100

	},

	opacity: .6});

	sortableCR.addLists($('module-right'));

	/*Para el boton de cerrar*/

	$$(".mod-del").addEvent('click', function() {

		var parent = $(this).getParent().getParent().getParent();

		var closeparent = new Fx.Slide(parent).slideOut().hide();

	});

	

	/*Para los checkbox*/

	$$(".cbox").addEvent('click', function() {

		var nombre = $(this).get('value'); 

		var check = $(this).get('checked'); 

		var mod = $(nombre);

		if(check)

		{

			var closeparent = new Fx.Slide(mod).slideIn();	

		}

		else

		{

			var closeparent = new Fx.Slide(mod).slideOut().hide();

		}





	});

	





});