﻿//Parse vars and build list items
     //Create elements
     
     function changeMainImage(medium, large) 
     {
        $("#pv360ViewerWrapper").hide();
        $("#pv360Viewer").hide();
        $("#imgMain").show(); 
        $("#imgMain").attr("src", medium);
        $("#hlMain").attr("href", large);
        
        var opts = {player:'iframe'};
        Shadowbox.setup('a[rel^=shadowbox]', opts);    
		
		var ajaxOpts = { ajax:{ type:'GET', dataType:'html', success:onAjaxSuccess }, player:'ajax', width:495, height:243, overlayColor:'#000', overlayOpacity:0.8 };
		Shadowbox.setup('a[rel^=shadowboxlink]', ajaxOpts);
     }
     
     function invoke360viewer() 
     {
        $("#pv360ViewerWrapper").show();
        $("#pv360Viewer").show();
        $("#imgMain").hide();        
     }
     
     $("#pv360Viewer").hide();
         
     $(document).ready(function() 
      {
        var i=0;
        var listItems;
            
        function buildListItems(thumb, medium, large, i) 
        {
          listItems = listItems + ('<li>');
          listItems = listItems + ('<a class="noOutline" href="#"' + ' ' + 'title=' + '"' + pC + '_' + i + '"' + ' ' + 'onClick=' + '"' + 'changeMainImage(' + "'" + medium + "'" + ',' + "'" + large + "'"  + ');return false;"' + '>');
          listItems = listItems + ('<img src=' + '"' + thumb + '"' + 'width="55"' + 'height="55"' + 'border="0"' + '/>');
          listItems = listItems + ('</a>');
          listItems = listItems + ('</li>');
        }
             
        //start List Items     
        listItems = '<div class="wrapper">';        
        listItems = listItems + '<ul id="productCarousel" class="jcarousel-skin-mint">';         
        for (i=1;i<=iC;i++) //Loop array of images
        {
          //List Items
          var thumb = pT + pC + '_' + i + '.jpg';  //Product Viewer (Thumb) 
          var medium = pP + pC + '_' + i + '.jpg'; //Main Image
          var large = pZ + '?imgID=' + i + '&' + 'psc=' + pC;  
          
          buildListItems(thumb, medium, large, i);    
        }     
        listItems = listItems + ('</ul>');
        listItems = listItems + ('</div>');
        //end List Items
              
        //Final output
        $(listItems).appendTo("#productViewer");
        
        //Check 360 flag and show button to fire (invoke360viewer)
        if(has360 == 1)
        {
          $("#hl360Viewer").show();

          $("#hl360Viewer").click(function(e){
            $("#pv360ViewerWrapper").show();
            $("#pv360Viewer").show();
            $("#imgMain").hide();
            e.preventDefault();
            //event 
          });             
        }
        else
        {
          $("#Container360").attr("style", "border:none;");
          $("#pv360ViewerWrapper").hide();
          $("#pv360Viewer").hide();
          $("#hl360Viewer").hide(); 
        }
        
        //Must call init here, not earlier   
      //Shadowbox.init({skipSetup:true,language:"en",players:["iframe", "ajax", "html"]});
      
      //Select/Display 1st image from array
		  changeMainImage(pP + pC + '_' + 1 + '.jpg', pZ + '?imgID=' + 1 + '&' + 'psc=' + pC);     
        
      })
           
      jQuery(document).ready(function() {
      jQuery('#productCarousel').jcarousel({
        scroll: 5, size: iC 
        });
      });
     //