/// <reference path="Core.js" />
$(document).ready(function () {

    /*events*/
    var topNavigationsListItem = $('.navHead ul li');
    topNavigationsListItem.click(function (e) {
        topNavigationsListItem.removeClass('navHeadActive');
        $(this).addClass('navHeadActive');
        Cufon.refresh('.navHead ul li a');
    });

    $('#btnFran').live('click', function (e) {
        e.preventDefault();
        if (lang == 'en') {
            window.open("franchisingen.aspx", "", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=580,height=500", "");
        } else {
            window.open("franchising.aspx", "", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=580,height=500", "");
        }
    });

    aff.setCufonRightContent = function () {
        Cufon.replace('.rightContent h1', {
            fontFamily: 'Didot',
            hover: {
                color: '#484144'
            }
        });

        Cufon.replace('.formTitle', {
            fontFamily: 'Didot',
            hover: {
                color: '#484144'
            }
        });


        Cufon.replace('.leftForm h2', {
            fontFamily: 'Helvetica Neue LT Pro',
            hover: {
                color: '#484144'
            }
        });

        Cufon.replace('.rightForm h2', {
            fontFamily: 'Helvetica Neue LT Pro',
            hover: {
                color: '#484144'
            }
        });

        Cufon.replace('.form label', {
            fontFamily: 'Helvetica Neue LT Pro',
            hover: {
                color: '#484144'
            }
        });

        Cufon.replace('.contactCol h3', {
            fontFamily: 'Helvetica Neue LT Pro',
            hover: {
                color: '#484144'
            }
        });

        Cufon.replace('.contactCol span', {
            fontFamily: 'Helvetica Neue LT Pro',
            hover: {
                color: '#484144'
            }
        });
    };

    /*Get content */
    aff.getAllPages = function () {
        var options = {
            command: 'getAllPages',
            data: String.format('lang={0}', lang),
            success: function (result) {
                aff._log(result);
                var test = $('#test');
                var testHtml = '';
                $.each(result.ResponseObject, function (index, item) {
                    testHtml += '<br />' + item.Name;
                });
                test.html(testHtml);
            }
        };
        aff._sendRequest(options);
    };

    var showLookbookLoader = function () {
        $('#lbloaderg').show();
        $('#lbmainimg').hide();
        $('.mask').hide();
        $('.lookbookShadow').removeClass('lookbookShadow').addClass('lookbookShadow2');
        $.timer(1200, function (timerLoader) {
            $('#lbloaderg').hide();
            $('#lbmainimg').show();
            $('.mask').show();
            $('.lookbookShadow2').removeClass('lookbookShadow2').addClass('lookbookShadow');
            timerLoader.stop();
        });
    };

    var storeTitle = 'Mağazalar';
    var printCatalogText = 'İndir';
    var contactTitle = 'İletişim';
    aff.getContent = function (page, url, animate) {
        var content = $('.content');

        if (lang === 'en') {
            storeTitle = 'Stores';
            printCatalogText = 'Download Catalog';
            contactTitle = 'Contact';
        }

        if (typeof page === 'undefined') {
            page = lang === 'en' ? 2 : 1; //default page ids
        }

        var setContent = function (ro) {
            content.html('<div class="ajaxBox"><div class="ajaxLoad"></div></div>')
            $('.ajaxLoad').show();
            /**
            * 7 kampanya
            * 9 campaing
            */
            //special pages
            var linkitems = $('.navHead ul li a');
            $('.navHead ul li').removeClass('navHeadActive');
            $.each(linkitems, function (index, item) {
                if ($(item).attr('href').indexOf(ro.FriendlyUrl) > -1) {
                    $(item).parent().addClass('navHeadActive');
                    Cufon.refresh('.navHead ul li a');
                    return;
                }
            });

            if (ro.Id == 8 || ro.Id == 10) {
                var storeTemplate = $('<div>' +
				   '<div class="storesPage">' +
					'<h1>' + storeTitle + '</h1>' +
					'<div class="magazaCol">' +
						'<div class="country">' +
						'</div>' +
						'<div class="city">' +
							'<ul id="cityUl">' +
							'</ul>' +
						'</div>' +
						'<span class="nextCity"><a href="#">Next</a></span>' +
						'<span class="prevCity"><a href="#">Prev</a></span>' +
						'<div class="town">' +
							'<ul id="townUl">' +
						   '</ul>' +
						'</div>' +
						'<span class="nextTown"><a href="#">Next</a></span>' +
						'<span class="prevTown"><a href="#">Prev</a></span>' +
						'<div class="townAdress">' +
						'</div>' +
					'</div>' +
				'</div>');
                content.animate({ opacity: 0 }, function () {
                    //$('.ajaxLoad').hide();
                    content.html(storeTemplate.html());
                    aff.getStoresCountry(0);
                    content.animate({ opacity: 1 });
                });

                return;
            }

            if (ro.Id == 4 || ro.Id == 6) {

                var commandHref = window.location.href;
                var pdfURL = '/pdf/collection.zip';
                var lookbookCommand = 'getLookBook';
                if (commandHref.indexOf('?') > -1) {
                    lookbookCommand = commandHref.substr(commandHref.indexOf('?'));
                    lookbookCommand = lookbookCommand.replace(/\?s=/gi, '');
                    if (lookbookCommand == '2') {
                        lookbookCommand = 'getLookBookPage2'
                        pdfURL = '/pdf/BagsShoes.zip';
                    }
                }

                var lookbookTemplate = $('<div><div class="lookbook">' +
			   ' <span class="nextLookbook"><a href="#!" id="btnLbNext">Next</a></span>' +
			   ' <span class="prevLookbook"><a href="#!" id="btnLbPrev">Prev</a></span>' +
							'<div id="lookbook_img">' +
								'<div class="lookbookShadow2"></div>' +
								'<div class="mask" style="display:none"></div>' +
								'<img id="lbmainimg"  border="0" alt="" style="display:none" />' +
								'<div id="lbloaderg" style="background: url(\'content/images/loader.gif\') no-repeat scroll center center transparent;width: 950px; height:543px;display:none"></div>' +
								'<div class="pagesBar">' +
									'<div class="pagesLeft">' +
										'<ul class="lbpages" id="lookbookitems" >' +
										'</ul>' +
									'</div>' +
									'<div class="pagesBtn" style="display:none !important">' +
										'<span class="pagesBtnPrev"><a href="#"><</a></span>' +
										'<span class="pagesBtnNext"><a href="#">></a></span>' +
									'</div>' +
									'<div class="pagesRight">' +
										'<a href="' + pdfURL + '" class="printCatalog">' + printCatalogText + '</a>' +
									'</div>' +
							   '</div>' +
							'</div>' +
						 '</div>' +
						'<div>');

                var format = '<li><div class="p1"><a href="#!" class="pagerLinkCatcher">{0}</a></div><div class="p2"><a href="#!" class="pagerLinkCatcher">{1}</a></div></li>';

                var options = {
                    command: lookbookCommand,
                    success: function (result) {

                        var itemCount = result.ResponseObject.length;
                        var pageCount = itemCount / 2;
                        var allPages = '';
                        var pageIndex = 1;

                        for (var i = 1; i < pageCount + 1; i++) {
                            allPages += String.format(format, pageIndex, pageIndex + 1);
                            pageIndex += 2;
                        }

                        lookbookTemplate.find('#lookbookitems').html(allPages);

                        content.html(lookbookTemplate.html());

                        if (itemCount > 40) {
                            $('.pagesBtn').show();
                        }

                        $('#printCatalog').unbind('click');
                        $('#printCatalog').click(function () {
                            aff._ga('DownloadCatalog', '', 3);
                        });

                        content.animate({ opacity: 1 }, 600, function () {
                            showLookbookLoader();
                            $($('#lookbook_img').children('img')).attr('src', 'images/' + result.ResponseObject[0].LoobookImage);


                            $('.pagesBar').mouseenter(function (e) {
                                $('#lookbook_img').animate({
                                    marginTop: -35
                                });
                            })

                            //                                $('.scrollingHotSpotLeft2').mouseenter(function () {
                            //                                    $('.lbpages').animate({
                            //                                        left: '-=40'
                            //                                    });
                            //                                });

                            $(".pagesLeft").smoothDivScroll({
                                autoScrollDirection: "backandforth",
                                autoScrollStep: 1,
                                autoScrollInterval: 15,
                                startAtElementId: "startAtMe",
                                visibleHotSpots: "always"
                            });

                            $("#lookbookitems li").mouseenter(function () {
                                $("#lookbookitems li").css({ 'background': 'url("content/images/paging.gif") no-repeat scroll 50% 50% #FFFFFF' });
                                $(this).css({ 'background': 'url("content/images/pagingHover.png") no-repeat scroll 50% 50% #FFFFFF' });
                            });

                            $(".pagesBtn").mouseenter(function () {
                                $(".pagesBtn").css({ 'background': 'url("content/images/paging.gif") no-repeat scroll 50% 50% #FFFFFF' });
                                $(this).css({ 'background': 'url("content/images/pagingHover.png") no-repeat scroll 50% 50% #FFFFFF' });
                            });

                            $(".pagesBtn").mouseout(function () {
                                $(".pagesBtn").css({ 'background': 'url("content/images/pagingHover.png") no-repeat scroll 50% 50% #FFFFFF' });
                                $(this).css({ 'background': 'url("content/images/paging.gif") no-repeat scroll 50% 50% #FFFFFF' });
                            });

                            $("#lookbookitems li div a").click(function () {
                                $("#lookbookitems li").removeClass('pagingActive');
                                $(this).parents('li').addClass('pagingActive');
                            });

                            var hidebar = function () {
                                $('#lookbook_img').animate({
                                    marginTop: 0
                                });
                            };

                            $('#lookbook_img > img').mouseenter(function (e) {
                                hidebar();
                            });

                            var currentLbItem = 1;
                            var currentPage = 1;
                            $('.pagesBtnNext').click(function (e) {
                                e.preventDefault();
                                if (currentPage * 3 >= itemCount - 18) {
                                    return;
                                }
                                currentPage++;
                                $('.lbpages').animate({ left: '-=42' });
                            });

                            $('.pagesBtnPrev').click(function (e) {
                                e.preventDefault();
                                if (currentPage <= 1) {
                                    return;
                                }
                                currentPage--;
                                $('.lbpages').animate({ left: '+=42' });
                            });

                            $('#btnLbNext').click(function (e) {
                                e.preventDefault();
                                showLookbookLoader();
                                ++currentLbItem
                                currentPage = currentLbItem;
                                if (currentLbItem > result.ResponseObject.length - 1) {
                                    return;
                                }
                                var iname = result.ResponseObject[currentLbItem].LoobookImage;
                                $($('#lookbook_img').children('img')).attr('src', 'images/' + iname);
                                aff._ga('LookbookResim', iname, 1);

                            });

                            $('#btnLbPrev').click(function (e) {
                                e.preventDefault();
                                showLookbookLoader();
                                --currentLbItem;
                                currentPage = currentLbItem;
                                if (currentLbItem <= 0) {
                                    currentLbItem = 0;
                                }
                                var iname = result.ResponseObject[currentLbItem].LoobookImage;
                                $($('#lookbook_img').children('img')).attr('src', 'images/' + iname);
                                aff._ga('LookbookResim', iname, 1);
                            });

                            var pageLinks = $('.pagerLinkCatcher');
                            pageLinks.click(function (e) {
                                e.preventDefault();
                                showLookbookLoader();
                                var itemIndex = $(this).text();
                                //TODO: tıklanan sayfanın aktif classı atanacak, 
                                /*
                                $(this).addClass('activePageLink');
                                pageLinks.removeClass('activePageLink');
                                */
                                if (itemCount < itemIndex) {
                                    itemIndex = itemCount;
                                }
                                currentLbItem = itemIndex - 1;
                                $($('#lookbook_img').children('img')).attr('src', 'images/' + result.ResponseObject[currentLbItem].LoobookImage);
                                aff._ga('LookbookResim', result.ResponseObject[currentLbItem].LoobookImage, 1);
                            });

                            /*
                            try {
                            var itemSize;
                            itemSize = $('.lbpages > li').width() + 2;
                            itemSize = itemSize + $('.lbpages > li').css('margin-right').replace('px', '');
                            itemSize = itemSize * $('.lbpages > li').size();
                            $('.lbpages').width(itemSize);
								  
                            } catch (e) {}*/
                            //							}); //end of opacity 1
                        });

                    }
                };
                aff._sendRequest(options);

                return;
            }

            if (ro.Id == 7 || ro.Id == 9) {
                var template = $('<div><div class="campaign">' +
					'<div id="campaign_img">' +
						'<img border="0" alt="" id="campOriginalImagesLoader" src="content/images/loader.gif" style="display:none;margin-top:200px" />' +
						'<img border="0" alt="" id="campOriginalImages" height="543px" width:"450px" />' +
					'</div>' +
					'<div id="campaign_imgs">' +
						'<div class="scrollingHotSpotLeft"></div>' +
						'<div class="scrollingHotSpotRight"></div>' +
						'<div class="scrollWrapper">' +
							'<div class="scrollableArea"  id="campImages">' +
						'</div></div></div>' +
					'</div>' +
				'</div><div>');

                var options = {
                    command: 'getCampaign',
                    success: function (result) {
                        var imageList = '';
                        for (var i = 0; i < result.ResponseObject.length; i++) {
                            imageList += String.format('<img src="{0}" rel="{1}" class="cmpImageList" style="cursor:pointer" />', result.ResponseObject[i].CampaignImage.replace('Campaign\\', 'images/campaign/thm_'), result.ResponseObject[i].CampaignImage.replace('Campaign\\', 'images/campaign/'));
                        }
                        template.find('#campImages').html(imageList);

                        //                        content.animate({ opacity: 0 }, function () {
                        //$('.ajaxLoad').hide();
                        content.html(template.html());
                        content.animate({ opacity: 1 });

                        $('.cmpImageList').click(function (e) {
                            e.preventDefault();
                            aff._ga('KampanyaResim', $(this).attr('rel'), 1);
                            $('#campOriginalImages').hide().attr('src', $(this).attr('rel'));
                            $('#campOriginalImagesLoader').show();
                            $.timer(2000, function (timer) {
                                $('#campOriginalImagesLoader').hide();
                                $('#campOriginalImages').show();
                                timer.stop();
                            });
                        });

                        $($('.cmpImageList')[0]).trigger('click');

                        triggerCampaign();
                        //                        }); //end of animate
                    }
                }
                aff._sendRequest(options);
                return;
            }

            if (animate) {
                content.animate({ opacity: 0 }, function () {
                    //$('.ajaxLoad').hide();
                    content.html(ro.Content.Text);
                    content.animate({ opacity: 1 });
                    aff.setCufonRightContent();
                    $('.scroll-pane').jScrollPane();
                });
            } else {
                //$('.ajaxLoad').hide();
                content.html(ro.Content.Text);
            }
        };
        if (url.indexOf('?') > -1) {
            url = url.substr(0, url.indexOf('?'));
        }
        var getCacheItem = aff._getPageData(url);
        if (getCacheItem !== null) {
            setContent(getCacheItem[0]);
        } else {
            content.html('<div style="margin:0; min-height:564px"></div>');
            var options = {
                command: 'getPage',
                data: String.format('pageId={0}&url={1}', page, url),
                success: function (result) {
                    aff._log(result);
                    aff._savePageData(result.ResponseObject);
                    setContent(result.ResponseObject);
                }
            };
            aff._sendRequest(options);
        }
    };

    //aff.getAllPages();


    $('.mainPage').live('click', function (e) {
        e.preventDefault();
        window.location.href = '#!/lookbook';
    });

    $('.mainPageEn').live('click', function (e) {
        e.preventDefault();
        window.location.href = '#!/lookbook';
    });

    aff.getHash = function (animate) {
        var currentUrl = window.location.href;
        if (currentUrl.toLowerCase().indexOf('franchiseform') > -1) {
            return;
        }
        var page = currentUrl.split('#!/');
        var pageId = 0;
        var url = '';

        if (page.length === 1) {
            pageId = (lang === 'en') ? 2 : 1;
        } else {
            url = page[1];
        }
        var pageName = url;
        if (pageId == 1) {
            pageName = 'anasayfa';
        } else if (pageId == 2) { pageName = 'homepage'; }

        var pageValue = 1;
        var twoPointPages = 'kampanya, campaign, magazalar, stores, iletisim, contact';
        if (twoPointPages.indexOf(pageName) > -1) {
            pageValue = 2;
        }

        aff._ga('PageView', pageName, pageValue);
        aff.getContent(pageId, url, animate);
    };

    aff.getHash(true);
    aff._toVerticalCenter('.main');
});


$(window).bind('hashchange', function (e) {
    aff.getHash(true);
});

$(window).bind('resize', function (e) {
    aff._toVerticalCenter('.main');
});

Cufon.replace('.storesPage h1', {
    fontFamily: 'Didot',
    hover: {
        color: '#484144'
    }
});

Cufon.replace('.magazaCol div a', {
    fontFamily: 'Helvetica Neue LT Pro',
    hover: {
        color: '#484144'
    }
});

Cufon.replace('.townAdress', {
    fontFamily: 'Helvetica Neue LT Pro',
    hover: {
        color: '#484144'
    }
});