jQuery.noConflict();

jQuery(document).ready(function() {

	/*-------------------------------------------------------------------------------------------------------------*/

	// product box hover

/*	jQuery("#products td a img, .products td a img").hover(function() {

		jQuery(this).animate({opacity : 0.6 }, 400);

	}, function(){

		jQuery(this).animate({opacity : 1.0 }, 400);

	});*/

	/*-------------------------------------------------------------------------------------------------------------*/


	/* image-swap... */

	initRolloverImages = function() {
		jQuery('.has-swap-image').mouseenter(function() {
			jQuery(this).hide().next('.swap-image').show();
		});

		jQuery('.swap-image').mouseleave(function() {
			jQuery(this).hide().prev('.has-swap-image').show();
		});
	}
	initRolloverImages();

//Tooltips

    jQuery(".tip_trigger").hover(function(){
        tip = jQuery(this).find('.tip');
        tip.show(); 
    }, function() {
        tip.hide();
    }).mousemove(function(e) {
        var mousex = e.pageX + 10; 
        var mousey = e.pageY + 10; 
        var tipWidth = tip.width(); 
        var tipHeight = tip.height(); 

        var tipVisX = jQuery(window).width() - (mousex + tipWidth);

        var tipVisY = jQuery(window).height() - (mousey + tipHeight);



        if ( tipVisX < 20 ) { 

            mousex = e.pageX - tipWidth - 20;

        } if ( tipVisY < 20 ) { 

            mousey = e.pageY - tipHeight - 20;

        }



        tip.css({  top: mousey, left: mousex });

    });	

    



	// product box hover

	jQuery(".menproductlist li a img").hover(function() {

		jQuery(this).animate({opacity : 0.6 }, 400);

	}, function(){

		jQuery(this).animate({opacity : 1.0 }, 400);

	});

	



	// product box hover

	jQuery(".menproductlist li a img").hover(function() {

		jQuery(this).animate({opacity : 0.6 }, 400);

	}, function(){

		jQuery(this).animate({opacity : 1.0 }, 400);

	});

    



	jQuery(".col2 .style1ImgContainer").hover(function() {

		jQuery(this).find('.semiTransparentDiv').animate({opacity : 0.60 }, 400);

	}, function(){

		jQuery(this).find('.semiTransparentDiv').animate({opacity : 0 }, 400);

	});

	

	jQuery(".col3 .style2ImgContainer").hover(function() {

		jQuery(this).find('.slidelabel').addClass('visible');

		jQuery(this).find('.semiTransparentDiv').animate({opacity : 0.60 }, 400);

	}, function(){

		jQuery(this).find('.slidelabel').removeClass('visible');

		jQuery(this).find('.semiTransparentDiv').animate({opacity : 0 }, 400);

	});

	

	jQuery(".col1 .videoboxContainer").hover(function() {

		jQuery(this).find('.slidelabel').addClass('visible');

		jQuery(this).find('.semiTransparentDiv').animate({opacity : 0.60 }, 400);

	}, function(){

		jQuery(this).find('.slidelabel').removeClass('visible');

		jQuery(this).find('.semiTransparentDiv').animate({opacity : 0 }, 400);

	});

	

	jQuery(".col3 .guide2ImgContainer").hover(function() {

		jQuery(this).find('.slidelabel').addClass('visible');

		jQuery(this).find('.semiTransparentDiv').animate({opacity : 0.60 }, 400);

	}, function(){

		jQuery(this).find('.slidelabel').removeClass('visible');

		jQuery(this).find('.semiTransparentDiv').animate({opacity : 0 }, 400);

	});

	

	jQuery("#lookbook-mens ul li a.fancy-link").hover(function() {

		//jQuery(this).find('.slidelabel').addClass('visible');

		jQuery(this).find('.semiTransparentBlack').animate({opacity : 0.60 }, 400);

	}, function(){

		//jQuery(this).find('.slidelabel').removeClass('visible');

		jQuery(this).find('.semiTransparentBlack').animate({opacity : 0 }, 400);

	});

	
/*
   // Use the each() method to gain access to each elements attributes

   jQuery('.styledblock area').each(function()
   {
      jQuery(this).qtip(
      {
         content: '<a href="' + jQuery(this).attr('href') +'">' + jQuery(this).attr('alt') + '</a>', // Use the ALT attribute of the area map
         style: {
            name: 'light', // Give it the preset dark style
            border: {
               width: 0,  
               radius: 0
            }, 
            tip: true // Apply a tip at the default tooltip corner
         },
         position: 'center', // Set its position
 		hide: {
            fixed: true // Make it fixed so it can be hovered over
         }   		
      });
   });	

*/

   //Lookbook Tooltips

   

/*jQuery(function () {

    jQuery(".tip_trigger").each(function () {

        var tip = jQuery(this).find(".tip");

        jQuery(this).hover(

            function () { tip.appendTo("body"), tip.fadeIn('fast'); },

            function () { tip.appendTo(this), tip.fadeOut('fast'); ; }

        ).mousemove(function (e) {

            var x = e.pageX + 20,

                y = e.pageY + 20,

                w = tip.width(),

                h = tip.height(),

                dx = jQuery(window).width() - (x + w),

                dy = jQuery(window).width() - (y + h);



            if (dx < 20) x = e.pageX - w - 20;

            if (dy < 20) y = e.pageY - h - 20;

            tip.css({ left: x, top: y });

        });

    });

});*/







jQuery(document).ready(function()
{
   // Use the each() method to gain access to each elements attributes
   jQuery('area').each(function()
   {
      jQuery(this).qtip(
      {
         content: jQuery(this).attr('alt'), // Use the ALT attribute of the area map
         style: {
				background: '#d92f2f',
				color: '#333333',
				textAlign: 'center',
				border: {
					width: 0,
					radius: 0,
					color: '#d92f2f'
				},
				opacity: 1,
				padding: 15,
				tip: {
					corner: 'bottomRight',
					size: {
						x: 20,
						y: 20
					}
				}
         },
         position: {
            	target: 'mouse',
            	adjust: { 
            		mouse: true,
            		x: -155,
            		y: -80
            		}
            	},
				
 		hide: {
            fixed: true // Make it fixed so it can be hovered over
         }   		
      	});

   	});

});

});


/* Back up for both  date-3-2-12
// Create the tooltips only when document ready

jQuery(document).ready(function()
{
   // Use the each() method to gain access to each elements attributes
   jQuery('area').each(function()
   {
      jQuery(this).qtip(
      {
         content: jQuery(this).attr('alt'), // Use the ALT attribute of the area map
         style: {
				background: '#d92f2f',
				color: '#333333',
				textAlign: 'center',
				border: {
					width: 0,
					radius: 0,
					color: '#d92f2f'
				},
				opacity: 1,
				padding: 15,
				tip: {
					corner: 'bottomRight',
					size: {
						x: 20,
						y: 20
					}
				}
         },
         position: {
            	target: 'mouse',
            	adjust: { 
            		mouse: true,
            		x: -155,
            		y: -80
            		}
            	},
         		show: {
         			effect: { type: 'fade', length: 0 }
         			},
         		hide: {
         			effect: { type: 'fade', length: 0 }
         		}
      	});

   	});

});

});

*/