$(document).ready(function () {
  // Handler for .ready() called.
  // You may want to place these lines inside an onload handler
  /* CFInstall.check({
  mode: "overlay",
  destination: "www.wbcollies.com"
  });

  CFInstall.check({
  mode: "overlay", // the default
  node: "prompt",
  destination: "http://www.wbcollies.com"
  });*/



  var valor = "0px";
  var valorStrWebKit = "-webkit-transform";
  var valorStrMoz = "-moz-transform";
  var valorStrO = "-o-transform";
  var valorStrTransform = "transform";


  $("[id*=artIdTxtP]").addClass("exp");
  $("[id*=artIdTxtP]").addClass("caixa");
  $("[id*=i]").css("cursor", "pointer");

  $("#meio").css("font-size", "16px");
  $("#meio").css("display", "box");
  $("#meio").css("position", "absolute");
  $("#meio").css("top", "350px");
  $("#meio").css("left", "300px");
  $("#meio").css("width", "480px");
  $("#meio").css("padding", "30px 30px 30px 30px");
  $("#meio").css("text-align", "justify");
  $("#meio").css("z-index", "-1");
  $("#meio").addClass("niceBox");
  $("#meio").addClass("sombraTexto");


  $("#crome").css("font-size", "20px"); 
  $("#crome").css("text-align", "center");

  $("#meio").hover(function () {
     $("#meio").css("-webkit-transition-duration", "2s");
     $("#meio").css("-webkit-transform", "rotate(360deg) scale(0.8)");
  },
  function () {
    
    $("#meio").css("-webkit-transition-duration", "2s");
    $("#meio").css("-webkit-transform", "rotate(0deg) scale(1)");
  
  });



  $("#i1").click(function () {
    valor = "0px";
    SlideImagePosDef();
    setSlideImage();
  });

  $("#i2").click(function () {
    valor = "-640px";
    SlideImagePosDef();
    setSlideImage();
  });

  $("#i3").click(function () {
    valor = "-1280px";
    SlideImagePosDef();
    setSlideImage();
  });

  var tmp = "";
  $("[id*=artIdTxtP]").hover(function () {
    $(this).removeClass("exp");
    $(this).addClass("expHover");
    var tmp = "#" + $(this).attr("id"); //How to make tmp visitble to the other function of hover 
  },
    function () {
      $("[id*=artIdTxtP]").removeClass("expHover");
      $(this).addClass("exp");
    });

  function setSlideImage() {

    var valorStrParam2 = "translate(" + valor + ", 0px)";
    $("#slideImages").css(valorStrWebKit, valorStrParam2);
    $("#slideImages").css(valorStrMoz, valorStrParam2);
    $("#slideImages").css(valorStrO, valorStrParam2);
    $("#slideImages").css(valorStrTransform, valorStrParam2);
    //$("#slideControls span").removeClass("selected");
    //$(this).addClass("selected");
  };

  function SlideImagePosDef() {
    if (valor == "0px") {
      valor = "-640px";
    }
    else if (valor == "-640px") {
      valor = "-1280px";
      //alert("I was clcked");
    }
    else if (valor == "-1280px") {
      valor = "0px";
      //alert("I was clcked 2nd time");
    }
  };




});

function SlideImageNext() {
    alert("YOU CLICKED ME");
    SlideImagePosDef();
    setSlideImage();
  };