<?php 
$this->load->view('site/templates/header'); 
?>




<script type="text/javascript">

$(document).ready(function() {		
	
	//Execute the slideShow
	slideShow();

});

function slideShow() {

	//Set the opacity of all images to 0
	$('#gallery a').css({opacity: 0.0});
	
	//Get the first image and display it (set it to full opacity)
	$('#gallery a:first').css({opacity: 1.0});
	
	//Set the caption background to semi-transparent
	$('#gallery .caption').css({opacity: 0.7});

	//Resize the width of the caption according to the image width
	$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
	
	//Get the caption of the first image from REL attribute and display it
	$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
	.animate({opacity: 0.7}, 400);
	
	//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('gallery()',6000);
	
}

function gallery() {
	
	//if no IMGs have the show class, grab the first image
	var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));

	//Get next image, if it reached the end of the slideshow, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));	
	
	//Get next image caption
	var caption = next.find('img').attr('rel');	
	
	//Set the fade in effect for the next image, show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
	//Set the opacity to 0 and height to 1px
	$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });	
	
	//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
	$('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '20px'},500 );
	
	//Display the content
	$('#gallery .content').html(caption);
	
	
}

</script>
<style type="text/css">
body{
	font-family:arial
}

.clear {
	clear:both
}

#gallery  {
    height: 280px;
    margin: 30px 0;
    position: relative;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 

		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
    bottom: 2px;
    left: 40px;
    margin: 0 0 20px 20px;
    position: absolute;
}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
	
.aurtor-link-texr a{font-weight:bold; margin:0 0 0 4px }

</style>


<link rel="stylesheet" href="css/jquery.ptTimeSelect.css" type="text/css" />
<script language="javascript" src="js/jquery.ptTimeSelect.js"></script>
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="js/1.8.24-jquery-ui.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
	    $("#registryDate").datepicker({ dateFormat: "yy-mm-dd", changeMonth: true, changeYear: true,  }).val()
		$('#registryDate').click();
		$('#confirmDelete').click(function(e) {  
           $('#sure_btn').css('display','block'); 
        }); 
		$('#cancel_regis-delete').click(function(e) {  
           $('#sure_btn').css('display','none'); 
        });  
    });
</script>

<style>
#cboxLoadedContent{background:none;}

</style>


<div style='display:none'>

 <div id="make_reg1" style="float: left; border-radius: 17px; padding: 10px; background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.26);"> 
  <form action="site/market/insertRegistry" method="post"> 
	<div style="background:#EAF7FD;heigth:400px; margin:0px" class="sign_in_form">
        <div style="border:none; margin:0; padding:0" class="sign_in_form-inner">
            <div style="float:left; width:93%;" class="sign_head5">
                <h2><?php if($this->lang->line('seller_wedding') != '') { echo stripslashes($this->lang->line('seller_wedding')); } else echo 'When is your wedding'; ?>?</h2> 
                  
                 <input type="text" class="payment_txt datepicker required" name="registryDate" id="registryDate" style="width:125px !important" value="<?php if($this->lang->line('registry_date') != '') { echo stripslashes($this->lang->line('registry_date')); } else echo 'Select the date'; ?>.">
                 <input type="button" class="submit_btn" value="<?php if($this->lang->line('seller_create') != '') { echo stripslashes($this->lang->line('seller_create')); } else echo 'Create Your Registry'; ?>" onclick="javascript:$('#registryDate').trigger('focus'); " style=" border-radius: 2px;
    font-size: 12px;
    height: 25px;
    line-height: 15px;
    margin: 5px 5px 0 0;
    padding: 0;
    text-align: center;
    width: 168px;
" />
                 
            </div> 
       
          <div style="background:#E9F6FC;  padding: 10px; width:95.6%" class="sign_head5">
          <div style="float:right">
           <input class="submit_btn" type="submit" value="<?php if($this->lang->line('user_save') != '') { echo stripslashes($this->lang->line('user_save')); } else echo 'Save'; ?>" name="submitRegistry" />
           <input type="button" class="cancelresg" id="CancelRegisBtn" value="<?php if($this->lang->line('user_cancel') != '') { echo stripslashes($this->lang->line('user_cancel')); } else echo 'Cancel'; ?>">
           </div>
          </div> 
          
         </div>
         
         
        
    </div>
    </form>
 </div>
 
