﻿/* -- Hirntot Comix */


// Mainnavigation

$(document).ready(function(){
			
					 $(".rollover_shop").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
					
					$(".rollover_shop").hover(
						function(){
									
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".rollover_shop").click(function() {
 
 
  location.href = "shop.php";
  
});

$(".rollover_haendler").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
$(".rollover_haendler").hover(
						function(){
							
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".rollover_haendler").click(function() {
  location.href = "haendler.htm";
  
});

$(".rollover_presse").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
$(".rollover_presse").hover(
						function(){
							
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".rollover_presse").click(function() {
  location.href = "presse.htm";
  
});

$(".rollover_kontakt").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
$(".rollover_kontakt").hover(
						function(){
							
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".rollover_kontakt").click(function() {
  location.href = "kontakt.php";
  
});


$(".rollover_studio").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
$(".rollover_studio").hover(
						function(){
							
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".rollover_studio").click(function() {
  location.href = "http://www.tenrek-studio.com";
  
});

// Comicnavigation

$(".rollover_turbo").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
$(".rollover_turbo").hover(
						function(){
							
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".rollover_turbo").click(function() {
  location.href = "comic_turbo.htm";
  
});

$(".rollover_hart_limit").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
$(".rollover_hart_limit").hover(
						function(){
							
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".rollover_hart_limit").click(function() {
  location.href = "comic_hart_limit.htm";
  
});

$(".rollover_don_fon").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
$(".rollover_don_fon").hover(
						function(){
							
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".rollover_don_fon").click(function() {
  location.href = "comic_don_fon.htm";
  
});

$(".rollover_bitch").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
$(".rollover_bitch").hover(
						function(){
							
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".rollover_bitch").click(function() {
  location.href = "comic_bitch.htm";
  
});

$(".rollover_terror_woodz").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
$(".rollover_terror_woodz").hover(
						function(){
							
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".rollover_terror_woodz").click(function() {
  location.href = "comic_terror_woodz.htm";
  
});

$(".rollover_terror_zitty").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
$(".rollover_terror_zitty").hover(
						function(){
							
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".rollover_terror_zitty").click(function() {
  location.href = "comic_terror_zitty.htm";
  
});


// Heftnavigation

$(".comic_vorschau").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer')
 						 });
$(".comic_vorschau").hover(
						function(){
							
							$(this).append("<div id='temp'></div>");
							bgimg = $(this).css("backgroundImage");
							$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

						},
						function(){
							
							$(this).find("#temp").stop().animate({opacity:0},1000,function(){$(this).remove()});
						}
					);
$(".comic_vorschau").click(function() {
  									
									$("#container").fadeIn("slow");
									$("#vorschau").css("background-position" , "0px -20px");
									$("#vorschau").mouseover(
					 	function() {
    						$(this).css('cursor', 'default') ;});
});

$(".close").click(function() {
  									
									$("#container").fadeOut("slow");
  									$("#vorschau").css("background-position" , "0px 0px");
  									$("#vorschau").mouseover(
					 	function() {
    						$(this).css('cursor', 'pointer') ;});
  
});
			});	
