$(function(){$('#style .floatWrap div input').each(function(){$(this).hide();var title=$(this).attr('title');if($(this).attr('checked')){var active=' class="active"';}else{var active='';}
$(this).after('<a href="#"'+active+' id="'+$(this).attr('id')+'" title="'+title+'">'+title+'</a>');$(this).hide();});$('#style .floatWrap div a').click(function(){$('#style .floatWrap div .active').removeClass();$(this).addClass('active');return false;});$('#style .floatWrap div img').click(function(){$(this).parent().find('a').click();});$('#style .continue').click(function(){if($('#style .floatWrap div .active').length<1){$('#flashMessage').remove();$('.content').prepend('<div class="message" id="flashMessage">Please select a shoe style to continue.</div>');$('html,body').animate({scrollTop:0},500);}else{var image=$('#style .floatWrap div .active').attr('id');var title=$('#style .floatWrap div .active').attr('title');$.post(root+"/designs/submitStyle",{image:image,title:title},function(data){window.location=root+"/designs/create/fit";});}
return false;});if($('#oosLaunch').length>0){$('body').append('<style>body{ overflow: hidden; }</style><div id="oosCurtain"></div><div id="oos"><h2>Looks like this design was popular!</h2><a title="Close Layer" class="close" href="#">Close</a><p><strong>We\'re sorry, but the design you are looking for is currently out of stock.</strong> We are working fast to replace it.  You can either check back in a few days to see if it has arrived yet, begin designing a new pair of shoes, or take a look at our Member\'s Showcase for a little inspiration before you get started.</p><div class="floatWrap"><a href="http://www.eidialush.com/designs/index/page:1/sort:title/direction:asc" class="oosGetInspired" title="Get Inspired">Get Inspired</a><a href="#" class="oosStartDesigning" title="Start Designing">Start Designing</a></div></div>');$('#oos .close, #oos .oosStartDesigning').click(function(){$('#oos').hide();$('#oosCurtain').fadeOut(function(){$(this).remove();});$('body').css('overflow','auto');});}
$('a.toggleGuide').toggle(function(){$('#styleGuide').slideDown('fast');$(this).toggleClass('open');return false;},function(){$('#styleGuide').slideUp('fast');$(this).toggleClass('open');return false;});$('#fit .continue').click(function(){if($('.dropDown li.active').length<1){$('#flashMessage').remove();$('.content').prepend('<div class="message" id="flashMessage">Please select a size to continue.</div>');$('html,body').animate({scrollTop:0},500);}else{var id=$('.dropDown li.active').attr('id');var size=$('#fit .select').html();$.post(root+"/designs/submitFit",{id:id,size:size},function(data){window.location=root+"/designs/create/pattern";});}
return false;});var shoe=$('#shoe');var accent=$('#accent');$('.details .view').click(function(){var newView=$(this).attr('id');switch(newView){case'front':$('#accent').hide();if(toeOn){var t=$('#toe');var current=t.attr('class');var style=current.substr(4,4);var pattern=current.substr(14);t.removeClass(current).addClass('toe_'+style+'_'+newView+'_'+pattern).show();}
if(edgeOn){var e=$('#edge');var current=e.attr('class');var style=current.substr(5,4);var pattern=current.substr(15);e.removeClass(current).addClass('edge_'+style+'_'+newView+'_'+pattern).show();}
break;case'back':$('#accent').show();$('#toe, #edge').hide();break;default:$('#accent').hide();if(toeOn){var t=$('#toe');var current=t.attr('class');var style=current.substr(4,4);var pattern=current.substr(14);t.removeClass(current).addClass('toe_'+style+'_'+newView+'_'+pattern).show();}
if(edgeOn){var e=$('#edge');var current=e.attr('class');var style=current.substr(5,4);var pattern=current.substr(15);e.removeClass(current).addClass('edge_'+style+'_'+newView+'_'+pattern).show();}}
$('.details .active').removeClass('active');$(this).addClass('active');var current=shoe.attr('class');var style=current.substr(0,4);var pattern=current.substr(10);shoe.removeClass(current);shoe.addClass(style+'_'+newView+'_'+pattern);return false;});$('#pattern .pattern .carousel ul li').click(function(){$(this).parent().find('.active').removeClass('active');$(this).addClass('active');var newPattern=$(this).attr('id');var patternName=$(this).find('img').attr('alt');var current=shoe.attr('class');var style=current.substr(0,4);var view=current.substr(5,4);var pattern=current.substr(10);shoe.removeClass(current);shoe.addClass(style+'_'+view+'_'+newPattern);$('#patternName').html(patternName);$('.details #side').removeClass(style+'_side_'+pattern).addClass(style+'_side_'+newPattern);$('.details #back').removeClass(style+'_back_'+pattern).addClass(style+'_back_'+newPattern);$('.details #fron').removeClass(style+'_fron_'+pattern).addClass(style+'_fron_'+newPattern);return false;});$('#pattern .patternContinue').click(function(){if($('#pattern .pattern .carousel ul li.active img').length<1){$('#flashMessage').remove();$('.content').prepend('<div class="message" id="flashMessage">Please select a pattern to continue.</div>');$('html,body').animate({scrollTop:0},500);}else{var id=$('#pattern .pattern .carousel ul li.active img').attr('id');var image=$('#pattern .pattern .carousel ul li.active').attr('id');var title=$('#patternName').html();$.post(root+"/designs/submitPattern",{title:title,image:image,id:id},function(data){window.location=root+"/designs/create/accent";});}
return false;});var tagDDs=$('#color, #mood, #element');$('#pattern #sortByDD li a').click(function(){var group=$(this).attr('class');if(group=='all'){tagDDs.hide();$('#pattern .small li').removeClass('hidden');$('.carousel .small').css('left','15px');carousel();}else{tagDDs.hide();$('#'+group).show();}
return false;});tagDDs.find('ul li a').click(function(){var tag=$(this).html();$('#pattern .small li').addClass('hidden');$('#pattern .small li img.'+tag).parent().removeClass('hidden');$('.carousel ul').css('left','15px').attr('id','0');$('.carouselWrap .disabled').removeClass('disabled');$('.carouselWrap .prev').addClass('disabled');carousel();return false;});$('#pattern .accent .carousel ul li').click(function(){$(this).parent().find('.active').removeClass('active');$(this).addClass('active');var newAccent='accent_'+$(this).attr('id');var accentName=$(this).find('img').attr('alt');accent.removeClass().addClass(newAccent);$('#accentName').html(accentName);return false;});$('#pattern .accentContinue').click(function(){if($('#pattern .accent .carousel ul li.active img').length<1){$('#flashMessage').remove();$('.content').prepend('<div class="message" id="flashMessage">Please select an accent to continue.</div>');$('html,body').animate({scrollTop:0},500);}else{var id=$('#pattern .accent .carousel ul li.active img').attr('class');var image=$('#pattern .accent .carousel ul li.active').attr('id');var title=$('#accentName').html();$.post(root+"/designs/submitAccent",{title:title,image:image,id:id},function(data){window.location=root+"/designs/create/trim";});}
return false;});var toe=$('#toe');var edge=$('#edge');var toeOn=0;var edgeOn=0;var totCostObj=$('#totalCost span');var toeCost=0;var edgeCost=0;$('#trimTabs a').click(function(){$('.carousel').addClass('hidden');$('#'+$(this).parent().attr('class')).removeClass('hidden');$('#trimTabs a.active').removeClass('active');$(this).addClass('active');$('.carousel ul').css('left','15px').attr('id','0');$('.carouselWrap .disabled').removeClass('disabled');$('.carouselWrap .prev').addClass('disabled');return false;});$('#pattern .trim #toeCarousel ul li').click(function(){$(this).parent().find('.active').removeClass('active');$(this).addClass('active');var newToe='toe_'+$('#shoe').attr('class').substr(0,9)+'_'+$(this).attr('id');var toeName=$(this).find('img').attr('alt');var price=$(this).find('span').attr('class');toe.removeClass().addClass(newToe).show();var name=$('#toeName');name.css('display','block').find('span.price').html(price);name.find('span.name').html(toeName);var newCost=parseFloat(totCostObj.text())-parseFloat(toeCost)+parseFloat(price);totCostObj.html(newCost.toFixed(2));toeCost=price;toeOn=1;return false;});$('#pattern .trim #edgeCarousel ul li').click(function(){$(this).parent().find('.active').removeClass('active');$(this).addClass('active');var newEdge='edge_'+$('#shoe').attr('class').substr(0,9)+'_'+$(this).attr('id');var edgeName=$(this).find('img').attr('alt');var price=$(this).find('span').attr('class');edge.removeClass().addClass(newEdge).show();var name=$('#edgeName');name.css('display','block').find('span.price').html(price);name.find('span.name').html(edgeName);var newCost=parseFloat(totCostObj.text())-parseFloat(edgeCost)+parseFloat(price);totCostObj.html(newCost.toFixed(2));edgeCost=price;edgeOn=1;return false;});$('#pattern .floatWrap .details #toeName .remove').click(function(){$(this).parent().hide();$('#pattern .trim #toeCarousel ul li.active').removeClass('active');toe.hide();var newCost=parseFloat(totCostObj.text())-parseFloat(toeCost);totCostObj.html(newCost.toFixed(2));toeCost=0;toeOn=0;return false;});$('#pattern .floatWrap .details #edgeName .remove').click(function(){$(this).parent().hide();$('#pattern .trim #edgeCarousel ul li.active').removeClass('active');edge.hide();var newCost=parseFloat(totCostObj.text())-parseFloat(edgeCost);totCostObj.html(newCost.toFixed(2));edgeCost=0;edgeOn=0;return false;});$('#pattern .addToBag').click(function(){$('#curtain').show();$('body').css('overflow','hidden');sizeCurtain();$('body').append('<div id="titleDesign" class="layer"><h2>Name your design</h2><a title="Close Layer" class="close" href="#">Close</a><label for="title">Give these babies a name. Think of the very best title to describe your work of art and enter it below:</label><input type="text" id="title" /><a href="#" class="titleContinue">Continue</a></div>');$('html,body').animate({scrollTop:0},500);readyCloseLayer();$('#title').focus();$("#title").keypress(function(e){if((e.which&&e.which==13)||(e.keyCode&&e.keyCode==13)){$('.titleContinue').click();return false;}else{return true;}});$('.titleContinue').unbind('click').click(function(){var title=$('#title').val();if(title==''){$('#title').css({'background':'#FDFDF3','border':'1px solid #ED1C4E'}).focus();}else{if($('#pattern .trim #toeCarousel ul li.active').length==1){var toeId=$('#pattern .trim #toeCarousel ul li.active img').attr('class');}else{var toeId=null;}
if($('#pattern .trim #edgeCarousel ul li.active').length==1){var edgeId=$('#pattern .trim #edgeCarousel ul li.active img').attr('class');}else{var edgeId=null;}
$.post(root+"/designs/createNewDesignSession",{toeId:toeId,edgeId:edgeId,title:title},function(data){window.location=root+"/designs/writeCartCookie";});}
return false;});return false;});$('#pattern .addToFaves').click(function(){$('#curtain').show();$('body').css('overflow','hidden');sizeCurtain();$('body').append('<div id="titleDesign" class="layer"><h2>Name your design</h2><a title="Close Layer" class="close" href="#">Close</a><label for="title">Give these babies a name. Think of the very best title to describe your work of art and enter it below:</label><input type="text" id="title" name="title" /><a href="#" class="titleContinue">Continue</a></div>');$('html,body').animate({scrollTop:0},500);readyCloseLayer();$('#title').focus();$("#title").keypress(function(e){if((e.which&&e.which==13)||(e.keyCode&&e.keyCode==13)){$('.titleContinue').click();return false;}else{return true;}});$('.titleContinue').unbind('click').click(function(){if($('#pattern .trim #toeCarousel ul li.active').length==1){var toeId=$('#pattern .trim #toeCarousel ul li.active img').attr('class');}else{var toeId=null;}
if($('#pattern .trim #edgeCarousel ul li.active').length==1){var edgeId=$('#pattern .trim #edgeCarousel ul li.active img').attr('class');}else{var edgeId=null;}
var title=$('#title').val();$.post(root+"/designs/createNewDesignSession",{toeId:toeId,edgeId:edgeId,title:title},function(data){window.location=root+"/designs/createAndAddToFavorites";});return false;});return false;});});