// JavaScript Document GLOBAL


if (current_locale == "de") {
/* LANG DE*/
var tooltip_text = "<strong>Have a Look:</strong><br>Erfahren Sie mehr &uuml;ber dieses Outfit";
var close_text = "Schlie&szlig;en";
var loading_text = "Lade Inhalt...";
}
if (current_locale == "en") {
/* LANG EN*/
var tooltip_text = "<strong>Have a Look:</strong><br>find out more about this outfit";
var close_text = "close";
var loading_text = "Loading...";
}
if (current_locale == "nl") {
/* LANG NL*/
var tooltip_text = "<strong>Have a Look:</strong><br>kom meer te weten over deze outfit";
var close_text = "Sluiten";
var loading_text = "Lading...";
}
if (current_locale == "fr") {
/* LANG NL*/
var tooltip_text = "<strong>Have a Look:</strong><br>plus d'infos sur cette tenue";
var close_text = "Fermer";
var loading_text = "Charge...";
}
var newsticker_items;

function do_newsticker(active_el, newsticker_items) {
    $('#newsticker li').hide();
    $('#newsticker li').eq(active_el).fadeIn();
    active_el++;
    if (active_el == newsticker_items) {
        active_el = 0;
    }
    setTimeout(function () {
        do_newsticker(active_el, newsticker_items);
    }, 6000);
}
jQuery.cookie = function (name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
        }
        // CAUTION: Needed to parenthesize options.path and options.domain
        // in the following expressions, otherwise they evaluate to undefined
        // in the packed version for some reason...
        var path = options.path ? '; path=' + (options.path) : '';
        var domain = options.domain ? '; domain=' + (options.domain) : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};
function show_404(msg1, msg2, msg3) {
    $("<div id='container_404'><div id='container_404_centerpage'></div></div>").insertAfter('.page_loading');
    $('#container_404_centerpage').fadeIn();
    $('#container_404_centerpage').html("" + msg1 + msg2 + " " + msg3 + "<br />Wir werden den Fehler beheben!");
    setTimeout(function () {
        $("#container_404_centerpage").fadeOut()
    }, 4500);
}
function create_tooltipp(inhalt, revobject) {
   
   
    if (!($.cookie("streetone_tooltip")) || inhalt) {
        if (!inhalt) {
            var inhalt = tooltip_text;
        }
        if (info_layer_visible == false) {
		  var pos = $(revobject).offset();
            $("<div id='tooltipp_test'><div id='tooltipp_inhalt'></div><div id='tooltipp_bottom'></div></div>").insertAfter('.page_loading');
            $('#tooltipp_inhalt').html(inhalt);
            $('#tooltipp_test').css({
                opacity: 0.0
            });
            var tool_height = $('#tooltipp_test').height();
            var tool_width = $('#tooltipp_test').width();
		if ($(revobject).attr('id') == $("#colorcode").attr('id')) {var verschieb_x = 163;} else {{var verschieb_x = 43;}}
		 
		
            $('#tooltipp_test').css({
               left: pos.left - tool_width + verschieb_x + 'px',
               top: pos.top - tool_height + 'px'
            });
            setTimeout(
            function () {
                $('#tooltipp_test').animate({
                    opacity: 1
                }, 200);
               /* $('#tooltipp_inhalt').animate({
                    top: '-=10'
                }, 200); */
            }, 1000);
            /*$(this).mousemove(function (e) {
                $('#tooltipp_test').css({
                    left: (mousex - tool_width + 28) + 'px',
                    top: (mousey - tool_height) + 'px'
                });
            });*/
            $(".tooltip").mouseout(function (e) {
						 
                $('#tooltipp_test').remove();
            });
        }
    }
    return false;
}
var info_layer_visible = false;

function create_infolayer(inhalt, revobject) {	
    info_is_shown = true;
    $('#tooltipp_test').remove();
    $.cookie("streetone_tooltip", true, {
        expires: 1
    });
   
   
    if (info_layer_visible == false) {
        var pos = $(revobject).offset();
        $("<div id='infolayer'><div id='infolayer_inhalt'></div></div>").insertAfter('.page_loading');
        var do_inhalt = "<div class='closeinfolayer'><a href='#' class='close' onclick='remove_infolayer();'>"+close_text+"</a></div>";
        do_inhalt += "<div class='infolayer_content' style='background-image: url(/img/lang/"+current_locale+"/infolayer_information.gif);'>" + inhalt + "</div>";
        $('#infolayer_inhalt').html(do_inhalt);
        $('#infolayer_inhalt').css({
            opacity: 0.0
        });
        var tool_height = $('#infolayer').height() - $('.tooltip').height() / 2 - 5;
        var tool_width = $('#infolayer').width() - $('.tooltip').width() / 2;
        $('#infolayer').css({
            left: pos.left - tool_width + 'px',
            top: pos.top - tool_height + 'px'
        });
        $('#infolayer_inhalt').animate({
            opacity: 1,
            top: '-=5'
        }, 500);
        info_layer_visible = true;
        return false;
    }
}
var senda_layer_visible = false;

