// JavaScript Document
$(document).ready(function(){
		$('#menu').append('<form name="stringurl"><input type="hidden" name="loc"></form>');
		function urlstring(){var s=window.location;document.stringurl.loc.value=s;var urls=document.stringurl.loc.value;return(urls);}
		function getid(){var u=urlstring();var l=u.lastIndexOf('#')+1;var k=u.length;var m=u.substr(l,k);return(m);}
		function geturloc(furl){var s=urlstring();var urloc=s.search(furl);if (urloc<0){return(false);} else {return(true);}}
		var uloc='';
		var bloc='boatprojects/';
		var gloc='gallery/';
		if (geturloc('boatprojects')==true){
			uloc='../'
			gloc='../gallery/';			
			bloc='';			
			};
		if (geturloc('gallery')==true){			
			gloc='';
			uloc='../'
			bloc='../boatprojects/';			
			
		}
		$('#home a').attr('href',uloc+'index.html');
		$('#wharam a').attr('href',uloc+'links.html');
		$('#contact a').attr('href',uloc+'contact.html');

        $('#hdr img').attr('src',uloc+'images/home_01.jpg');

        $('#hspace1 img').attr('src',uloc+'images/home_02.jpg');
        $('#home img').attr('src',uloc+'images/home_03.jpg');
        $('#company img').attr('src',uloc+'images/home_04.jpg');
        $('#gallery img:nth-child(1)').attr('src',uloc+'images/home_05.jpg');
        $('#wharam img').attr('src',uloc+'images/home_06.jpg');
        $('#daycharter img').remove();
//        $('#daycharter img').attr('src',uloc+'images/home_07.jpg');
        $('#contact img').attr('src',uloc+'images/home_08.jpg');
        $('#hspace2 img').attr('src',uloc+'images/home_09.jpg');                                        

        $('#company').append('<div id="csub" class="msub"><ul></ul></div>');
        $('#company ul').append('<li><a href="'+uloc+'company.html">Company</a></li><li><a href="'+uloc+'bio.html">Biography</a></li><li><a href="'+uloc+'crew.html">Crew</a></li><li><a href="'+uloc+'map.html">Map</a></li><li><a href="'+uloc+'yard.html">About the Yard</a></li><li><a href="'+uloc+'testimonial.html">Testimonials</a></li><li><a href="'+gloc+'bohol.html">Bohol Yatch Club</a></li><li><a href="'+uloc+'afflinks.html">Links</a></li>');		

        $('#gallery').append('<div id="galsub" class="msub"><ul></ul></div>');
        $('#gallery ul').append('<li id="islander">Islander<img align="right" src="'+uloc+'images/marrows.gif"/><div id="isub" class="msub2"><ul></ul></div></li><li id="ethnic">Ethnic <img align="right" src="'+uloc+'images/marrows.gif"/><div id="esub" class="msub2"><ul></ul></div></li><li id="tiki">Tiki & Hitia<img align="right" src="'+uloc+'images/marrows.gif"/><div id="tsub" class="msub2"><ul></ul></div></li><li id="others">Other Design<img id="mar" align="right" src="'+uloc+'images/marrows.gif"/><div id="osub" class="msub2"><ul></ul></div></li>');        

      $('#isub ul').append('<li><a href="'+bloc+'islander32.html">Islander 32</a></li><li><a href="'+bloc+'islander39.html">Islander 39</a></li><li><a href="'+bloc+'islander55.html">Islander 55</a></li><li><a href="'+bloc+'islander65.html">Islander 65</a></li>');
      
      $('#esub ul').append('<li id="lapita">Lapita Voyage<img align="right" src="'+uloc+'images/marrows.gif"/><li><a href="'+bloc+'tahitian.html"> Tahitian Pahi</a></li><li><a href="'+bloc+'tama.html">Tama Moana</a></li><li><a href="'+bloc+'wildhoney.html">Wild Honey</a></li><li><a href="'+bloc+'amatasi.html">Amatasi</a></li><li><a href="'+bloc+'blaublixx2.html">blaublixx2</a></li>');

      $('#lapita').append('<div id="esub2" class="msub3"><ul></ul></div>'); 
      $('#esub2 ul').append('<li><a href="'+bloc+'lapita1.html">Final Works at the Yard</a></li><li><a href="'+bloc+'lapita2.html">Launch</a></li><li><a href="'+bloc+'lapita3.html">Ceremony</a></li><li><a href="'+bloc+'lapita4.html">Departure</a></li>');

      $('#tiki').append('<div id="tsub" class="msub2"><ul></ul></div>');
      $('#tiki ul').append('<li><a href="'+bloc+'hitia.html">Hitia</a></li><li><a href="'+bloc+'tiki26.html">Tiki 26</a></li><li><a href="'+bloc+'tiki28.html">Tiki 28</a></li><li><a href="'+bloc+'tiki30.html">Tiki 30</a></li><li><a href="'+bloc+'tiki30m.html">Tiki 30 Mahiya</a></li><li><a href="'+bloc+'tiki36.html">Tiki 36</a></li><li><a href="'+bloc+'tiki38.html">Tiki 38</a></li>');
      
      $('#others').append('<div id="osub" class="msub2"><ul></ul></div>');
      $('#others ul').append('<li><a href="'+bloc+'powercat.html">Power Cat</a></li><li><a href="'+bloc+'tender.html">Tender</a></li><li><a href="'+bloc+'trimaran.html">Trimaran</a></li><li><a href="'+bloc+'work.html">Work Boat</a></li><li><a href="'+bloc+'dory.html">Dory</a></li><li><a href="'+bloc+'pacificdory.html">Pacific Dory</a></li>');
      
//      $('#daycharter').append('<div id="chsub" class="msub"><ul></ul></div>');
//      $('#daycharter ul').append('<li><a href="'+jloc+'gallery.html">Jack&#8217;s Cats Gallery</a></li><li><a href="'+jloc+'ice.html">About Ice Inc Jack&#8217;s Cats</a></li><li><a href="'+jloc+'map2.html">Jack&#8217;s Cats Location</a></li><li><a href="'+jloc+'essay.html">Jack&#8217;s Cats Yarn</a></li><li><a href="'+jloc+'casa.html">Casa Eeklo & Jack&#8217;s Cats</a></li>');
                
	  $('.msub li').hover(function(){$(this).css({background:'#FF9900',color:'#FFFFFF'});},
      function(){$(this).css({background:'#FFCC00',color:'#990000'});})

      $('#company').hover(function(){$('#csub').show();},function(){$('#csub').hide();})
        $('#gallery').hover(function(){$('#galsub').show();},function(){$('#galsub').hide();})
        $('#islander').hover(function(){$('#isub').show();},function(){$('#isub').hide();})
        $('#ethnic').hover(function(){$('#esub').show();}, function(){$('#esub').hide();})
        $('#lapita').hover(function(){$('#esub2').show();},function(){$('#esub2').hide();})
        $('#tiki').hover(function(){$('#tsub').show();},function(){$('#tsub').hide();})
        $('#others').hover(function(){$('#osub').show();},function(){$('#osub').hide();})        
//        $('#daycharter').hover(function(){$('#chsub').show();},function(){$('#chsub').hide();})    

		$('#imset').append('<div id="gcont"></div>');
        $('#imset h1').attr('name','ipoint');
  	    var li=$('#icont img').size();
   	    var isets= Math.ceil(li/12);
   	    var npoint=isets+1;
        var fc=1;
    	var lc=12;
        var ncount=1;
		function loadimg(fcount, lcount, litem){
			for (var i=fcount; i<=lcount; i++){
				if (i<=litem){$('#icont img:nth-child('+i+')').clone().appendTo('#gcont');}
			}
		}
		
		function clickwrapper(pg){
            $('#iclick a').removeAttr('href');
            $('#iclick a span').removeClass();
            for (var i=1; i<=isets; i++){
                if (i!=pg){
                    $('#iclick a:nth-child('+i+')').attr('href','#');           
                    $('#iclick a:nth-child('+i+') span').addClass('pclick');
                }else{
                    $('#iclick a:nth-child('+i+') span').addClass('ppoint');                
                }
            }
        }

        function imgloader(){
		    $('#imset').append('<div id="imgbut"><ul></ul></div>');
            $('#imgbut').append('<li id="prev"><a title="0" href="#ipoint"><span class="pnp"><</span></a></li>');
		    $('#imgbut').append('<li id="iclick"></li>');
		    $('#imgbut').append('<li id="next"><a title="'+npoint+'" href="#ipoint"><span class="pnp">></span></a></li>');		 
               
            for (var i=1; i<=isets; i++){$('#iclick').append('<a title="'+i+'"> <span>'+i+'</span></a>');}

		    loadimg(fc,lc,li);
		    imgwrapper();
		    clickwrapper(1);
 		    if (isets==1){
                $('#imgbut a').css('display','none');
            } else {
			$('#imgbut a').click(function(){
				var x=this.getAttribute("title");
                if (x==0){
                    ncount--;  
                    if (ncount<=1){
                      ncount=1;
                    }
                }
                if (x==npoint){
                    ncount++;
                    if (ncount>=isets){
                      ncount=isets;
                    }
                }
                if (x!=0 && x!=npoint){ncount=x;}
                    clickwrapper(ncount);
                    nmcount=parseFloat(ncount)-1;
			        fc=(nmcount*12)+1;
			        lc=(nmcount+1)*12;
			        $('#gcont').empty(); 
		            loadimg(fc,lc, li);
		            imgwrapper();
			})
			}
        }

		function imgwrapper(){
		$('#gcont img').attr('width','120');
		$('#gcont img').wrap('<div><a href=""></a></div>');
		$('#gcont a').append('<p></p>');

		$('#gcont a').lightBox();
        $('#gcont img').each(function(n){this.id="gg"+n;})
        $('#gcont p').each(function(n){this.id="gp"+n;})        
		$('#gcont a').each(function(n){
			var x=document.getElementById("gg"+n).getAttribute("src");
            var xbegin=x.lastIndexOf('/')+1;
            var xend=x.length;
            var xstrip=x.substr(xbegin,xend);
			xstrip=xstrip.replace(/_/g,' ');
			xstrip=xstrip.replace(/.jpg/g,'');
            $(this).attr('href',x);
            $(this).attr('title',xstrip);
            $('#gp'+n).append(xstrip);
        })
        }
        var f=$('#imset h1').text();
        document.title=f;
	    imgloader();

        $('#cmpset p').wrap('<span></span>');
		$('#cimg a').lightBox();
		
//		$.get($('#bkglink').text(), {}, function(data) {
//		    var $response = $('<div />').html(data);
//		    var $getimg = $response.find('#icont img');
//			$('#bkgimg').append($getimg);
//			$('#bkgimg img').wrap('<a href=""></a>');
			$('#bkgimg img').each( function(){
											var x = $(this).attr('src');	
											var xbegin=x.lastIndexOf('/')+1;
								            var xend=x.length;
								            var xstrip=x.substr(xbegin,xend);											
											xstrip=xstrip.replace(/_/g,' ');
											xstrip=xstrip.replace(/.jpg/g,'');
											$(this).wrap('<a href="'+$(this).attr('src')+'" title="'+xstrip+'"></a>');
											});
			$('#bkset a[class=bkt1]').lightBox();
			$('#bkgimg a').lightBox();
			
//		},'html');

});