$(function() {

    var banner = $('#bannerOne'),
        cboxOpts = {
            width: '835px',
            height: '550px',
            iframe: true,
            opacity: '0.9',
            href: 'http://www.youtube.com/embed/qf_k-BKpB90',
	    title: 'Our exclusive partnership with VATA Brasil means we can offer this stylish, fast-growing active wear brand to women who care about fitness and fashion. Available for the first time in the UK, the VATA Brasil range is comfortable and supportive for every activity thanks to the OneFit one-size-fits-most fabric.'
        },
        initColorbox = function () {
            if(banner.length) {
                if(typeof $.colorbox === 'undefined') {
                    $.getScript('/includes/templates/rsk/jscript/jquery.colorbox-min.js', function () {
                        $.colorbox(cboxOpts);
                    });
                } else {
                     $.colorbox(cboxOpts);
                }
            }
        };

    banner.click(initColorbox);
						
    // define some variables to use in the navigation animation & active navigation identifiers
	
    var url = window.location.search,
        urlArray = url.split("="),
        nav_button = $('div#navigation a img');
		
    if(urlArray[1] != undefined) {
        var sectionArray = urlArray[1].split('&'),
        section = sectionArray[0];
    }
	
    // set all navigation buttons to a lower opacity
		
    if(urlArray[1]) {
        // if the section isn't undefined, highlight the image that has a URL containing the section name
        $('div#navigation ul li a[href=/index.php?main_page='+section+']');
    }

    // define the navigation image that is active by checking its src for _active
	
    var activeLink = $('div#navigation a:has(img[src*=_active])'),
	
    // define the animation speed to use in the next function
	
    animation_speed = 250;
	
    // add a class of active to the navigation image that has _active in its source
	
    activeLink.addClass('active').children('img').css({
        opacity:"1"
    });
	
    // animate navigation image to hovered state only if its not got a class of active
	
    $('div#navigation a:not(.active)').hover(function() {
		
        // define what is being animated - the child image of the anchor tag that hasnt got an active class
													  
        nav_button_animate = $(this).children('img');
		
        // set the animation properties
		
        nav_button_animate.stop().animate({
            opacity:"1"
        },animation_speed)
    }, function() {
	
        // set the animation properties using a callback function
	
        nav_button_animate.stop().animate({
            opacity:"0.8"
        },animation_speed)
    });
	
    // drop down nav
	 
    $('ul.jqNavigation li').children('ul').hide();
    $('ul.jqNavigation li:has(ul)').children('a').click(function() {
        $(this).parent('li').children('ul').slideToggle();
        return false;
    });
    $('a.on').parent('li').children('ul').show();
    $('a.on').parent('li').parent('ul').show();
	
    // set up jquery.scrollTo plugin - scroll to top when user clicks back to top button
	
    $('div.backToTop a').click(function(){
        $.scrollTo( 0, 500);
        return false;
    });
	
    $('img[alt=Buy Now]').hide();
	
    if($('img[alt=Sold Out][width="1"]').length > 0) {
		
        var soldOut = $('img[alt=Sold Out][width="1"]');
		
        jQuery.each(soldOut, function() {
            $(this).hide();
            $(this).siblings('div.image_container').addClass('outOfStock');
        });
    }
	
    // image hover
    if($('div.image_container').length > 0) {
		
        $('div.image_container:not(.outOfStock)').hover(function() {
            // set prod url, add overlay, show
            var prod_url = $(this).children('a').attr('href');
            $(this).append('<div class="overlay"></div><div class="overlay_text"><a href="'+prod_url+'"><p>Click to view product</p><p class="instock">In Stock</p></a></div>');
            $(this).children('div.overlay_text').css("opacity","1");
            $(this).children('div.overlay').css("opacity","0.8");
        }, function() {
            // hide overlay and text
            $(this).children('div.overlay,div.overlay_text').remove();
        });
		
        $('div.image_container.outOfStock').hover(function() {
            // set prod url, add overlay, show
            var prod_url = $(this).children('a').attr('href');
            $(this).append('<div class="overlay"></div><div class="overlay_text"><a href="'+prod_url+'"><p>Click to view product</p><p class="outofstock">Out of Stock</p></a></div>');
            $(this).children('div.overlay_text').css("opacity","1");
            $(this).children('div.overlay').css("opacity","0.8");
        }, function() {
            // hide overlay and text
            $(this).children('div.overlay,div.overlay_text').remove();
        });
		
    }
		
    // remove class js as it has served its purpose of stopping the FOUC

    $('html').removeClass('js');

});

