$(document).ready(function () {
    $('a[rel=lightbox]').lightBox();
    formKontrol();
    telMask();
    popircik();
    tablar();
    $('#menziler').colorbox({ opacity: 0.75, width: "710", inline: true, href: "#harita_canvas", onClosed: haritaKapat });
    $('#adresler h4').find('a').each(function () {
        $(this).colorbox({ opacity: 0.75, width: "710", inline: true, href: "#harita_canvas", onClosed: haritaKapat });
    });
});

var submitci = false;
var holder;

function popircik() {
    $('.popircik').each(function () {
        $(this).mouseenter(function () {
            $(this).find('img').fadeIn();
        });
        $(this).mouseleave(function () {
            $(this).find('img').fadeOut();
        });
        $(this).click(function () {
            $(this).find('img').fadeOut();
        });
    });
}

function haritaGoster() {
    $('#haritaCont').css('display', 'block');
}
function haritaKapat() {
    $('#haritaCont').css('display', 'none');
}

function initialize() {
    var latlng = new google.maps.LatLng(42.397, 35.644);
    var circlerad;
    var imageurl;
    var zoomlevel;
    var myOptions = {
        zoom: 3,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("harita_canvas"),
myOptions);

    switch ($.trim(document.getElementById('aletTuru').innerHTML)) {
        case 'hawker':
            imageurl = 'ucakikon.png';
            circlerad = 3700000;
            zoomlevel = 3;
            break;
        case 'sikorsky':
            imageurl = 'skikon.png';
            circlerad = 430000;
            zoomlevel = 5;
            break;
        case 'bell':
            imageurl = 'bellikon.png';
            circlerad = 430000;
            zoomlevel = 5;
            break;
        default:
            imageurl = 'ucakikon.png';
            circlerad = 3700000;
            zoomlevel = 3;
    }

    var image = new google.maps.MarkerImage('/img/' + imageurl,
        new google.maps.Size(71, 44),
        new google.maps.Point(0, 0),
        new google.maps.Point(35, 22));

    var marker = new google.maps.Marker({
        map: map,
        icon: image,
        position: new google.maps.LatLng(39.777, 30.521),
        draggable: true,
        title: 'Hareket Yerine Taşıyınız'
    });

    var circle = new google.maps.Circle({
        map: map,
        radius: circlerad,
        strokeColor: '#1779b1',
        fillColor: '#1779b1'
    });

    map.center = marker.position;
    map.zoom = zoomlevel;

    circle.bindTo('center', marker, 'position');
    google.maps.event.addListenerOnce(map, 'idle', haritaKapat);
}


function iletisimHarita(lat, lng) {
    haritaGoster();
    var latlng = new google.maps.LatLng(lat, lng);
    var imageurl = 'sarplogohrt.png';
    var zoomlevel = 17;
    var myOptions = {
        zoom: zoomlevel,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("harita_canvas"),
myOptions);

    var image = new google.maps.MarkerImage('/img/' + imageurl,
        new google.maps.Size(71, 44),
        new google.maps.Point(0, 0),
        new google.maps.Point(35, 22));

    var marker = new google.maps.Marker({
        map: map,
        icon: image,
        position: new google.maps.LatLng(lat, lng),
        title: 'Sarp A.Ş.'
    });

    map.center = marker.position;
    map.zoom = zoomlevel;

    google.maps.event.addListenerOnce(map, 'idle', haritaKapat);
}

function telMask() {
    $('textarea[name="iletmesaj"]').watermark('En az 10 karakter olmalıdır', { useNative: false, className: 'wmark' });
}

function formKontrol() {
    var iletdogrula = $("#iletisimFormu").validate({
        rules: {
            iletad: "required",
            ilettel: "required",
            iletemail: {
                required: true,
                email: true
            },
            iletmesaj: {
                required: true,
                minlength: 10
            }
        },
        messages: {
            iletad: "*",
            ilettel: "*",
            iletemail: "*",
            iletmesaj: "*"
        },
        // the errorPlacement has to take the table layout into account
        errorPlacement: function (error, element) {
            $(error).css({
                width: '3px',
                'padding-bottom': '0'
            });
            if (element.is(":radio"))
                error.appendTo(element.parent().next().next());
            else if (element.is(":checkbox"))
                error.appendTo(element.next());
            else
                error.appendTo(element.next());
        },
        // specifying a submitHandler prevents the default submit, good for the demo
        // set this class to error-labels to indicate valid fields
        submitHandler: formuGonder,
        success: function (label) {
            // set   as text for IE
            label.html(" ").addClass("checked");
        }
    });
}


function formuGonder() {
    $.post("iletisim.asp?ilet=1", $('#iletisimFormu').serialize(), function (data) {
        holder = $('#iletisimform').html();
        $('#iletisimGonder').remove();
        $('#iletisimform').html("<div class='iletTamamDiv'>İletiniz teslim edilmiştir.</div><div><a href='' class='iletTamamBut' onclick='geriYerlestir(); return false;'>Tamam</a></div>");
        return false;
    });
}

function geriYerlestir() {
    $('#iletisimform').html(holder);
    formKontrol();
}

function tablar() {
    $('.tabBx').hide();
    $('#tabBaslik').find('li:first-child').addClass('sel');
    $('.tabBx:first').show();


    $('#tabBaslik').find('a').each(function () {
        $(this).click(function () {
            $('#tabBaslik').find('li').removeClass('sel');
            $('.tabBx').hide();
            $(this).parent().addClass('sel');
            $('#' + $(this).attr('rel')).show();
            return false;
        });
    });
}