jQuery(document).ready(function($) {
/////////////// DROPDOWNS ///////////////
//COLORS
function createColorDropDown(source,txt){
var selected = source.find("option[selected]"); // get selected
var options = $("option:not(:first)", source); // get all elements
var col = selected.attr("rel");
// create and with selected value inside it
//get text to show initially
var iniTxt;
if(selected.val() == 'false' || selected.length == 0)
{
iniTxt = txt;
} else
{
iniTxt = selected.text();
}
$("#hat-options form").prepend(' ' + iniTxt +
'' + selected.val() +
' elements and create UL
options.each(function(){
$("#"+source.attr('class')+" dd ul").append('' +
$(this).text() + '' +
$(this).val() + ' CLOSE
var options = $("option:not(:first)", source); // get all elements
// create and with selected value inside it
//get text to show initially
var iniTxt;
if(selected.val() == 'false' || selected.length == 0)
{
iniTxt = txt;
} else
{
iniTxt = selected.text();
}
$("#hat-options form").prepend(' ' + iniTxt +
' ' + selected.val() +
' elements and create UL
options.each(function(){
$("#"+source.attr('class')+" dd ul").append('' +
$(this).text() + ' ' +
$(this).val() + ' '+$(this).attr('rel')+' Size Chart CLOSE
var options = $("option:not(:first)", source); // get all elements
// create and with selected value inside it
//get text to show initially
var iniTxt;
if(selected.val() == 'false' || selected.length == 0)
{
iniTxt = txt;
} else
{
iniTxt = selected.text();
}
$("#hat-options form").prepend(' ' + iniTxt +
' ' + selected.val() +
' Pin Sold Separateley
' +
$(this).text() + '
' +
$(this).val() + ' '+pT+' ');
dt.parent().find('.pin-separate').css('font-size','12px');
dt.text(initPinDDText);
//remove image element
par.find('dt a .image img').remove();
//reset actual dropdown
jQuery(".sport-pin option:selected").removeAttr('selected');
//set hash to nothing
curPin = "";
pinVal = "";
window.location.hash = '!'+curModel.replace(/ /g,'_')+'/'+curColor.replace(/ /g,'_')+'/'+curPin;
setInitPinText();
//remove pin from main models
var i = 1;
$('#hat-images').find('.hat-image').each(function() {
$(this).find('.models-pin').remove();
i++;
})
//finally, remove this
$(this).remove();
})
}
}
function hideOthers(cur)
{
$('.dropdown dt a').each(function() {
if($(this) != cur)
{
var $ul = $(this).parent().parent().find('dd');
$ul.hide();
if($ul.parent().parent().attr('id') == 'sport-pin')
{
$ul.parent().find('.close').hide();
$('.more-pins').hide();
}
setDDCorners($ul,$(this),true)
}
})
}
//for changing when clicking something else
$(window).hashchange(function() {
if(curColor != "" && !isSnowboard)
{
var $cO = $('#hat-color dd ul li:contains("'+curColor+'") a');
colorClick($cO,true);
}
if(curPin != "" && !isSnowboard)
{
var $cO = $('#sport-pin dd .ul-fix .li-fix:contains("'+curPin+'")');
pinClick($cO,true);
}
});
//
//now initialize all drop downs
if(!isSnowboard && !isOtherProducts)
{
createPinDropDown($('.sport-pin'),initPinDDText);
$("#sport-pin dt a").click(function() {
hideOthers($(this))
setDDCorners($(this).parent().parent().find('dd'),$(this))
});
}
if(!isOtherProducts)
{
//always create size
createSizeDropDown($('.hat-size'),initSizeDDText);
$("#hat-size dt a").click(function() {
hideOthers($(this))
setDDCorners($(this).parent().parent().find('dd'),$(this))
});
if(!isSnowboard)
{
createColorDropDown($('.hat-color'),initColDDText);
//
//set up click events for selected values
$("#hat-color dt a").click(function() {
hideOthers($(this))
setDDCorners($(this).parent().parent().find('dd'),$(this))
});
}
//check price for current settings
checkPrice();
}
//now that created new elements, can assign events to them
//
//and clicks for all dropdown list elements
$("#hat-color dd ul li a").click(function() {
colorClick($(this));
});
$("#hat-size dd ul li a").click(function() {
sizeClick($(this));
});
$("#sport-pin dd .li-fix").click(function() {
pinClick($(this));
});
//also close for pin dd
$('#sport-pin .close a').click(function() {
pinClick($(this));
})
//hat size click
$('#hat-size li.size-chart a').click(function() {
$('#size-chart').show();
})
//make sure if click out of dds, then they go away
$(document).bind('click', function(e) {
var $clicked = $(e.target);
if (!$clicked.parents().hasClass("dropdown") && !$clicked.parents().hasClass('more-pins') || $clicked.hasClass('pin-container') || $clicked.hasClass('pin-list'))
{
$(".dropdown dd").hide();
$('#sport-pin .close').hide();
$('.more-pins').hide();
$('.pin-container').hide();
setDDCorners($(".dropdown dd"),$('.dropdown dt a'),true);
}
});
var curPinPosition = 0;
var isPinAnimating = false;
var pinMoveDist = -262*2;
//scroll for pins
$('#sport-pin dd .ul-fix').mouseover(function() {
//see if off page and if so, then move over
if($(window).width()-($(this).offset().left+$(this).width())<10)
{
if(!isPinAnimating)
{
curPinPosition = Math.min(curPinPosition+1,$('#sport-pin dd .ul-fix').length-1);
var cp = pinMoveDist*curPinPosition+pinOffset;
isPinAnimating = true;
$('#sport-pin dd').animate({'margin-left':cp},500,function() {
function isPA()
{
isPinAnimating = false;
}
setTimeout(isPA,500);
checkMorePins();
})
}
} else if($(this).offset().left<20)
{
if(!isPinAnimating)
{
curPinPosition = Math.max(curPinPosition-1,0);
var cp = pinMoveDist*curPinPosition+pinOffset;
isPinAnimating = true;
$('#sport-pin dd').animate({'margin-left':cp},500,function() {
isPinAnimating = false;
checkMorePins();
})
}
}
})
function checkMorePins()
{
var $sp = $('#sport-pin dd');
var n = $(window).width()-(Number($sp.css('margin-left').split('px')[0])+$sp.width());
if(n>10)
{
$('.more-pins-next').hide();
} else
{
$('.more-pins-next').show();
}
if(Number($sp.css('margin-left').split('px')[0])>0)
{
$('.more-pins-prev').hide();
} else
{
$('.more-pins-prev').show();
}
}
//more pin arrow buttons
$('.more-pins-next').click(function() {
curPinPosition = Math.min(curPinPosition+1,$('#sport-pin dd .ul-fix').length-1);
var cp = pinMoveDist*curPinPosition+pinOffset;
$('#sport-pin dd').animate({'margin-left':cp},500,function() {
function isPA()
{
isPinAnimating = false;
}
setTimeout(isPA,500);
checkMorePins();
})
})
$('.more-pins-prev').click(function() {
curPinPosition = Math.max(curPinPosition-1,0);
var cp = pinMoveDist*curPinPosition+pinOffset;
isPinAnimating = true;
$('#sport-pin dd').animate({'margin-left':cp},500,function() {
isPinAnimating = false;
checkMorePins();
})
})
});