var c = 0;
var s = 1;
var active = 4;
var backLinks = new Array();
var link = 0;

$(function(){
    $('[rel="zoom"]').fancybox();
   setHeight();
   $('a').click(function(){
       if(checkLink($(this).attr('href')) == 1){
           link++;
           backLinks[link] = $(this).attr('href');
           var ul = $(this).closest('ul');
           if(ul.hasClass('sublinks')){
                switchStatus($(this));
           }
           showLoader();
           loadContent($(this).attr('href'));
       }
       return false;
    });

    $('.en').unbind('click');
    $('.de').unbind('click');
    $('.mail').unbind('click');
   
   $('#queryString').click(function(){
        $(this).val('');
   });
   
   $('#link4 a').click(function(){
       openIndustry();
       return false;
   });

   $('#link5 a').click(function(){
       openOther();
        return false;
   });

   $('#home').unbind('click');
   $('#l38 a').unbind('click');

   function openIndustry(){
       active = 4;
       var w = $('#nav4').css('width');
       var l = $(this).attr('href');
       if(w == '800px'){
           $('#sublinks4').fadeOut('fast');
           $('#nav4').animate({
                width: '400px'
            }, 2000);
            $('#link5').fadeIn('fast');
            $('#nav5').animate({
                width: '400px',
                opacity: 1
            }, 2000);
       }
       else{
            $('#nav5').animate({
                width: '0px',
                opacity: 0
            }, 2000,function(){
                $('#sublinks4').fadeIn('fast');
            });
            $('#link5').fadeOut('fast');
            $('#nav4').animate({
                width: '800px'
            }, 2000,function(){
               $('a').click(function(){
                    switchStatus($(this));
                    return false;
               });
               addCloser(4);
               setActive(l);
            });
       }
   }

   function openOther(){
       active = 5;
       var w = $('#nav5').css('width');
       var l = $(this).attr('href');
       if(w == '800px'){
           $('#sublinks5').fadeOut('fast');
           $('#nav5').animate({
                width: '400px'
            }, 2000);
            $('#link4').fadeIn('fast');
            $('#nav4').animate({
                width: '400px',
                opacity: 1
            }, 2000);
       }
       else{
            $('#nav4').animate({
                width: '0px',
                opacity: 0
            }, 2000,function(){
                $('#sublinks5').fadeIn('fast');
            });
            $('#link4').fadeOut('fast');
            $('#nav5').animate({
                width: '800px'
            }, 2000,function(){
               $('a').click(function(){
                    switchStatus($(this));

                    return false;
               });
               addCloser(5);
               setActive(l);
            });
       }
   }

   function addCloser(i){
        $('.close-nav').unbind('click');
        switch(i){
            case 4:
            $('.close-nav').click(function(){
                $('#sublinks4').fadeOut('fast');
                   $('#nav4').animate({
                    width: '400px'
                    }, 2000);
                $('#link5').fadeIn('fast');
                $('#nav5').animate({
                    width: '400px',
                    opacity: 1
                }, 2000);
                return false;
            });
            break;

            case 5:
            $('.close-nav').click(function(){
                $('#sublinks5').fadeOut('fast');
                   $('#nav5').animate({
                    width: '400px',
                    left: '+=400'
                    }, 2000);
                $('#link4').fadeIn('fast');
                $('#nav4').animate({
                    width: '400px',
                    opacity: 1
                }, 2000);
                return false;
            });
            break;
        }
   }

   function switchStatus(obj){
       $('.sublinks li').each(function(i){
            if($(this).is('.active')){
                $(this).removeClass('active');
            }
       });
       obj.parent().toggleClass('active');
   }

   function setActive(l){
       $('.sublinks li a').each(function(i){
            if($(this).attr('href') == l){
                $(this).parent().toggleClass('active');
            }
       });
   }

   function loadContent(l){
       $('html, body').animate({scrollTop:0}, 'slow',function(){
           $('#container').height($(window).height()+50);
       });
       $('a').unbind('click');
       c = 0;
       var cont = $('#display').parent();
       var bannerRight = $('#flashBox');
       bannerRight.slideUp('fast',function(){
                bannerRight.html('');
                bannerRight.load(l+' #flashBox','',function(){
                    var img = bannerRight.find('img');
                    if(img.length == 0){
                        bannerRight.html('<img src="uploads/pics/start-r_01.jpg" alt=Bild />');
                    }
                    bannerRight.fadeIn('fast');
                });
           });
       cont.fadeOut('fast',function(){
           cont.html('');
           cont.load(l+' #display','',function(){
                cont.fadeIn('fast',function(){
                    checkProductImages();
                    var h = $(document).height();
                    $('#container').height(h);
                    $('a').click(function(){
                        if(checkLink($(this).attr('href')) == 1){
                            link++;
                            backLinks[link] = $(this).attr('href');
                            var ul = $(this).closest('ul');
                           if(ul.hasClass('sublinks')){
                                switchStatus($(this));
                           }
                            showLoader();
                            loadContent($(this).attr('href'));
                        }
                        return false;
                    });
                    hideLoader();
                    imageNavInit();
                    addCloser(active);
                     $('#link4 a').click(function(){
                       openIndustry();
                       return false;
                   });

                   $('#link5 a').click(function(){
                       openOther();
                        return false;
                   });
                   $('#back-link a').unbind('click');
                   $('#back-link a').click(function(){
                       link--;
                       showLoader();
                       loadContent(backLinks[link]);
                       return false;
                   });
                   $('#home').unbind('click');
                   $('#l38 a').unbind('click');
                   $('.en').unbind('click');
                   $('.de').unbind('click');
                   $('.mail').unbind('click');
                   $('[rel="zoom"]').unbind('click');
                   setHeight();
                   $('[rel="zoom"]').fancybox({
                       onComplete: function(){
                           var box = $(this);
                            $('#fancybox-close').unbind();
                            $('#fancybox-close').click(function(){
                                $.fancybox.close();
                            });
                       }
                   });
                });
           });
       });
   }
});

