var $j = jQuery.noConflict();

$j(document).ready(function(){

   /* $j.supersized({

        //Functionality
        slideshow               :   0,		//Slideshow on/off
        autoplay				:	1,		//Slideshow starts playing automatically
        start_slide             :   1,		//Start slide (0 is random)
        random					: 	0,		//Randomize slide order (Ignores start slide)
        slide_interval          :   3000,	//Length between transitions
        transition              :   6, 		//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
        transition_speed		:	1000,	//Speed of transition
        new_window				:	1,		//Image links open in new window/tab
        pause_hover             :   0,		//Pause slideshow on hover
        keyboard_nav            :   1,		//Keyboard navigation on/off
        performance				:	2,		//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
        image_protect			:	1,		//Disables image dragging and right click with Javascript
        image_path				:	'img/', //Default image path

        //Size & Position
        min_width		        :   1280,		//Min width allowed (in pixels)
        min_height		        :   1320,		//Min height allowed (in pixels)
        vertical_center         :   1,		//Vertically center background
        horizontal_center       :   1,		//Horizontally center background
        fit_portrait         	:   1,		//Portrait images will not exceed browser height
        fit_landscape			:   0,		//Landscape images will not exceed browser width

        //Components
        navigation              :   1,		//Slideshow controls on/off
        thumbnail_navigation    :   1,		//Thumbnail navigation
        slide_counter           :   1,		//Display slide numbers
        slide_captions          :   1,		//Slide caption (Pull from "title" in slides array)
        slides 					:  	[		//Slideshow Images
         
            //image : 'http://127.0.0.1:8888/pulltex/media/bg/bg.jpg'
            {image : 'http://127.0.0.1:8888/pulltex/media/bg/bg.jpg'}

        ]

    });*/
    aleatorio = Math.round(Math.random()*3);
    if(aleatorio==0)
        aleatorio = 1;

    
   $j.backstretch("http://www.pulltex.com/media/bg/bg"+aleatorio+".jpg");


$j("a[rel^='prettyPhoto']").prettyPhoto({theme: 'facebook',default_width: 640});

$j('input[placeholder]').placeholder();

$j('#galeria_eventos ul').innerfade({
		speed: 'slow',
		timeout: 10000,
		type: 'sequence',
		containerheight: '419px'
	});

$j('#galeria_tiendas ul').innerfade({
		speed: 'slow',
		timeout: 10000,
		type: 'sequence',
		containerheight: '419px'
	});

 $j("#flecha_abajo").hover(

        function(){
            desplazar_destacado_decha(5);
        },
        function()
        {
            $j("#listado_tiendas").stop();
        }
        );

    $j("#flecha_arriba").hover(


        function(){
            desplazar_destacado_izq();
        },
        function()
        {
            $j("#listado_tiendas").stop();
        }


        );


            





});

$j(window).load(function() {
    if($j('body').hasClass("catalog-category-view") || $j('body').hasClass("catalog-product-view"))
        $j("html,body").animate({ scrollTop: 418 }, 1000);
});



/*****Simular placeholder****/
$j.fn.placeholder = function(){
    // Ingnoramos si el navegador soporta nativamente esta funcionalidad
    if ($j.fn.placeholder.supported()){
      return $j(this);
    }else{

      // En el evento submit del formulario reseteamos los values de los inputs
      // cuyo value es igual al placeholder
      $j(this).parent('form').submit(function(e){
        $j('input[placeholder].placeholder', this).val('');
      });

      // activamos el placeholder
      $j(this).each(function(){
        $j.fn.placeholder.on(this);
      });

      return $j(this)
        // Evento on focus
        .focus(function(){
          // Desactivamos el placeholder si vamos a introducir nuevo texto
          if ($j(this).hasClass('placeholder')){
            $j.fn.placeholder.off(this);
          }
        })
        // Evento on blur
        .blur(function(){
          // Activamos el placeholder si no tiene contenido
          if ($j(this).val() == ''){
            $j.fn.placeholder.on(this);
          }
        });
    }
  };


  $j.fn.placeholder.supported = function(){
    var input = document.createElement('input');
    return !!('placeholder' in input);
  };

  // Añade el contenido del placeholder en el value del input
  $j.fn.placeholder.on = function(el){
    var $el = $j(el);
    $el.val($el.attr('placeholder')).addClass('placeholder');
  };
  // Borra el contenido del value
  $j.fn.placeholder.off = function(el){
    $j(el).val('').removeClass('placeholder');
  };


function mostrar_form(num)
{
    if(num==1)
    {
       
        $j("div#form_profesional").hide(); 
        $j("div#form_normal").show();
       $j("a#cotacto_profesional").removeClass("current");
       $j("a#cotacto_normal").addClass("current");


        
        
    }
    else
    {
         $j("div#form_normal").hide();
        $j("div#form_profesional").show();
        $j("a#cotacto_normal").removeClass("current");
       $j("a#cotacto_profesional").addClass("current");
    }
}

function mostrar_tienda (id)
{
    $j("div.comunidades").hide();
    $j("#listado_tiendas").css("top","0");
     $j("div#"+id).fadeIn("slow");

   
}



function desplazar_destacado_decha()
{
    //alert ("tabla:" + $("#destacados").width() + " div:" + $("#container").width());

    var anchura_div = $j("#content_izq").height();
    var anchura_tabla = $j("#listado_tiendas").height() ;
    var diferencia = anchura_tabla - anchura_div;
    diferencia = diferencia;

    //alert("anchura_div=" + anchura_div + " anchura_tabla=" + anchura_tabla + " diferencia=" + diferencia );

    if (diferencia>0)
    {


//alert(snelheid);


        $j("#listado_tiendas").animate( {
            top:"-"+diferencia+"px" 
        }, 10000, 'linear' );
    }

}

function desplazar_destacado_izq()
{

    $j("#listado_tiendas").animate( {
        top:"0px"
    }, 10000, 'linear' );
}