//create arrays and replace images with divs
var fashion = jQuery.makeArray($(".imgcontainer img"));
var beauty = jQuery.makeArray($(".imgcontainerb img"));

$("img.fashion").replaceWith("<div class='fimg'></div>");
$("img.beauty").replaceWith("<div class='bimg'></div>");

var currentfimg = 0;
var currentbimg = 0;

//hide nav
function onAfterf(curr, next, opts) {
    var index = $(this).parent().children().index(this);
    $('#prev2')[index == 0 ? 'hide' : 'show']();
    $('#next2')[index == opts.slideCount - 1 ? 'hide' : 'show']();
}
function onAfterb(curr, next, opts) {
    var index = $(this).parent().children().index(this);
    $('#prev3')[index == 0 ? 'hide' : 'show']();
    $('#next3')[index == opts.slideCount - 1 ? 'hide' : 'show']();	 
}

//startup
$(document).ready(function(){


for(i=0;i<(4);i++)
	{
		$("div.fimg:eq(0)").replaceWith("<img src='images/" + farr[(currentfimg+i)] + "' alt='' />")
	}
currentfimg = 4

for(i=0;i<(3);i++)
	{
		$("div.bimg:eq(0)").replaceWith("<img src='images/" + barr[(currentbimg+i)] + "' alt='' />")
	}
currentbimg = 3
$('.maincontainer').fadeIn("slow")
})

//load slides via forward/backward

//fashion
function loadSlidef(idx,slide){
var whichimage = parseInt($(".imgcontainer .holder:eq('"+idx+"')").attr("id"))
var countimg =  $(".imgcontainer .holder:eq('"+idx+"') .fimg").length
var imglength = $(".imgcontainer .holder:eq('"+idx+"') div.fimg").length

for(i=0;i<imglength;i++){
	$(".imgcontainer .holder:eq('"+idx+"') div.fimg:eq(0)").replaceWith("<img src='images/" + farr[(whichimage+i)] + "'/>")
	}
}

//beauty
function loadSlideb(idx,slide){
var whichimage = parseInt($(".imgcontainerb .holder:eq('"+idx+"')").attr("id"))
var countimg =  $(".imgcontainerb .holder:eq('"+idx+"') .bimg").length
var imglength = $(".imgcontainerb .holder:eq('"+idx+"') div.bimg").length

for(i=0;i<imglength;i++){
	$(".imgcontainerb .holder:eq('"+idx+"') div.bimg:eq(0)").replaceWith("<img src='images/" + barr[(whichimage+i)] + "'/>")
	}
}


//load slides via thumbs

//fashion
function loadNextf(idx,slide){
var whichimage = parseInt($(".imgcontainer .holder:eq('"+slide+"')").attr("id"))
var countimg =  $(".imgcontainer .holder:eq('"+slide+"') .fimg").length
var imglength = $(".imgcontainer .holder:eq('"+slide+"') div.fimg").length

for(i=0;i<imglength;i++){
	$(".imgcontainer .holder:eq('"+slide+"') div.fimg:eq(0)").replaceWith("<img src='images/" + farr[(whichimage+i)] + "'/>")
	}
}

//beauty
function loadNextb(idx,slide){
var whichimage = parseInt($(".imgcontainerb .holder:eq('"+slide+"')").attr("id"))
var countimg =  $(".imgcontainerb .holder:eq('"+slide+"') .bimg").length
var imglength = $(".imgcontainerb .holder:eq('"+slide+"') div.bimg").length

for(i=0;i<imglength;i++){
		$(".imgcontainerb .holder:eq('"+slide+"') div.bimg:eq(0)").replaceWith("<img src='images/" + barr[(whichimage+i)] + "'/>")
	}
}

// cycle animations
$.fn.cycle.defaults.speed   = 300;
$.fn.cycle.defaults.timeout = 6000;

//fashion
$(function() {
$('.imgcontainer').cycle({
    fx:     'scrollHorz',
    speed:  'normal',
	 easeIn: 'easeInOutCubic',
	 easeOut:'easeInOutCubic',
	 speedIn: 800,
	 speedOut:500,
    next:   '#next2',
    prev:   '#prev2',
	 nowrap: 1,
    timeout: 0,
	 after:  onAfterf,
	 prevNextClick: loadNextf,
	 pager: '#ft',
	 pagerClick: loadSlidef,
	 pagerAnchorBuilder: function(idx, slide) { 
	        return '#ft li:eq(' + idx + ') a'
	}
});
});


//beauty
$(function() {
$('.imgcontainerb').cycle({
    fx:     'scrollHorz',
    speed:  'normal',
	 easeIn: 'easeInOutCubic',
	 easeOut:'easeInOutCubic',
	 speedIn: 800,
	 speedOut:500,
    next:   '#next3',
    prev:   '#prev3',
	 nowrap: 1,
    timeout: 0,
	 after:  onAfterb,
	 prevNextClick: loadNextb,
	 pager: '#bt',
	 pagerClick: loadSlideb,
	 pagerAnchorBuilder: function(idx, slide) { 
	        return '#bt li:eq(' + idx + ') a'
	} 
	 });
});

//main menu
$(function() {
$('.maincontainer').cycle({
    fx:     'scrollUp',
    speed:  'normal',
    timeout: 0,
	 easeIn: 'easeInOutCubic',
	 easeOut:'easeInOutCubic',
	 speedIn: 800,
	 speedOut:500,
    pager:  '#menu', 
    pagerAnchorBuilder: function(idx, slide) { 
        return '#menu a:eq(' + (idx) + ')'; 
	 }
	 });
});