jQuery(document).ready( function() {
//When you click on a link with class of poplight and the href starts with a #
jQuery('a.poplight[href^=#]').click(function() {
var popID = jQuery(this).attr('rel'); //Get Popup Name
var popURL = jQuery(this).attr('href'); //Get Popup href to define size
//Pull Query & Variables from href URL
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
//Fade in the Popup and add close button
jQuery('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('
');
//Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
var popMargTop = (jQuery('#' + popID).height() + 80) / 2;
var popMargLeft = (jQuery('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
jQuery('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Fade in Background
jQuery('body').append(''); //Add the fade layer to bottom of the body tag.
jQuery('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
return false;
});
//Close Popups and Fade Layer
jQuery('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
jQuery('#fade , .popup_block').fadeOut(function() {
jQuery('#fade, a.close').remove(); //fade them both out
});
return false;
});
jQuery('.homepage_container ul.details li.brand ul li.clickable').click(function(){
// Lets see if its hidden of showing
var the_show = jQuery(this).children('ul').css('display');
if( the_show == 'none' ) {
jQuery(this).children('ul').show('slow');
} else {
jQuery(this).children('ul').hide('slow');
}
})
jQuery('.homepage_container ul.details li.category ul li.clickable').click(function(){
// Lets see if its hidden of showing
var the_show = jQuery(this).children('ul').css('display');
if( the_show == 'none' ) {
jQuery(this).children('ul').show('slow');
} else {
jQuery(this).children('ul').hide('slow');
}
})
jQuery('a.more').click(function(){
var the_height = jQuery(this).parent('div').parent('li').css('height');
var new_height = jQuery(this).parent('div').parent('li').children('div').css('height');
if( the_height == '83px' ) {
jQuery(this).parent('div').parent('li').stop().animate({ height: '100%' }, 500, 'swing');
} else {
jQuery(this).parent('div').parent('li').stop().animate({ height: 83 }, 500, 'swing');
}
})
jQuery('ul.main li').mouseover(function() {
jQuery(this).children('ul').show();
})
jQuery('ul.main li').mouseout(function() {
jQuery(this).children('ul').hide();
})
jQuery('ul.main li ul').mouseout(function(){
jQuery(this).hide();
})
/*jquery('ul.main li ul li ul li').hover(function(){
alert('hello');
})*/
jQuery('.slider .slide_container div a').css('opacity', '0.75');
jQuery('.slider .slide_container div a').mouseover(function(){
jQuery(this).css('opacity', '0.85');
// Remove all active classes, and add active to specific one
})
jQuery('.slide_container div').mouseover(function(){
jQuery('.slide_container div').removeClass('active_slide');
jQuery(this).addClass('active_slide');
})
/*jQuery('.slide_container div').mouseout(function(){
jQuery(this).removeClass('active');
})*/
jQuery('.slider .slide_container div a').mouseout(function(){
jQuery(this).css('opacity', '0.75');
})
jQuery('.slide_container div').mouseover(function(){
jQuery(this).css('cursor', 'pointer');
})
jQuery('.slide_01').mouseover(function(){
jQuery('.slide_02').stop().animate({ left: 555}, 500, 'swing');
jQuery('.slide_03').stop().animate({ left: 605 }, 500, 'swing');
jQuery('.slide_04').stop().animate({ left: 655 }, 500, 'swing');
jQuery('.slide_05').stop().animate({ left: 705 }, 500, 'swing');
jQuery('.slide_06').stop().animate({ left: 755 }, 500, 'swing');
jQuery('.slide_07').stop().animate({ left: 805 }, 500, 'swing');
jQuery('.slide_08').stop().animate({ left: 855 }, 500, 'swing');
jQuery('.slide_09').stop().animate({ left: 905 }, 500, 'swing');
})
jQuery('.slide_02').mouseover(function(){
jQuery(this).stop().animate({ left: 50 }, 500, 'swing');
jQuery('.slide_03').stop().animate({ left: 605 }, 500, 'swing');
jQuery('.slide_04').stop().animate({ left: 655 }, 500, 'swing');
jQuery('.slide_05').stop().animate({ left: 705 }, 500, 'swing');
jQuery('.slide_06').stop().animate({ left: 755 }, 500, 'swing');
jQuery('.slide_07').stop().animate({ left: 805 }, 500, 'swing');
jQuery('.slide_08').stop().animate({ left: 855 }, 500, 'swing');
jQuery('.slide_09').stop().animate({ left: 905 }, 500, 'swing');
})
jQuery('.slide_03').mouseover(function(){
jQuery('.slide_02').stop().animate({ left: 50 }, 500, 'swing');
jQuery(this).stop().animate({ left: 100 }, 500, 'swing');
jQuery('.slide_04').stop().animate({ left: 655 }, 500, 'swing');
jQuery('.slide_05').stop().animate({ left: 705 }, 500, 'swing');
jQuery('.slide_06').stop().animate({ left: 755 }, 500, 'swing');
jQuery('.slide_07').stop().animate({ left: 805 }, 500, 'swing');
jQuery('.slide_08').stop().animate({ left: 855 }, 500, 'swing');
jQuery('.slide_09').stop().animate({ left: 905 }, 500, 'swing');
})
jQuery('.slide_04').mouseover(function(){
jQuery('.slide_02').stop().animate({ left: 50 }, 500, 'swing');
jQuery('.slide_03').stop().animate({ left: 100 }, 500, 'swing');
jQuery(this).stop().animate({ left: 150 }, 500, 'swing');
jQuery('.slide_05').stop().animate({ left: 705 }, 500, 'swing');
jQuery('.slide_06').stop().animate({ left: 755 }, 500, 'swing');
jQuery('.slide_07').stop().animate({ left: 805 }, 500, 'swing');
jQuery('.slide_08').stop().animate({ left: 855 }, 500, 'swing');
jQuery('.slide_09').stop().animate({ left: 905 }, 500, 'swing');
})
jQuery('.slide_05').mouseover(function(){
jQuery('.slide_02').stop().animate({ left: 50 }, 500, 'swing');
jQuery('.slide_03').stop().animate({ left: 100 }, 500, 'swing');
jQuery('.slide_04').stop().animate({ left: 150 }, 500, 'swing');
jQuery(this).stop().animate({ left: 200 }, 500, 'swing');
jQuery('.slide_06').stop().animate({ left: 755 }, 500, 'swing');
jQuery('.slide_07').stop().animate({ left: 805 }, 500, 'swing');
jQuery('.slide_08').stop().animate({ left: 855 }, 500, 'swing');
jQuery('.slide_09').stop().animate({ left: 905 }, 500, 'swing');
})
jQuery('.slide_06').mouseover(function(){
jQuery('.slide_02').stop().animate({ left: 50 }, 500, 'swing');
jQuery('.slide_03').stop().animate({ left: 100 }, 500, 'swing');
jQuery('.slide_04').stop().animate({ left: 150 }, 500, 'swing');
jQuery('.slide_05').stop().animate({ left: 200 }, 500, 'swing');
jQuery(this).stop().animate({ left: 250 }, 500, 'swing');
jQuery('.slide_07').stop().animate({ left: 805 }, 500, 'swing');
jQuery('.slide_08').stop().animate({ left: 855 }, 500, 'swing');
jQuery('.slide_09').stop().animate({ left: 905 }, 500, 'swing');
})
jQuery('.slide_07').mouseover(function(){
jQuery('.slide_02').stop().animate({ left: 50 }, 500, 'swing');
jQuery('.slide_03').stop().animate({ left: 100 }, 500, 'swing');
jQuery('.slide_04').stop().animate({ left: 150 }, 500, 'swing');
jQuery('.slide_05').stop().animate({ left: 200 }, 500, 'swing');
jQuery('.slide_06').stop().animate({ left: 250 }, 500, 'swing');
jQuery(this).stop().animate({ left: 300 }, 500, 'swing');
jQuery('.slide_08').stop().animate({ left: 855 }, 500, 'swing');
jQuery('.slide_09').stop().animate({ left: 905 }, 500, 'swing');
})
jQuery('.slide_08').mouseover(function(){
jQuery('.slide_02').stop().animate({ left: 50 }, 500, 'swing');
jQuery('.slide_03').stop().animate({ left: 100 }, 500, 'swing');
jQuery('.slide_04').stop().animate({ left: 150 }, 500, 'swing');
jQuery('.slide_05').stop().animate({ left: 200 }, 500, 'swing');
jQuery('.slide_06').stop().animate({ left: 250 }, 500, 'swing');
jQuery('.slide_07').stop().animate({ left: 300 }, 500, 'swing');
jQuery(this).stop().animate({ left: 350 }, 500, 'swing');
jQuery('.slide_09').stop().animate({ left: 905 }, 500, 'swing');
})
jQuery('.slide_09').mouseover(function(){
jQuery('.slide_02').stop().animate({ left: 50 }, 500, 'swing');
jQuery('.slide_03').stop().animate({ left: 100 }, 500, 'swing');
jQuery('.slide_04').stop().animate({ left: 150 }, 500, 'swing');
jQuery('.slide_05').stop().animate({ left: 200 }, 500, 'swing');
jQuery('.slide_06').stop().animate({ left: 250 }, 500, 'swing');
jQuery('.slide_07').stop().animate({ left: 300 }, 500, 'swing');
jQuery('.slide_08').stop().animate({ left: 350 }, 500, 'swing');
jQuery(this).stop().animate({ left: 400 }, 500, 'swing');
})
});