$(document).ready(function() {

  $("#navigation a").mouseover(function(){
    $(this).css('opacity', '0').animate({opacity:'1'},300);
  });
  
  $("#main-navigation a").hover(
    function () {
      $(this).animate({paddingLeft: "20"}, 50)
    },
    function () {
      $(this).animate({paddingLeft: "10"}, 50)
    }
  );

  $("#languageswitch").hover(
    function () {
      $("#languageswitch li").next().css({'display':'block','opacity':'0'}).animate({opacity:'1'},200);
    },
    function () {
      $("#languageswitch li").next().slideUp(400);
    }
  );

  noSpam();
  

	$('.contactform').click(function () {
    if ($(this).is('.collapsed')) {
      $(this).removeClass('collapsed');
    }
	});
	$('.messagestatusok span').click(function () {
    $('.messagestatusok').slideUp(500);
    window.location.href = this;
	});

	
});

$(function () {

  $("#inner-main").animate({opacity:'1'},700);

  $("a[rel='lightbox']").colorbox({transition:"fade"});
  $("a[rel='inlinecontent']").colorbox({transition:"fade",width:"670px",height:"490px", inline:true, title:false, href: $("a[rel=inlinecontent]").attr("href")});
  $("a[rel='popframe'], small a").colorbox({width:"85%", height:"90%", title:false, iframe:true});

  $('div.product-detail').prepend('<ul class="tab-button tab-control clearfix"><li><a href="#product-con">' + $('p.product-detail-headline').html() + '<\/a><\/li><li><a href="#kontakt">' + $('#kontakt p.product-detail-headline').html() + '<\/a><\/li><\/ul>');
  $("p.product-detail-headline").remove();

	var tabContainers = $('div.tabcon > div');
	tabContainers.hide().filter(':first').show(0);
	$('.tab-button a').click(function () {
    if ($(this).is('.selected')) {
      return false;
    }
    else {
    		tabContainers.hide(300);
    		tabContainers.filter(this.hash).show(300);
    		$('.tab-button a').removeClass('selected');
    		  $(this).addClass('selected');
      return false;
		}
	}).filter(':first').addClass('selected');
});

function noSpam() {
  var a = document.getElementsByTagName("a");
  for (var i = a.length-1; i >= 0; i--) {
    if (a[i].className.search(/\bemail\b/) != -1) {
      var email = a[i].firstChild.data + "@" + a[i].lastChild.data;
      a[i].innerHTML = email;
      a[i].href = "mailto:" + email;
    }
  }
}

function gallery(arr)
{
  var attributes = {};
    attributes.id = arr["id"];
    attributes.name = attributes.id;
  var flashvars = {};
    flashvars.componentWidth = arr["width"] ? arr["width"] : "632" ;
    flashvars.componentHeight = arr["height"];
    flashvars.pathToFiles = "";
    flashvars.xmlPath = arr["xmlPath"];
  var params = {};
    params.bgcolor = "#FFFFFF";
    params.menu = "true";
    params.scale = "noScale";
    params.wmode = "opaque";
    params.allowfullscreen = "true";
    params.allowScriptAccess = "always";
  swfobject.embedSWF("/content/swf/gallery.swf", attributes.id, flashvars.componentWidth, flashvars.componentHeight, "9.0.124", "/content/swf/expressInstall.swf", flashvars, params, attributes);
}

/*
aboutBannerI = [ ["banner"], [
  "/content/banner/img/atik-oberhaupt.jpg",
  "/content/banner/img/familien-portrait.jpg",
  "/content/banner/img/familien-portrait-2.jpg"
] ];
*/



var bannerIMG = [
  "/content/banner/img/atik-visitenkarte.jpg",
  "/content/banner/img/atik-front.jpg",
  "/content/banner/img/teller-1-ang.jpg",
  "/content/banner/img/teller-2-ang.jpg"
];
var aboutBannerIMG = [
  "/content/banner/img/atik-oberhaupt.jpg",
  "/content/banner/img/familien-portrait.jpg",
  "/content/banner/img/familien-portrait-2.jpg"
];

var BannerSetting = [];
BannerSetting.id = 'banner';
BannerSetting.fadeTransition = 600;
BannerSetting.fadeDuration = 5000;
BannerSetting.imgArray = ($("#"+BannerSetting.id).is(".about_us_banner")) ? aboutBannerIMG : bannerIMG;
AddBanner(BannerSetting);


function AddBanner(set)
{
  var BannerId = set.id,
      BannerElem = "#"+BannerId+" span",
      BannerFirst = "#"+BannerId+" span:first",
      BannerShow = "#"+BannerId+" span.show",
      Transition = set.fadeTransition,
      Duration = set.fadeDuration,
      bannerItem = '<em><\/em><strong><\/strong>';
      
  for(i = 0; i <  set.imgArray.length; i++)
    bannerItem += '<span style="background-image:url(' + set.imgArray[i] + ');"><\/span>';

  document.getElementById(BannerId).innerHTML = bannerItem;

	$(BannerElem).css({'opacity':'0'});
	$(BannerFirst).addClass('show').animate({opacity:'1'}, Transition);

  startBanner = setInterval(function () {
    BannerRotate(BannerShow,BannerFirst,Transition)
  }, Duration);

	$('#'+BannerId+" strong").click(function () {
    if (!$(this).is('.playbutton'))
    {
      clearInterval(startBanner);
      $(this).addClass('playbutton');
    }
    else
    {
      startBanner = setInterval(function () {
        BannerRotate(BannerShow,BannerFirst,Transition)
      }, Duration);
      $(this).removeClass('playbutton');
		}
	});
}

function BannerRotate(BannerShow,BannerFirst,Transition) {
  	/* first image  */
  	var current = ($(BannerShow) ? $(BannerShow) : $(BannerFirst));
    /* next image */
  	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $(BannerFirst) : current.next()) : $(BannerFirst));
  	next.addClass('show').animate({opacity:'1'}, Transition);
  	current.removeClass('show').animate({opacity:'0'}, Transition)
}