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

var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/(iphone|ipod|ipad)/);

// $jq(document).pngFix(); 
//START
$jq(".mainPicture").live('mouseout',function(){
	//$jq(this).next(".kunstInfoDesc").hide();
});
$jq(".mainPicture").live('mouseover',function(){
	$jq(this).next(".kunstInfoDesc").fadeIn();
});
//Navigation
$jq(".menuToggle").live('mouseout',function(){ 
$jq(this).removeClass("highlight");
})
$jq(".menuToggle").live('mouseover',function(){
$jq(this).addClass("highlight");

})
var scrollevent;



$jq('#gelaTopNavThird').mouseover(function(){clearInterval( scrollevent )});
$jq('#scrollSTOP').mouseover(function(){clearInterval( scrollevent )});
$jq("#scrollUP").click(function(){
      clearInterval( scrollevent )
        	
           scrollevent = window.setInterval("$jq('#gelaTopNavThird').scrollTop($jq('#gelaTopNavThird').scrollTop()-16)",100);
        
   });

$jq("#scrollDOWN").click(function(){
clearInterval( scrollevent )
      scrollevent = window.setInterval("$jq('#gelaTopNavThird').scrollTop($jq('#gelaTopNavThird').scrollTop()+16)",100);
   });




$jq('#showSpecialEditions').click(
	function() {
		   $jq("#gelaTopNavScroll").show();
      $jq("#gelaTopNavScrollBott").show();
        $jq("#gelaTopNavThird").html($jq("#specialEditions").html()).animate({
    		opacity: 0.95, 
   			height: 300
  			}, 1000, function() {
    				// Animation complete.
                    
  			});

				this.blur();
				return false;
});
$jq('#showFeaturedEditions').click(
	function() {
		   $jq("#gelaTopNavScroll").show();
      $jq("#gelaTopNavScrollBott").show();
        $jq("#gelaTopNavThird").html($jq("#featuredEditions").html()).animate({
    		opacity: 0.95, 
   			height: 300
  			}, 1000, function() {
    				// Animation complete.
                    
  			});

				this.blur();
				return false;
});

$jq('#showLimited').click(
	function() {				
		   $jq("#gelaTopNavScroll").show();
      $jq("#gelaTopNavScrollBott").show();
        $jq("#gelaTopNavThird").html($jq(".catsLimited").html()).animate({
    		opacity: 0.95, 
   			height: 300
  			}, 1000, function() {
    				// Animation complete.
  			});

				this.blur();
				return false;
});
$jq(".closeCats").live("click",function(){

		$jq("#gelaTopNavScroll").hide();
        $jq("#gelaTopNavScrollBott").hide();
     
        $jq("#gelaTopNavThird").animate({
    		opacity: 0.95, 
   			height: 0
  			}, 1000, function() {
    			// Animation complete.
  			});
});

$jq(".showSearch,#showSearch").toggle(function(){
	$jq("#gelaSearch").css({width:"350px"}).show();
    
    /*animate({
    opacity: 0.95, 
   	width: 350
  	}, 1000, function() {
    	// Animation complete.
  	});*/
},function(){
	$jq("#gelaSearch").hide();
    /*animate({
    opacity: 0.95, 
   	width: 0
  	}, 1000, function() {
    	// Animation complete.
  	});*/
});
$jq('.menuToggle').click(
	
    function() {
		
        $jq("#gelaTopNavScroll").show();
      $jq("#gelaTopNavScrollBott").show();
       
		if (agentID) {
		
        }
        
        $jq("#gelaTopNavThird").html($jq(this).next().html()).animate({
    		opacity: 0.95, 
   			height: 300
  			}, 1000, function() {
    			// Animation complete.
  			});

				this.blur();
				return false;
});


                                 



 


 $jq(".toolTip").tooltip({position:"top center",relative:true,effect: 'slide'}); 
$jq("#showFloatingCart").toggle(

	function(){$jq("#test-jixedbar").animate({
       height: 300
  		}, 1000, function() {
    		// Animation complete.
		});},
    function(){$jq("#test-jixedbar").animate({
       height: 50
  		}, 1000, function() {
    		// Animation complete.
  		});
})

$jq("#ShowJixedBar").click(function(){
	$jq("#test-jixedbar").animate({
    	opacity: 1, 
    	height: 'toggle'
  		}, 1000, function() {
    		// Animation complete.
  		});

	$jq("#toggle-jixedbar").animate({
    	opacity: 0.95, 
    	height: 'toggle'
  		}, 1000, function() {
    		// Animation complete.
  		});
})

$jq("#hideJixedBar").click(function(){
	$jq("#test-jixedbar").animate({
    	opacity: 0.95, 
    	height: 'toggle'
  		}, 1000, function() {
    
});

$jq("#toggle-jixedbar").animate({
    opacity: 0.95, 
    height: 'toggle'
  }, 1000, function() {
    // Animation complete.
  });
})

$jq("#test-jixedbar").jixedbar(); 
$jq("#test-jixedbar").hide();
$jq("#toggle-jixedbar").jixedbar(); 
 //END
});