var page_produkte = 1;
var page_produktdetails = null;
var count_produkte = null;
var count_produktdetails = null;

$(function(){
  count_produkte = $("#produkte div.page").size();
  count_produktdetails = $("#produktdetails div.page").size();
  $("#produkte div.bar").show();
  $("#produktdetails div.bar").show();
  if(count_produkte > 1) $("#produkte div.next").show();
  for(a=1;a<=count_produkte;a++) $("#produkte p.nums").append("<a>"+a+"</a>");
  if(count_produktdetails > 1) $("#produktdetails div.next").show();
  for(b=1;b<=count_produktdetails;b++) $("#produktdetails p.nums").append("<a class=\"prod-"+b+"\">"+b+"</a>");
  $("#produkte p.nums a:first").addClass("aktiv");
  $("#produkte p.nums a").click(function(){page_switch('produkte',$(this).index());});
  $("#produktdetails p.nums a").click(function(){page_switch('produktdetails',$(this).index());});
  $("#produkte div.next a").click(function(){page_switch('produkte',page_produkte);});
  $("#produktdetails div.next a").click(function(){page_switch('produktdetails',page_produktdetails);});
  $("#produkte .page div *").click(function(){produkt(this);});
  $("#produktdetails .color img").hover(
    function(){
      var color = $(this).index()+1;
      imgpath = $(this).parent().children("img").attr('src');
      loading = imgpath.split("/themes/img/");
      $(this).parent().parent().children("img").attr('src',loading[0]+"/themes/img/loading.gif");
      imgpath = imgpath.split("klein/");
      imgpath[1] = color+".png";
      $(this).parent().parent().children("img").attr('src',imgpath[0]+"gross/"+imgpath[1]);
    },
    function(){
    
    }
  );
});

function page_switch(location,pageid){
  if(location == "produkte"){
    page_produkte = pageid+1;
    if(page_produkte == count_produkte) $("#produkte div.next").hide();
    else $("#produkte div.next").show();
    $("#produkte p.nums a:not(:eq("+pageid+"))").removeClass("aktiv");
    $("#produkte p.nums a:eq("+pageid+")").addClass("aktiv");
    $("#produkte div.page:not(:eq("+pageid+"))").fadeOut('fast',function(){
      $("#produkte div.page:eq("+pageid+")").fadeIn('slow');
    });
  }
  else if(location == "produktdetails"){
    page_produktdetails = pageid+1;

    preload1 = new Image();
    preload2 = new Image();
    preload3 = new Image();
    preload4 = new Image();
    preload1.src = "http://test.efactdesign.de/conq/themes/img/produkte/"+page_produktdetails+"/gross/1.png";
    preload2.src = "http://test.efactdesign.de/conq/themes/img/produkte/"+page_produktdetails+"/gross/2.png";
    preload3.src = "http://test.efactdesign.de/conq/themes/img/produkte/"+page_produktdetails+"/gross/3.png";
    preload4.src = "http://test.efactdesign.de/conq/themes/img/produkte/"+page_produktdetails+"/gross/4.png";

    if(page_produktdetails == count_produktdetails) $("#produktdetails div.next").hide();
    else $("#produktdetails div.next").show();
    $("#produktdetails p.nums a:not(:eq("+pageid+"))").removeClass("aktiv");
    $("#produktdetails p.nums a:eq("+pageid+")").addClass("aktiv");
    $("#produktdetails div.page:not(:eq("+pageid+"))").fadeOut('fast',function(){
      $("#produktdetails div.page:eq("+pageid+")").fadeIn('slow');
    });
  }
}

function produkt(obj){
  var prod_div = $(obj).parent().attr("class");
  prod_div = parseInt(prod_div.substring(5, 8));

  preload1 = new Image();
  preload2 = new Image();
  preload3 = new Image();
  preload4 = new Image();
  preload1.src = "http://test.efactdesign.de/conq/themes/img/produkte/"+prod_div+"/gross/1.png";
  preload2.src = "http://test.efactdesign.de/conq/themes/img/produkte/"+prod_div+"/gross/2.png";
  preload3.src = "http://test.efactdesign.de/conq/themes/img/produkte/"+prod_div+"/gross/3.png";
  preload4.src = "http://test.efactdesign.de/conq/themes/img/produkte/"+prod_div+"/gross/4.png";

  $("#produkte").fadeOut('fast', function(){
    $("#produktdetails").fadeIn();
  });

  $("#produktdetails:not(.prod-"+prod_div+")").removeClass('aktiv').hide();

  $("#produktdetails .prod-"+prod_div).addClass('aktiv').fadeIn();
  page_produktdetails = $("#produktdetails a.aktiv").index()+1;
}