/**
 * jQuery.ScrollTo - Easy element scrolling using jQuery.
 * Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
 * Dual licensed under MIT and GPL.
 * Date: 5/25/2009
 * @author Ariel Flesler
 * @version 1.4.2
 *
 * http://flesler.blogspot.com/2007/10/jqueryscrollto.html
 */
;
(function(d){
    var k=d.scrollTo=function(a,i,e){
        d(window).scrollTo(a,i,e)
        };

    k.defaults={
        axis:'xy',
        duration:parseFloat(d.fn.jquery)>=1.3?0:1
        };

    k.window=function(a){
        return d(window)._scrollable()
        };

    d.fn._scrollable=function(){
        return this.map(function(){
            var a=this,i=!a.nodeName||d.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;
            if(!i)return a;
            var e=(a.contentWindow||a).document||a.ownerDocument||a;
            return d.browser.safari||e.compatMode=='BackCompat'?e.body:e.documentElement
            })
        };

    d.fn.scrollTo=function(n,j,b){
        if(typeof j=='object'){
            b=j;
            j=0
            }
            if(typeof b=='function')b={
            onAfter:b
        };

        if(n=='max')n=9e9;
        b=d.extend({},k.defaults,b);
        j=j||b.speed||b.duration;
        b.queue=b.queue&&b.axis.length>1;
        if(b.queue)j/=2;
        b.offset=p(b.offset);
        b.over=p(b.over);
        return this._scrollable().each(function(){
            var q=this,r=d(q),f=n,s,g={},u=r.is('html,body');
            switch(typeof f){
                case'number':case'string':
                    if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)){
                    f=p(f);
                    break
                }
                f=d(f,this);
                case'object':
                    if(f.is||f.style)s=(f=d(f)).offset()
                    }
                    d.each(b.axis.split(''),function(a,i){
                var e=i=='x'?'Left':'Top',h=e.toLowerCase(),c='scroll'+e,l=q[c],m=k.max(q,i);
                if(s){
                    g[c]=s[h]+(u?0:l-r.offset()[h]);
                    if(b.margin){
                        g[c]-=parseInt(f.css('margin'+e))||0;
                        g[c]-=parseInt(f.css('border'+e+'Width'))||0
                        }
                        g[c]+=b.offset[h]||0;
                    if(b.over[h])g[c]+=f[i=='x'?'width':'height']()*b.over[h]
                        }else{
                    var o=f[h];
                    g[c]=o.slice&&o.slice(-1)=='%'?parseFloat(o)/100*m:o
                    }
                    if(/^\d+$/.test(g[c]))g[c]=g[c]<=0?0:Math.min(g[c],m);
                if(!a&&b.queue){
                    if(l!=g[c])t(b.onAfterFirst);
                    delete g[c]
                }
            });
        t(b.onAfter);
            function t(a){
            r.animate(g,j,b.easing,a&&function(){
                a.call(this,n,b)
                })
            }
        }).end()
    };

k.max=function(a,i){
    var e=i=='x'?'Width':'Height',h='scroll'+e;
    if(!d(a).is('html,body'))return a[h]-d(a)[e.toLowerCase()]();
    var c='client'+e,l=a.ownerDocument.documentElement,m=a.ownerDocument.body;
    return Math.max(l[h],m[h])-Math.min(l[c],m[c])
    };

function p(a){
    return typeof a=='object'?a:{
        top:a,
        left:a
    }
}
})(jQuery);