function checkLink(url){
   if(url.match(/mailto/)){
       return 2;
   }
   if(url.match(/\.pdf/)){
       window.location = url;
       return false;
   }
   if(url.match(/http:\/\//) || url.match(/http:\/\//)){
       window.open(url,'Extern','width=900,height=700,scrollbars=yes,menubar=yes,toolbar=yes,locationbar=yes');
       return false;
   }
   return 1;
}

function imageNavInit(){
    $('#next-img').click(function(){
        var parent = $(this).parent();
        var img = parent.find('img');
        var len = img.length;
        var current = c;
        if(c < (len-1)){
            c = c + 1;
        }
        else{
            c = 0;
        }
        $(parent).height($(img[c]).attr('height'));
        showHideImage(img[current],img[c]);
        return false;
   });

   $('#prev-img').click(function(){
        var parent = $(this).parent();
        var img = parent.find('img');
        var len = img.length;
        var current = c;
        if(c == 0){
            c = (len - 1);
        }
        else{
            c = c - 1;
        }
        showHideImage(img[current],img[c]);
        return false;
   });

   $('#next-slide').click(function(){
        var rel = $('#related');
        var slides = ($('.item').length/3);
        var pos = $(rel).offset();
        var newLeft = (pos.left-85)-681;
        $(rel).animate({
            marginLeft: newLeft
        },2000);
        s = s + 1;
        if(s == slides){
            $(this).fadeOut('fast');
        }
        if(s > 1){
            $('#prev-slide').fadeIn('fast',function(){
                $(this).click(function(){
                   var pos = $(rel).offset();
                   var newLeft = (pos.left-85)+681;
                   $(rel).animate({
                        marginLeft: newLeft
                    },2000);
                    s = s - 1;
                    if(s <= 1){
                        s = 1;
                        $(this).fadeOut('fast');
                        $('#next-slide').fadeIn('fast');
                    }
                });
            });
        }
    });
}

function showHideImage(current,next){
   $(current).fadeOut('fast',function(){
       $(next).fadeIn('fast');
   });
}

function checkProductImages(){
    var related = $('.item-image');
    if(related.length > 3){
        $('#next-slide').fadeIn('fast');
    }
    var products = $('.product-image');
    $.each(products,function(p,val){
       var img = $(products[p]).find('img');
       if(img.length > 1){
           $('#next-img').fadeIn('fast');
           $('#prev-img').fadeIn('fast');
       }
       $(products[p]).height($(img[0]).attr('height'));
       $(img[0]).fadeIn('fast');
    });
}

function showLoader(){
    $('#loader').fadeIn('fast');
}

function hideLoader(){
    $('#loader').fadeOut('fast');
}

function setHeight(){
        var h = ($(document).height()+50);
        $('#container').height(h);
}