// -------------- JQuery Cylce -------------------------------------------------
// used on homepage for #left banner scrolling 
$(document).ready(function(){
	$('#right').cycle ({
		fx:		'fade',
		speed:	2500,
		pause:	1
	});
	$('#hero').cycle({ 
        fx: 'fade', 
        speed: 2500, 
        pause: 1,
        pager:  '#pagerCont', 
        pagerAnchorBuilder: function(idx, slide) { 
            // return selector string for existing anchor 
            return '#pagerCont li:eq(' + idx + ') a'; 
        }     
    }); 
   // $('<ul id="pagerCont">\n<li class="activeSlide"><a><span class="pagerHide">1</span> <span class="pagerPreview"><img width="248px" height="72px" src="/pws/images/cms/2011_img_mainbanner-wk42_big-for-gifting.jpg" /></span></a></li>\n<li><a><span class="pagerHide">2</span> <span class="pagerPreview"><img width="124px" height="72px" src="/pws/images/cms/2011_img_mainbanner-wk44_diesel-loverdose.jpg" /><img width="124" height="72" src="/pws/images/cms/2011_img_mainbanner-wk44_diesel-otb.jpg" /></span></a></li>\n<li><a><span class="pagerHide">3</span> <span class="pagerPreview"><img width="248px" height="72px" src="/pws/images/cms/2011_img_mainbanner-wk38_rewards-club.jpg" /></span></a></li>\n<li><a><span class="pagerHide">4</span> <span class="pagerPreview"><img width="248px" height="72px" src="/pws/images/cms/2011_img_mainbanner-wk42_dior-jadore.jpg" /></span></a></li>\n <li><a><span class="pagerHide">5</span> <span class="pagerPreview"><img width="248px" height="72px" src="/pws/images/cms/2011_img_mainbanner-wk43_lacoste-tickets.jpg" /></span></a></li>\n</ul>') .insertAfter ('#hero');

	// -------------- JQuery Carousel -------------------------------------------------
	// Used on homepage for the the brand scoller
	jQuery('#mycarousel').jcarousel({
		wrap: 'circular',
		scroll: 1
    });

	// Dialog			
	//$('#dialog').dialog({
	//		resizable:false,
	//		modal:true,
	//		width:616,
	//		height:340
	//	});
});