$(document).ready(function() {

$(window).resize(function() {
var agent=navigator.userAgent.toLowerCase();
var is_iphone = (agent.indexOf('iphone')!=-1);
if (!is_iphone) { window.location.reload() };
});

////////////////////////////////

var scrollTo = "0";

items = $(".departmentMenuItem").size();
startPos = 268;
currentItem = 'start';
start = 1;
documentWidth= $(document).width();


//$(".departmentBox:eq(0)").css({ 'left': documentWidth+20+'px'});
//$(".departmentBox:eq(0) > .departmentImage").animate({ 'right': '-=500'},0);
//$(".departmentBox:eq(0) > .departmentBoxContentContainer > .normalText").animate({ 'left': '+=200'},0);

//$(".departmentBox:eq(0)").animate({ 'left': '0px'}, 700, 'easeOutExpo');
//$(".departmentBox:eq(0) > .departmentImage").animate({ 'right': '+=500'}, 1500, 'easeOutQuint');
//$(".departmentBox:eq(0) > .departmentBoxContentContainer > .normalText").animate({ 'left': '-=200'}, 1000, 'easeOutQuint');
//$(".departmentBox:gt(0)").each(function() {
//thisIndex = $(this).index();
//newLeft = (documentWidth+20)*(thisIndex);
//$(this).css({ 'left': newLeft+'px'});
//});

$('.departmentMenuItem').click(function() {

$(".departmentBox").stop(true,false);
$(".departmentBox").children(".departmentImage").stop(true,true);
$(".departmentBox").children(".departmentBoxContentContainer").children(".normalText").stop(true,true);

clickIndex = $(this).index();
scrollTo = 535*clickIndex;
scrollTo = startPos+scrollTo;

$(".departmentBox:lt("+clickIndex+")").each(function() {
thisIndex = $(this).index();
newLeft = (documentWidth+20)*(clickIndex-thisIndex);
$(this).animate({ 'left': '-'+(newLeft)+'px'}, 300, 'easeInQuad');
});

$(".departmentBox:gt("+clickIndex+")").each(function() {
thisIndex = $(this).index();
newLeft = (documentWidth+20)*(thisIndex-clickIndex)
$(this).animate({ 'left': newLeft+'px'}, 300, 'easeInQuad');
});

if(clickIndex!=currentItem) {

if(clickIndex>currentItem) {
$(".departmentBox:eq("+clickIndex+")").children(".departmentImage").animate({ 'right': '-=500'},0);
$(".departmentBox:eq("+clickIndex+")").children(".departmentBoxContentContainer").children(".normalText").animate({ 'left': '+=200'},0);
$(".departmentBox:eq("+clickIndex+")").children(".departmentImage").animate({ 'right': '+=500'}, 1500, 'easeOutQuint');
$(".departmentBox:eq("+clickIndex+")").children(".departmentBoxContentContainer").children(".normalText").animate({ 'left': '-=200'}, 1000, 'easeOutQuint');
}
else {
$(".departmentBox:eq("+clickIndex+")").children(".departmentImage").animate({ 'right': '+=500'},0);
$(".departmentBox:eq("+clickIndex+")").children(".departmentBoxContentContainer").children(".normalText").animate({ 'left': '-=200'},0);
$(".departmentBox:eq("+clickIndex+")").children(".departmentImage").animate({ 'right': '-=500'}, 1500, 'easeOutQuint');
$(".departmentBox:eq("+clickIndex+")").children(".departmentBoxContentContainer").children(".normalText").animate({ 'left': '+=200'}, 1000, 'easeOutQuint');
}

$(".departmentBox:eq("+clickIndex+")").animate({ 'left': '0px'}, 700, 'easeOutExpo', function() {
if(start=='1') {
$(".departmentBox").fadeIn('fast');
start = 0;
}
});

}

currentItem = clickIndex;

});

//////////

//click on random menu index on load
startClickIndex = Math.floor(Math.random() * items)
$('.departmentMenuItem').eq(startClickIndex).click();

});