</div>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>


<section style="background:#fff; border-bottom:1px solid #ccc">
    <div class="registary_landing_top">
        <div class="main">
        <div class="registary-left1">
            <div id="registary_landing_top-title">
            <a href="category-list/68-weddings"><?php if($this->lang->line('user_weddings') != '') { echo stripslashes($this->lang->line('user_weddings')); } else echo 'Weddings'; ?></a>
            </div>
        <h1>
         <div id="feed-header"><?php if($this->lang->line('seller_registry') != '') { echo stripslashes($this->lang->line('seller_registry')); } else echo 'Your Registry'; ?>  <a href="<?php echo current_url();?>" class="twitter-share-button" data-lang="en" data-count="none"><?php if($this->lang->line('shopsec_tweet') != '') { echo stripslashes($this->lang->line('shopsec_tweet')); } else echo 'Tweet'; ?></a></div>
        </h1>
        </div>
        <div class="registary-right1">
        

       <!-- <form>
        <h3>Find a Registry</h3>
          <div class="registry-search-input-wrapper">
              <input class="text" type="text" autocomplete="off" placeholder="Lauren and Jason" value="" maxlength="40" name="q">
              <div class="find-suggestions" style="top: 45px; left: 92px; width: 281px; display: none;"></div>
          </div>
        </form>-->
        </div>
        </div>
    </div>
   <div class="main">
  <div class="banner-registarty">
      
     <div class="banner_container">
                <h2 class="headline"><?php if($this->lang->line('seller_register') != '') { echo stripslashes($this->lang->line('seller_register')); } else echo 'Register with'; ?> <?php echo $this->config->item('email_title');?>.</h2> 
                <h2><?php if($this->lang->line('seller_uniquegifts') != '') { echo stripslashes($this->lang->line('seller_uniquegifts')); } else echo 'Unique gifts for the next chapter of your life'; ?>.</h2>
                <?php if($loginCheck!= '') {?>
                <a href="javascript: void(0);" class="make-popup1"> <input style=" margin: 30px 0 0 350px;" class="save_btn" type="button" value="<?php if($this->lang->line('seller_createregistry') != '') { echo stripslashes($this->lang->line('seller_createregistry')); } else echo 'Create Wedding Registry'; ?>"></a>
                <?php } else {?>
                <a href="login" ><input style=" margin: 40px 0 0;" class="save_btn" type="button" value="<?php if($this->lang->line('seller_createregistry') != '') { echo stripslashes($this->lang->line('seller_createregistry')); } else echo 'Create Wedding Registry'; ?>"></a>
                 <?php }?>
                </div>
    <div id="gallery">


      
	
	<?php foreach($registryBannerList->result() as $BImg) {?>
		
	<a style="cursor:default">
		<img src="images/banner/<?php echo $BImg->seller_banner;?>" alt="Pier" width="980" rel="<span style='color:#888;'>Photo by</span><a href='shop-section/<?php echo $BImg->seourl;?>'><?php echo $BImg->seller_businessname;?></a>"/>
	</a>
	<?php }?>
	

	<div class="caption"><div class="content"></div></div>
</div>

    
</div></div>
    </section>
<script src="js/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){

		$(".cboxClose1").click(function(){
			$("#cboxOverlay,#colorbox").hide();
			});
		
			
			$(".make-popup1").colorbox({width:"448px", height:"auto", inline:true, href:"#make_reg1"});
		    		
		
		//Example of preserving a JavaScript event for inline calls.
			$("#onLoad").click(function(){ 
				$('#onLoad').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
				return false;
			});
			
			$("#CancelRegisBtn").click(function(){
			$('#cboxClose').trigger('click');
			});
});
</script>
<?php 
$this->load->view('site/templates/footer');
?>
