///////////////////////
//	NAV-O-MATIC.JS - REQUIRES JQUERY 3x
//	Please do not steal.
//	Every time you steal, An angry Scotsman punches a puppy in the face! A really cute puppy!

$(document).ready(function(){$('a.upload').css({opacity:0});imgPath='/images/uploads/';imgName='navigation.gif';navId='navigation';btnNames='default';$("#file_input").uploadify({'uploader':'/nav-o-matic/js/uploadify.swf','script':'/nav-o-matic/js/uploadify.php','cancelImg':'/nav-o-matic/images/cancel.png','folder':'/nav-o-matic/images/uploads','fileExt':'*.gif;*.jpg;*.png;','fileDesc':'Images only (.gif .jpg .png)','buttonImg':'/nav-o-matic/images/button_browse.gif','rollover':true,'width':114,'wmode':'transparent','height':44,'auto':false,'multi':false,'onSelectOnce':function(){$('a.upload').show().animate({opacity:1},400);},'onComplete':function(event,queueID,fileObj,response,data){e=fileObj.filePath.indexOf(fileObj.name);imgPath=fileObj.filePath.substring(0,e);imgName=fileObj.name;var img=new Image();$(img).load(function(){$(this).hide();$('body span.temp_image').html(this);$('#image_holder').css({backgroundImage:'url('+fileObj.filePath+')',width:$('body span.temp_image img').width(),height:$('body span.temp_image img').height()});switchTab('#step_2','#step_1');}).attr('src',fileObj.filePath);}});$('#step_1 a.upload').click(function(){$('#file_input').uploadifyUpload();$('#image_holder span').remove();$('#tabs .step_3, #tabs .step_4').addClass('disabled');if($('#file_inputQueue').children('div').hasClass('uploadifyQueueItem')==false){$('#step_1 .error').show().css({height:0}).animate({height:48},300).animate({opacity:1},6000).animate({opacity:0},1000).animate({height:0},300,function(){$(this).removeAttr('style').hide();});}
return false;});gTotal=0;$('a.next_tab').click(function(){newTab=$(this).attr('href');if(newTab=='#step_3'){switchTab('#step_3','#step_2');$('#btn_total').html(gTotal+1);}else if(newTab=='#step_4'){getOptions();}
return false;});$('#tabs li a').click(function(){if($(this).parent('li').hasClass('on')==false){switchTab($(this).attr('href'),$('a[href='+$('#tabs li.on a').attr('href')+']').attr('href'));$('#btn_total').html(gTotal+1);}
return false;});$('#tabs li.step_1 a').click(function(){$('#file_inputQueue').html('');return false;});function switchTab(newTab,currentTab){$('a[href='+currentTab+']').parent('li').removeClass('on');$('a[href='+newTab+']').parent('li').addClass('on').removeClass('disabled');$(newTab).css({display:'inline-block'});$(currentTab).hide();if(newTab=='#step_1'){$('a.upload').hide();}}
$('#image_holder span').live('mousedown',function(){var guide=$(this);$('#image_holder').bind('mousemove',function(e){$(guide).css({left:xPos($('#guides'),e)});});});$('#image_holder').mouseup(function(){$(this).unbind('mousemove');});$('#guides').dblclick(function(e){$('#image_holder').append('<span style="left:'+xPos($('#guides'),e)+'px;"></span>');gTotal=gTotal+1;});$('#image_holder span').live('dblclick',function(){$(this).remove();gTotal=gTotal-1;});$('a#clear_guides').click(function(){$('#image_holder span').remove();gTotal=0;return false;});function xPos($object,e){offset=$($object).offset();return Math.round(e.pageX-offset.left-1);}
function getOptions(){navID=$('input#css_id').val();imgPath=$('input#img_path').val();if($('input#css_names').val()!='e.g. home,about,contact'){btnNames=new Array();btnNames=$('input#css_names').val().split(' ').join('').split(',');}else{btnNames='default';}
saveGuides();}
$('input.text').focus(function(){if($(this).val()==$(this).attr('title')){$(this).val('');}});$('input.text').blur(function(){if($(this).val()==''){$(this).val($(this).attr('title'));}});function saveGuides(){i=$('#image_holder span').size()-1;if(i>-1){values=new Array();for(p=0;p<=i;p=p+1){values[p]=parseFloat($('#image_holder span:eq('+p+')').css('left'),10)-9;if(p==i){values=values.sort(numOrdA);createCss(values,i+2,navID,imgPath,imgName,btnNames);createHtml(i+2,navID,btnNames);switchTab('#step_4','#step_3');}}}else{switchTab('#step_2','#step_3');$('#step_2 .error').show().animate({opacity:1},6000).animate({opacity:0},1000).animate({height:0},300,function(){$(this).removeAttr('style').hide();});}}
function numOrdA(a,b){return(a-b);}
$('#colours a').click(function(){$(this).addClass('on').parent('li').siblings('li').children('a').removeClass('on');newColour=$(this).attr('class');$('#image_holder').attr('class',newColour);return false;});$('#css_formatting label[for='+$('#css_formatting input:checked').attr('id')+']').addClass('on');$('#css_formatting label.image_label').click(function(){$(this).addClass('on').siblings('label.image_label').removeClass('on');});function createCss(x,t,id,path,img,names){if($('#css_t1').attr('checked')){opt1='';opt2='\r\t';opt3='\r';}else if($('#css_t2').attr('checked')){opt1='';opt2='\r\t';opt3='\r\t';}else if($('#css_t3').attr('checked')){opt1='\r';opt2='\r\t';opt3='\r';}else if($('#css_t4').attr('checked')){opt1='';opt2='';opt3='';}
demoPath='/nav-o-matic/images/uploads/';w=parseFloat($('#image_holder').css('width'),10);h=parseFloat($('#image_holder').css('height'),10);var ul='#'+id+''+opt1+'{'+opt2+'display: block;'+opt2+'width: '+w+'px;'+opt2+'height: '+h/2+'px;'+opt2+'background: url('+path+img+') left top no-repeat;'+opt3+'}';var ulDemo='#'+id+'{\r\tdisplay: block;\r\twidth: '+w+'px;\r\theight: '+h/2+'px;\r\tbackground: url('+demoPath+img+') left top no-repeat;\r}';var li='#'+id+' li'+opt1+'{'+opt2+'display: block;'+opt2+'float: left;'+opt3+'}';var a='#'+id+' li a'+opt1+'{'+opt2+'display: block;'+opt2+'height:'+h/2+'px;'+opt2+'text-indent:-9999px;'+opt3+'}\r\r#'+id+' li a:hover,\r#'+id+' li a.on'+opt1+'{'+opt2+'background-image: url('+path+img+');'+opt3+'}';var aDemo='#'+id+' li a{\r\tdisplay: block;\r\theight:'+h/2+'px;\r\ttext-indent:-9999px;\r}\r\r#'+id+' li a:hover,\r#'+id+' li a.on{\r\tbackground-image: url('+demoPath+img+');\r}';var buttons=new Array();for(b=1;b<=t;b=b+1){bt=h/2;if(b==1){bw=x[0];bl=0;}else if(b>1&&b<t){bw=(x[b-1]-x[b-2]);bl=x[b-2];}else if(b==t){bw=(w-x[b-2]);bl=w-bw;}
if(names=='default'){buttons[b-1]='#'+id+' li.button_'+b+' a'+opt1+'{'+opt2+'width:'+bw+'px;'+opt2+'background-position:-'+bl+'px -'+bt+'px;'+opt3+'}';}else{buttons[b-1]='#'+id+' li.'+names[b-1]+' a'+opt1+'{\r\twidth:'+bw+'px;'+opt2+'background-position:-'+bl+'px -'+bt+'px;'+opt3+'}';}
if(b==t){$('body textarea#css').text(ul+'\r\r'+li+'\r\r'+a+'\r\r'+buttons.join('\r\r'));$('head #demoCSS').remove();$('head').append('<style type="text/css" media="screen" id="demoCSS">'+ulDemo+'\r\r'+li+'\r\r'+aDemo+'\r\r'+buttons.join('\r\r')+'</style>');}}}
function createHtml(t,id,names){var ul='<ul id="'+id+'">\r\t';var listItems=new Array();for(b=1;b<=t;b=b+1){if(names=='default'){listItems[b-1]='<li class="button_'+b+'"><a href="#" title="Go to the this page">Button text</a></li>';}else{listItems[b-1]='<li class="'+names[b-1]+'"><a href="#" title="'+names[b-1]+'">'+names[b-1]+'</a></li>';}
if(b==t){$('#demo').html(ul+listItems.join('\r\t')+'</ul>');$('body textarea#html').text(ul+listItems.join('\r\t')+'\r</ul>');}}}
$('#code textarea').focus(function(){$(this).select();});});