function create_senda(revobject, url_overwrite) {
	
    if (senda_layer_visible == false) {
        $("<div id='sendalayer'><div id='senda_inhalt'>"+ loading_text + "</div></div>").insertAfter('.page_loading');
        $('#senda_inhalt').css({
            opacity: 0.0
        });
        $('#senda_inhalt').load('/'+current_locale+'/send_a_friend/form.html', { url: url_overwrite}, function () {
            var pos = $(revobject).offset();
            var tool_height = $('#sendalayer').height() - $('.tooltip').height() / 2 - 5;
            var tool_width = $('#sendalayer').width() - $('.tooltip').width() / 2;
		
            $('#sendalayer').css({
                left: pos.left - tool_width + 'px',
                top: pos.top - tool_height + 'px'
            });
            $('#senda_inhalt').animate({
                opacity: 1,
                top: '-=5'
            }, 500);
            senda_layer_visible = true;
        });
        return false;
    }
} /* IE 8 NEED THIS */

function remove_tooltipp() {
    $('#tooltipp_test').remove();
}

function remove_sendalayer() {
    $('#sendalayer').remove();
    senda_layer_visible = false;
    return false;
}

function remove_infolayer() {
    $('#infolayer').remove();
    info_layer_visible = false;
    return false;
}
var mousex;
var mousey;
$(document).ready(

function () {
    $(document).mousemove(function (e) {
        mousex = e.pageX;
        mousey = e.pageY;
    });
    $('.sendafriend').click(function () {						 
        create_senda(this);
    });
    $('#language').toggle(function () {
        $('#footer_nav span').fadeIn();
    }, function () {
        $('#footer_nav span').hide();
    }); /*colorcode*/
    var colorcode_pressed = false;
    $('.colorcode').click(function () {
        if (colorcode_pressed == false) {
            $('.page_loading').show();
            $("<div id='colorcode_container'><div id='colorcode_centerpage' class='"+current_locale+"'></div></div>").insertAfter('.page_loading');
            $('#colorcode_centerpage').load('/'+current_locale+'/colorcode', function (response, status, xhr) {
                $('.page_loading').hide();
                if (status == "error") {
                    var msg = "Sorry but there was an error: ";
                    show_404(msg, xhr.status, xhr.statusText);
                } else {
                    $('#colorcode_centerpage').fadeIn();
                    $('#colorcode_centerpage').click(function () {
                        $('#colorcode_container').remove();
                        $('.page_loading').hide();
                        colorcode_pressed = false;
                    });
                }
            });

            colorcode_pressed = true;
        } else {
            $('#colorcode_container').remove();
            $('.page_loading').hide();
            colorcode_pressed = false;
        }
    });
    newsticker_items = $('#newsticker li').size();
    do_newsticker(0, newsticker_items);
    $('.page_loading').hide();
    
    // MENU IE6
 
$("li#menu_look").mouseover(function () {
    $(this).addClass("hover");
    $("li#menu_look ul").show();
});
$("li#menu_look").mouseleave(function () {
    $(this).removeClass("hover");
    $("li#menu_look ul").hide();
});
$("li#menu_style").mouseover(function () {
    $(this).addClass("hover");
    $("li#menu_style ul").show();
});
$("li#menu_style").mouseleave(function () {
    $(this).removeClass("hover");
    $("li#menu_style ul").hide();
});
$("li#menu_style").mouseover(function () {
    $(this).addClass("hover");
    $("li#menu_style ul").show();
});
$("li#menu_style").mouseleave(function () {
    $(this).removeClass("hover");
    $("li#menu_style ul").hide();
});
$("li#menu_basics").mouseover(function () {
    $(this).addClass("hover");
    $("li#menu_basics ul").show();
});
$("li#menu_basics").mouseleave(function () {
    $(this).removeClass("hover");
    $("li#menu_basics ul").hide();
});
$("li#menu_guide").mouseover(function () {
    $(this).addClass("hover");
    $("li#menu_guide ul").show();
});
$("li#menu_guide").mouseleave(function () {
    $(this).removeClass("hover");
    $("li#menu_guide ul").hide();
});
$("li#menu_inside").mouseover(function () {
    $(this).addClass("hover");
    $("li#menu_inside ul").show();
});
$("li#menu_inside").mouseleave(function () {
    $(this).removeClass("hover");
    $("li#menu_inside ul").hide();
});
//corporatemenu
$("li#menu_marke").mouseover(function () {
    $(this).addClass("hover");
    $("li#menu_marke ul").show();
});
$("li#menu_marke").mouseleave(function () {
    $(this).removeClass("hover");
    $("li#menu_marke ul").hide();
});
$("li#menu_verhalten").mouseover(function () {
    $(this).addClass("hover");
    $("li#menu_verhalten ul").show();
});
$("li#menu_verhalten").mouseleave(function () {
    $(this).removeClass("hover");
    $("li#menu_verhalten ul").hide();
});
$("li#menu_system").mouseover(function () {
    $(this).addClass("hover");
    $("li#menu_system ul").show();
});
$("li#menu_system").mouseleave(function () {
    $(this).removeClass("hover");
    $("li#menu_system ul").hide();
});
$("li#menu_partner").mouseover(function () {
    $(this).addClass("hover");
    $("li#menu_partner ul").show();
});
$("li#menu_partner").mouseleave(function () {
    $(this).removeClass("hover");
    $("li#menu_partner ul").hide();
});
$("li#menu_jobs").mouseover(function () {
    $(this).addClass("hover");
    $("li#menu_jobs ul").show();
});
$("li#menu_jobs").mouseleave(function () {
    $(this).removeClass("hover");
    $("li#menu_jobs ul").hide();
});


});